.shopvid{padding-top:var(--sv-pt);padding-bottom:var(--sv-pb);position:relative}.shopvid--full{width:100%}.page-width{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 1rem}.shopvid__header{margin-bottom:1.5rem}.shopvid__title.h3{font-size:1.25rem}.shopvid__title.h1-size{font-size:clamp(1.6rem,2.6vw,2.25rem)}.shopvid__title{margin:0 0 .5rem}.shopvid__desc{opacity:.9}.shopvid__viewport{position:relative}.shopvid__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,25%);gap:var(--sv-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.25rem}.shopvid__row--reveal{padding-right:12%}.shopvid__row::-webkit-scrollbar{height:8px}.shopvid__row::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.shopvid__card{scroll-snap-align:start}.shopvid__media{position:relative;border-radius:16px;overflow:hidden;background:#f6f6f6;aspect-ratio:var(--aspect-ratio, 3 / 4)}.shopvid__video{width:100%;height:100%;object-fit:cover;display:block}.shopvid__media[data-open]{cursor:pointer}.shopvid__overlay{position:absolute;inset:auto .5rem .5rem .5rem;border:0;width:calc(100% - 1rem);cursor:pointer;background:none;padding:0}.shopvid__overlay-inner{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.75rem;border-radius:12px;color:#fff;background:linear-gradient(180deg,#0000000d,#00000059);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shopvid__thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#fff}.shopvid__meta{display:grid;gap:.125rem;text-align:left}.shopvid__name{font-weight:600;font-size:.95rem;line-height:1.2}.shopvid__price{font-size:.9rem}.shopvid__price s{opacity:.7;margin-right:.25rem}.shopvid__cta{font-size:.85rem;font-weight:600;background:#111;color:#fff;padding:.5rem .75rem;border-radius:999px}.shopvid__arrow{position:absolute;top:50%;transform:translateY(-50%);border:none;width:40px;height:40px;border-radius:999px;background:#00000080;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}.shopvid__arrow--prev{left:.25rem}.shopvid__arrow--next{right:.25rem}.shopvid__pagination{margin-top:.75rem}.shopvid__dots{display:flex;gap:.5rem;justify-content:center}.shopvid__dot{width:8px;height:8px;border-radius:999px;border:0;background:#00000040}.shopvid__dot[aria-current=true]{background:#111}.shopvid__progress{height:3px;background:#0000001f;border-radius:999px;overflow:hidden}.shopvid__progress span{display:block;height:100%;width:0%;background:#111;transition:width .3s ease}.shopvid__modal[hidden]{display:none}.shopvid__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.shopvid__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;border:0}.shopvid__dialog{position:relative;max-width:1024px;width:min(1024px,calc(100vw - 32px));max-height:90vh;margin:5vh auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column}.shopvid__close{position:absolute;top:.5rem;right:.5rem;width:40px;height:40px;border-radius:999px;background:#0000000d;border:0;font-size:1.5rem;line-height:1;cursor:pointer}.shopvid__content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;padding:20px;height:100%;overflow:hidden}@media (max-width: 900px){.shopvid__content{grid-template-columns:1fr}}.qb-media{height:100%;max-height:calc(90vh - 110px);background:#f6f6f6;border-radius:12px;overflow:hidden;display:grid;place-items:center}.qb-media>img,.qb-media>video{width:100%;height:100%;object-fit:cover;display:block}.qb-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:22%;gap:.5rem;overflow-x:auto;margin-top:.5rem}.qb-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.qb-panel{display:flex;flex-direction:column;min-height:0}.qb-body{flex:1 1 auto;overflow:auto;padding:4px 0 0}.qb-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.qb-price{font-size:1.1rem;margin-top:.25rem}.qb-price s{opacity:.6;margin-right:.25rem}.qb-opts{display:grid;gap:.5rem;margin-top:.75rem}.qb-select,.qb-input,.qb-button{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff}.qb-button{background:#111;color:#fff;border:none;font-weight:600;cursor:pointer}.qb-button[disabled]{opacity:.5;cursor:not-allowed}.qb-actions{position:sticky;bottom:0;left:0;right:0;padding:.75rem 0 0;background:#fff;border-top:1px solid rgba(0,0,0,.08)}.qb-video{width:100%;height:100%;object-fit:cover;display:block}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0003;border-radius:999px}.qb-loading{display:grid;place-items:center;min-height:280px;color:#0009}.shopvid__toast{position:fixed;left:50%;transform:translate(-50%);bottom:2rem;background:#111;color:#fff;padding:.6rem .9rem;border-radius:10px;box-shadow:0 8px 30px #0003}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shoppable-video.css.map */