.video-feedback__card{padding:var(--spacing-5);background:var(--bs-brand-white);border-radius:var(--rounded-lg);box-shadow:var(--shadow-block)}.video-feedback__heading,.video-feedback__modal-heading{margin:0}.video-feedback__rail,.video-feedback__modal-rail{display:flex;align-items:center;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-padding-inline:3px}.video-feedback__rail::-webkit-scrollbar,.video-feedback__modal-rail::-webkit-scrollbar,.video-feedback__track::-webkit-scrollbar{display:none}.video-feedback__rail{gap:var(--spacing-3);margin-block-start:var(--spacing-4);width:calc(100% + (2 * var(--spacing-5)));margin-inline:calc(-1 * var(--spacing-5));padding:5px var(--spacing-5);scroll-padding-inline:var(--spacing-5);scroll-snap-type:inline proximity}.video-feedback__thumb{-webkit-appearance:none;appearance:none;position:relative;flex:none;padding:3px;border:1px solid rgb(var(--text-color) / .14);border-radius:var(--rounded-full);background:var(--bs-brand-white);color:rgb(var(--text-color));cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.video-feedback__thumb:hover{transform:translateY(-2px)}.video-feedback__thumb:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.video-feedback__thumb--inline{width:76px;height:76px;scroll-snap-align:start}.video-feedback__thumb--modal{width:64px;height:64px}.video-feedback__thumb--modal[aria-selected=true]{border-color:rgb(var(--text-color));box-shadow:0 0 0 1px rgb(var(--text-color))}.video-feedback__thumb--review .video-feedback__thumb-play{width:26px;height:26px}.video-feedback__thumb--review .video-feedback__thumb-play svg{width:13px;height:13px}.video-feedback__thumb-media,.video-feedback__thumb-media img,.video-feedback__thumb-media video,.video-feedback__thumb-placeholder{display:block;width:100%;height:100%;border-radius:inherit}.video-feedback__thumb-media{position:relative;overflow:hidden}.video-feedback__thumb-media img,.video-feedback__thumb-media video{object-fit:cover}.video-feedback__thumb-play{position:absolute;inset:50% auto auto 50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgb(11 5 29 / .12);border-radius:var(--rounded-full);background:#f9f8f5e0;color:var(--bs-brand-ink);box-shadow:0 2px 8px #0b051d33;transform:translate(-50%,-50%);pointer-events:none}.video-feedback__thumb-play svg{display:block;width:16px;height:16px}.video-feedback__thumb-placeholder{display:grid;place-items:center;background:var(--bs-brand-herring)}.video-feedback--viewer-only{display:contents}.video-feedback__dialog{width:min(680px,calc(100% - 24px));max-width:none;max-height:none;margin:auto;padding:0;border:0;overflow:visible;background:transparent;color:rgb(var(--text-color))}.video-feedback__dialog::backdrop{background:#0b051dad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-feedback__modal{max-height:calc(100dvh - 16px);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);overflow:hidden;border-radius:var(--rounded-lg);background:var(--bs-brand-white);box-shadow:var(--shadow-block)}.video-feedback__dialog[open] .video-feedback__modal{animation:video-feedback-enter .32s cubic-bezier(.4,0,.22,1) both}@keyframes video-feedback-enter{0%{opacity:0;transform:translateY(16px) scale(.985)}}.video-feedback__modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex:none}.video-feedback__close{width:40px;height:40px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:var(--rounded-full);background:var(--bs-brand-herring);color:rgb(var(--text-color))}.video-feedback__modal-rail{gap:var(--spacing-2);padding:3px;flex:none}.video-feedback__player{position:relative;height:min(68dvh,720px);min-height:min(420px,58dvh);flex:1 1 auto;overflow:hidden;border-radius:var(--rounded-lg);background:var(--bs-brand-ink)}.video-feedback__track{width:100%;height:100%;display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x}.video-feedback__slide{position:relative;width:100%;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.video-feedback__video,.video-feedback__image{display:block;width:100%;height:100%;background:var(--bs-brand-ink)}.video-feedback__video{object-fit:cover}.video-feedback__image,.video-feedback__slide--review .video-feedback__video{object-fit:contain}.video-feedback__arrow,.video-feedback__control{display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-feedback__arrow{position:absolute;top:50%;z-index:3;width:48px;height:48px;transform:translateY(-50%);background:#f9f8f5e6;color:var(--bs-brand-ink);box-shadow:var(--shadow)}.video-feedback__arrow--prev{inset-inline-start:var(--spacing-4)}.video-feedback__arrow--next{inset-inline-end:var(--spacing-4)}.video-feedback__arrow:disabled{opacity:0;pointer-events:none}.video-feedback__controls{position:absolute;z-index:4;inset-inline-end:var(--spacing-4);inset-block-end:var(--spacing-4);display:flex;gap:var(--spacing-2);transition:inset-block-end .18s ease}.video-feedback__controls[hidden]{display:none}.video-feedback__player.has-product .video-feedback__controls{inset-block-end:108px}.video-feedback__player.has-review .video-feedback__controls{inset-block-end:calc(var(--vf-review-bubble-height, 0px) + 28px)}.video-feedback__player.has-review .video-feedback__arrow{top:calc((100% - var(--vf-review-bubble-height, 0px) - var(--spacing-3)) / 2)}.video-feedback__control{width:44px;height:44px;background:#0b051d94;color:var(--bs-brand-white)}.video-feedback__control>span{flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;line-height:0}.video-feedback__control>span:not([hidden]){display:flex}.video-feedback__control svg{display:block;width:20px;height:20px}.video-feedback__product{position:absolute;z-index:3;inset-inline:var(--spacing-4);inset-block-end:var(--spacing-4);min-width:0;display:grid;grid-template-columns:60px minmax(0,1fr) 44px;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid rgb(249 248 245 / .72);border-radius:20px;background:#f9f8f5e6;color:var(--bs-brand-ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-feedback__product-image{width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:var(--bs-brand-herring)}.video-feedback__product-image img{width:100%;height:100%;object-fit:contain}.video-feedback__product-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.video-feedback__product-copy strong{overflow:hidden;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis}.video-feedback__product-copy>span{font-size:var(--text-sm)}.video-feedback__product-arrow{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--rounded-full);background:var(--bs-brand-white)}.video-feedback__review-bubble{position:absolute;z-index:3;inset-inline:var(--spacing-3);inset-block-end:var(--spacing-3);max-height:min(48%,280px);padding:var(--spacing-3) var(--spacing-4);overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;border:1px solid rgb(249 248 245 / .72);border-radius:var(--rounded-lg);background:#f9f8f5f0;color:var(--bs-brand-ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-feedback__review-bubble[data-vf-expanded]{max-height:min(62%,420px);overflow-y:auto}.video-feedback__review-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .65rem;margin-block-end:.15rem}.video-feedback__review-stars{margin-inline-start:auto;color:#f5b400;letter-spacing:.08em;line-height:1}.video-feedback__review-copy{margin:.35rem 0 0;color:#0b051dc7;font-size:var(--text-sm);line-height:1.5;white-space:pre-line}.video-feedback__review-bubble:not([data-vf-expanded]) .video-feedback__review-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.video-feedback__review-bubble[data-vf-overflow]:not([data-vf-expanded]) .video-feedback__review-copy{-webkit-mask-image:linear-gradient(180deg,#000 40%,rgb(0 0 0 / .28) 100%);mask-image:linear-gradient(180deg,#000 40%,#00000047)}.video-feedback__review-expand{display:none;place-items:center;width:100%;margin:0;padding:.15rem 0 .05rem;border:0;background:none;color:#0b051d8c;cursor:pointer}.video-feedback__review-bubble[data-vf-overflow] .video-feedback__review-expand,.video-feedback__review-bubble[data-vf-expanded] .video-feedback__review-expand{display:grid}.video-feedback__review-expand svg{transition:transform .16s ease}.video-feedback__review-bubble[data-vf-expanded] .video-feedback__review-expand svg{transform:rotate(180deg)}.video-feedback__review-highlight{margin:0 -.08em;padding:.05em .16em .1em;border-radius:.35em;background:var(--bs-brand-sticky);color:inherit}.video-feedback__review-verified{display:inline-flex;align-items:center;gap:.3rem;color:#376c45;font-size:.75rem;font-weight:650}.video-feedback__review-verified svg{width:.85rem}.video-feedback__review-product{display:flex;align-items:center;gap:.65rem;margin-block-start:.8rem;padding:.55rem;border-radius:var(--rounded-sm);background:#0b051d0f;color:inherit}.video-feedback__review-product img{width:2.5rem;height:2.5rem;border-radius:calc(var(--rounded-sm) - 4px);object-fit:cover}.video-feedback__review-product span{display:grid;min-width:0}.video-feedback__review-product small{color:#0b051d80;font-size:.75rem}.video-feedback__review-product strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}html.video-feedback-open,html.video-feedback-open body{overflow:hidden}@media screen and (min-width:1000px){.shopify-section--main-product .shopify-section--video-feedback .section{--calculated-section-spacing-block-start: 0px;--calculated-section-spacing-block-end: 0px;padding-inline:0}}@media screen and (min-width:700px){.video-feedback__dialog{width:min(380px,calc(56.25dvh - 59px),calc(100% - 24px))}.video-feedback__modal-heading{font-size:var(--text-h6)}.video-feedback__thumb--modal{width:56px;height:56px}.video-feedback__player{width:100%;height:auto;min-height:0;aspect-ratio:9 / 16;flex:none}}@media screen and (max-width:999px){.shopify-section--main-product [data-bs-product-layout]>.shopify-section--video-feedback,.shopify-section--main-product [data-bs-product-layout]>.shopify-section--product-accordions{margin-block-start:var(--spacing-3)}.shopify-section--main-product .shopify-section--video-feedback .section,.shopify-section--main-product .shopify-section--product-accordions .section{--calculated-section-spacing-block-start: 0px;--calculated-section-spacing-block-end: 0px;padding-inline:0;padding-block:0}.shopify-section--main-product .video-feedback__card,.shopify-section--main-product .shopify-section--product-accordions .accordion-group{box-shadow:var(--shadow)}}@media screen and (max-width:699px){.video-feedback__card{padding:var(--spacing-4)}.video-feedback__rail{width:calc(100% + (2 * var(--spacing-4)));margin-inline:calc(-1 * var(--spacing-4));padding-inline:var(--spacing-4);scroll-padding-inline:var(--spacing-4)}.video-feedback__thumb--inline{width:clamp(78px,20vw,82px);height:clamp(78px,20vw,82px)}.video-feedback__dialog{width:calc(100% - 16px)}.video-feedback__modal{max-height:calc(100dvh - 12px);gap:var(--spacing-2);padding:var(--spacing-3)}.video-feedback__thumb--modal{width:56px;height:56px}.video-feedback__player{height:min(72dvh,700px);min-height:min(440px,60dvh)}.video-feedback__arrow{width:42px;height:42px}.video-feedback__arrow--prev{inset-inline-start:var(--spacing-3)}.video-feedback__arrow--next{inset-inline-end:var(--spacing-3)}.video-feedback__controls{inset-inline-end:var(--spacing-3);inset-block-end:var(--spacing-3)}.video-feedback__player.has-product .video-feedback__controls{inset-block-end:96px}.video-feedback__player.has-review .video-feedback__controls{inset-block-end:calc(var(--vf-review-bubble-height, 0px) + 24px)}.video-feedback__review-bubble[data-vf-expanded]{max-height:58%}.video-feedback__control{width:40px;height:40px}.video-feedback__product{inset-inline:var(--spacing-3);inset-block-end:var(--spacing-3);grid-template-columns:52px minmax(0,1fr) 40px;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:18px}.video-feedback__product-image{width:52px;height:52px}.video-feedback__product-arrow{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.video-feedback__dialog[open] .video-feedback__modal{animation:none}.video-feedback__thumb,.video-feedback__controls{transition:none}}.video-feedback__video-slot{background-color:#0b051d0f;background-size:cover;background-position:center;background-repeat:no-repeat}
/*# sourceMappingURL=/cdn/shop/t/352/assets/video-feedback.css.map */