.htc-sv{--htc-band: #C2DFCD;--htc-ink: #215B32;--htc-green: #2D6A4F;--htc-green-dk: #1C4634;--htc-serif: "Playfair Display", Georgia, "Times New Roman", serif;--htc-sans: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--htc-card: clamp(200px, 15.5vw, 300px);--htc-gap: 20px;--htc-radius: 10px;display:block;position:relative;background:transparent;font-family:var(--htc-sans);-webkit-font-smoothing:antialiased}.htc-sv *,.htc-sv *:before,.htc-sv *:after,.htc-lb *,.htc-lb *:before,.htc-lb *:after{box-sizing:border-box}.htc-sv a,.htc-lb a{color:inherit;text-decoration:none}.htc-sv a:focus-visible,.htc-sv button:focus-visible{outline:2px solid var(--htc-ink);outline-offset:3px}.htc-sv__wave{display:block;width:100%;height:auto;color:var(--htc-sv-band, var(--htc-band))}.htc-sv__wave--top{margin-bottom:-1px}.htc-sv__wave--bottom{margin-top:-1px;transform:scale(-1)}.htc-sv__band{background:var(--htc-sv-band, var(--htc-band));padding:24px 0 80px}.htc-sv__inner{width:100%;max-width:1320px;margin:0 auto;padding:0 24px}.htc-sv__h{font-family:var(--htc-serif);font-size:clamp(32px,4.2vw,54px);font-weight:700;line-height:1.1;letter-spacing:-.015em;color:var(--htc-sv-ink, var(--htc-ink));text-align:center;margin:0 0 54px}.htc-sv__rail-wrap{position:relative}.htc-sv__rail{list-style:none;margin:0;padding:0;display:flex;gap:var(--htc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.htc-sv__rail::-webkit-scrollbar{display:none}.htc-sv__slide{position:relative;flex:0 0 var(--htc-card);width:var(--htc-card);scroll-snap-align:center}.htc-sv__card{position:relative;display:block;aspect-ratio:9 / 16;border-radius:var(--htc-radius);overflow:hidden;background:#0e1a13;cursor:pointer}.htc-sv__video,.htc-sv__poster,.htc-sv__placeholder{display:block;width:100%;height:100%;object-fit:cover}.htc-sv__placeholder{background:#fff6}.htc-sv__handle{position:absolute;top:14px;left:14px;z-index:2;font:500 13px/1.2 var(--htc-sans);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45);pointer-events:none}.htc-sv__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:62px;height:62px;border:0;border-radius:50%;cursor:pointer;background:#ffffff52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,opacity .22s ease}.htc-sv__play:hover{background:#ffffff75}.htc-sv__play svg{width:24px;height:24px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}.htc-sv__ico-pause,.htc-sv__slide[data-playing=true] .htc-sv__ico-play{display:none}.htc-sv__slide[data-playing=true] .htc-sv__ico-pause{display:block}.htc-sv__slide[data-playing=true] .htc-sv__play{opacity:0}.htc-sv__slide[data-playing=true]:hover .htc-sv__play,.htc-sv__slide[data-playing=true] .htc-sv__play:focus-visible{opacity:1}@media(hover:none){.htc-sv__slide[data-playing=true] .htc-sv__play{opacity:.55}}.htc-sv__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;background:#ffffff94;color:var(--htc-ink);display:none;align-items:center;justify-content:center;transition:background .18s ease}.htc-sv__arrow:hover{background:#ffffffdb}.htc-sv__arrow svg{width:20px;height:20px}.htc-sv__arrow--prev{left:-58px}.htc-sv__arrow--next{right:-58px}@media(hover:hover)and (pointer:fine){.htc-sv__arrow{display:inline-flex}.htc-sv__arrow[hidden]{display:none}}@media(max-width:1480px){.htc-sv__arrow--prev{left:6px}.htc-sv__arrow--next{right:6px}}.htc-lb{--lb-h: min(80vh, 700px);--lb-vid: calc(var(--lb-h) * 9 / 16);--lb-panel: 340px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#1a1a1af0;display:flex;align-items:center;justify-content:center;font-family:var(--htc-sans, "DM Sans", Helvetica, Arial, sans-serif);opacity:0;transition:opacity .2s ease}.htc-lb[hidden]{display:none}.htc-lb.is-open{opacity:1}.htc-lb__close{position:absolute;top:20px;right:22px;z-index:6;width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;background:#ffffff29;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease}.htc-lb__close:hover{background:#ffffff4d}.htc-lb__close svg{width:19px;height:19px}.htc-lb__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;background:#ffffff29;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease}.htc-lb__nav:hover{background:#ffffff4d}.htc-lb__nav svg{width:20px;height:20px}.htc-lb__nav--prev{left:calc(50% - var(--lb-vid) / 2 - var(--lb-panel) / 2 - 86px)}.htc-lb__nav--next{right:calc(50% - var(--lb-vid) / 2 - var(--lb-panel) / 2 - 86px)}.htc-lb__nav[disabled]{opacity:.32;cursor:default}.htc-lb__stage{position:relative;display:flex;align-items:center;justify-content:center}.htc-lb__main{position:relative;z-index:3;display:flex;height:var(--lb-h);border-radius:8px;overflow:hidden;box-shadow:0 30px 80px #00000073}.htc-lb__peek{position:absolute;top:50%;z-index:1;width:calc(var(--lb-vid) * .62);aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;opacity:.55;pointer-events:none;background:#0e1a13}.htc-lb__peek video{width:100%;height:100%;object-fit:cover;display:block}.htc-lb__peek--prev{left:calc(50% - var(--lb-vid) / 2 - var(--lb-panel) / 2 - var(--lb-vid) * .46);transform:translateY(-50%) rotate(7deg)}.htc-lb__peek--next{right:calc(50% - var(--lb-vid) / 2 - var(--lb-panel) / 2 - var(--lb-vid) * .46);transform:translateY(-50%) rotate(-7deg)}.htc-lb__peek.is-empty{display:none}.htc-lb__screen{position:relative;width:var(--lb-vid);height:100%;background:#0e1a13;flex:0 0 auto;overflow:hidden}.htc-lb__video{width:100%;height:100%;object-fit:cover;display:block}.htc-lb__bar{position:absolute;top:0;left:0;right:0;height:4px;z-index:4;background:#ffffff3d}.htc-lb__bar i{display:block;height:100%;width:0;background:var(--htc-green, #2D6A4F)}.htc-lb__handle{position:absolute;top:18px;left:18px;z-index:4;font:500 14px/1.2 var(--htc-sans);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none}.htc-lb__sound{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;background:#14141475;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease}.htc-lb__sound:hover{background:#141414ad}.htc-lb__sound svg{width:19px;height:19px}.htc-lb__ico-off,.htc-lb__sound[aria-pressed=false] .htc-lb__ico-on{display:none}.htc-lb__sound[aria-pressed=false] .htc-lb__ico-off{display:block}.htc-lb__panel{width:var(--lb-panel);flex:0 0 auto;background:#fff;display:flex;flex-direction:column;min-height:0}.htc-lb__panel-scroll{flex:1 1 auto;overflow-y:auto;padding:22px 24px 8px;text-align:center}.htc-lb__price{font:400 15px/1.2 var(--htc-sans);color:#5c5c5c;margin:0 0 6px}.htc-lb__price s{margin-right:7px;color:#a0a0a0}.htc-lb__title{font:700 19px/1.3 var(--htc-sans);color:#141414;margin:0 0 18px}.htc-lb__gallery{position:relative;background:#f7f2ee;border-radius:8px;padding:14px;margin-bottom:16px}.htc-lb__gimg{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.htc-lb__gnav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;background:#ffffffdb;color:#141414;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 8px #0000001f}.htc-lb__gnav svg{width:15px;height:15px}.htc-lb__gnav--prev{left:8px}.htc-lb__gnav--next{right:8px}.htc-lb__gnav[hidden]{display:none}.htc-lb__dots{display:flex;gap:5px;justify-content:center;margin-top:12px}.htc-lb__dots i{width:22px;height:2px;border-radius:2px;background:#d8d2cc}.htc-lb__dots i.is-on{background:var(--htc-green, #2D6A4F)}.htc-lb__opts{text-align:left}.htc-lb__opt{margin-bottom:16px}.htc-lb__opt-name{font:600 13px/1.2 var(--htc-sans);color:#141414;margin:0 0 8px}.htc-lb__opt-vals{display:flex;flex-wrap:wrap;gap:8px}.htc-lb__swatch{border:1px solid #DDD8D2;border-radius:6px;background:#fff;color:#141414;cursor:pointer;padding:9px 13px;font:400 13px/1.2 var(--htc-sans);transition:background .16s ease,color .16s ease,border-color .16s ease}.htc-lb__swatch:hover{border-color:var(--htc-green, #2D6A4F)}.htc-lb__swatch[aria-pressed=true]{background:var(--htc-green, #2D6A4F);border-color:var(--htc-green, #2D6A4F);color:#fff}.htc-lb__swatch[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.htc-lb__actions{flex:0 0 auto;display:flex;gap:10px;padding:14px 18px 18px;background:#fff;border-top:1px solid #EFEBE6}.htc-lb__more{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid #DDD8D2;border-radius:6px;font:500 14px/1 var(--htc-sans);color:#141414}.htc-lb__more:hover{border-color:#141414}.htc-lb__atc{flex:1 1 auto;min-height:46px;border:0;border-radius:6px;cursor:pointer;background:var(--htc-green, #2D6A4F);color:#fff;font:600 14px/1 var(--htc-sans);transition:background .18s ease}.htc-lb__atc:hover{background:var(--htc-green-dk, #1C4634)}.htc-lb__atc[disabled]{background:#b6b1aa;cursor:not-allowed}.htc-lb__mbar,.htc-lb__hint{display:none}@media(max-width:860px){.htc-lb{background:#000;align-items:stretch;justify-content:stretch}.htc-lb__nav,.htc-lb__peek,.htc-lb__panel{display:none}.htc-lb__stage{width:100%;height:100%}.htc-lb__main{width:100%;height:100%;border-radius:0;box-shadow:none}.htc-lb__screen{width:100%;height:100%}.htc-lb__video{object-fit:contain}.htc-lb__close{top:14px;right:14px;width:40px;height:40px;background:#14141475}.htc-lb__sound{top:14px;right:62px}.htc-lb__handle{top:16px;left:16px;font-size:15px}.htc-lb__mbar{position:absolute;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:5;display:block;padding:10px;border-radius:10px;background:#1c201eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.htc-lb__mbar-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.htc-lb__mbar-img{flex:0 0 auto;width:58px;height:58px;border-radius:8px;object-fit:contain;background:#fff}.htc-lb__mbar-text{min-width:0;display:flex;flex-direction:column;gap:2px;color:#fff}.htc-lb__mbar-price{font:400 15px/1.2 var(--htc-sans)}.htc-lb__mbar-title{font:700 16px/1.25 var(--htc-sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.htc-lb__mbar-cta{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:8px;background:var(--htc-green, #2D6A4F);color:#fff;font:600 16px/1 var(--htc-sans)}.htc-lb__hint{position:absolute;left:0;right:0;bottom:50%;z-index:5;margin:0;text-align:center;font:500 13px/1.3 var(--htc-sans);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6);display:block;opacity:0;transition:opacity .3s ease;pointer-events:none}.htc-lb__hint[hidden]{display:none}.htc-lb__hint.is-on{opacity:1}.htc-lb__hint:before{content:"";display:block;width:18px;height:18px;margin:0 auto 8px;border-left:2px solid #FFFFFF;border-top:2px solid #FFFFFF;transform:rotate(45deg);animation:htc-lb-nudge 1.6s ease-in-out infinite}}@keyframes htc-lb-nudge{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(4px,4px)}}@media(max-width:749px){.htc-sv{--htc-card: 66vw;--htc-gap: 12px}.htc-sv__band{padding:12px 0 52px}.htc-sv__inner{padding:0 16px}.htc-sv__h{margin-bottom:30px}.htc-sv__rail{margin:0 -16px;padding:0 16px}.htc-sv__play{width:54px;height:54px}.htc-sv__play svg{width:21px;height:21px}.htc-sv__handle{font-size:12px;top:11px;left:11px}}@media(max-width:1180px){.htc-lb__peek{display:none}.htc-lb__nav--prev{left:12px}.htc-lb__nav--next{right:12px}}@media(prefers-reduced-motion:reduce){.htc-sv__rail{scroll-behavior:auto}.htc-lb__hint:before{animation:none}.htc-sv *,.htc-sv *:before,.htc-sv *:after,.htc-lb *,.htc-lb *:before,.htc-lb *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/htc-shoppable-videos.css.map */