.shoppable-video__header{text-align:center}.shoppable-video__title{font:var(--heading-font-style) var(--heading-font-weight) var(--text-h2) / 1.2 var(--heading-font-family);color:rgb(var(--text-color));margin:0}.shoppable-video__subtitle{font:var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.65 var(--text-font-family);color:rgb(var(--text-color) / .65);margin:.75rem auto 0;max-width:42rem}.shoppable-video__grid{display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;width:fit-content;max-width:100%;margin-inline:auto}.shoppable-video__grid::-webkit-scrollbar{display:none}.shoppable-video__card{position:relative;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;cursor:pointer;background:rgb(var(--text-color) / .06);border:none;padding:0;flex-shrink:0;width:21vw;min-width:150px;max-width:210px;scroll-snap-align:start}.shoppable-video__card:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.shoppable-video__card-img{width:100%;height:100%;display:block;transition:transform .3s ease}.shoppable-video__card:hover .shoppable-video__card-img,.shoppable-video__card:focus-visible .shoppable-video__card-img{transform:scale(1.04)}.shoppable-video__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000014;transition:background .2s ease}.shoppable-video__card:hover .shoppable-video__play,.shoppable-video__card:focus-visible .shoppable-video__play{background:#0000002e}.shoppable-video__play-btn{width:52px;height:52px;background:#ffffffe0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none;transition:transform .15s ease,background .15s ease}.shoppable-video__card:hover .shoppable-video__play-btn,.shoppable-video__card:focus-visible .shoppable-video__play-btn{transform:scale(1.1);background:#fff}.shoppable-video-dialog{padding:0;border:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;background:#000;margin:0}.shoppable-video-dialog[open]{display:flex;flex-direction:column;animation:sv-dialog-fadein .2s ease}@keyframes sv-dialog-fadein{0%{opacity:0}to{opacity:1}}.shoppable-video-dialog::backdrop{background:#000000e6}.shoppable-video-dialog__close{position:absolute;top:16px;right:16px;z-index:20;width:40px;height:40px;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;transition:background .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shoppable-video-dialog__close:hover{background:#ffffff4d}.shoppable-video-dialog__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.shoppable-video-dialog__mute{position:absolute;top:64px;right:16px;z-index:20;width:40px;height:40px;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;transition:background .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shoppable-video-dialog__mute:hover{background:#ffffff4d}.shoppable-video-dialog__mute:focus-visible{outline:2px solid #fff;outline-offset:2px}.shoppable-video-dialog__slides{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.shoppable-video-dialog__slide{position:absolute;width:min(380px,calc(100vw - 180px));aspect-ratio:9 / 16;max-height:82dvh;border-radius:14px;overflow:hidden;background:#000;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s ease}.sv-no-transition .shoppable-video-dialog__slide{transition:none!important}.shoppable-video-dialog__slide .shoppable-video-dialog__video{width:100%;display:block}.shoppable-video-dialog__slide[data-position=center]{transform:translate(0) scale(1);opacity:1;z-index:3}.shoppable-video-dialog__slide[data-position=left]{transform:translate(calc(-100% - 48px)) scale(.85);opacity:.35;z-index:2;pointer-events:none}.shoppable-video-dialog__slide[data-position=right]{transform:translate(calc(100% + 48px)) scale(.85);opacity:.35;z-index:2;pointer-events:none}.shoppable-video-dialog__slide[data-position=hidden]{transform:translate(200%) scale(.7);opacity:0;z-index:1;pointer-events:none}.shoppable-video-dialog__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;background:#ffffff1f;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;transition:background .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shoppable-video-dialog__nav:hover{background:#ffffff40}.shoppable-video-dialog__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.shoppable-video-dialog__nav--prev{left:24px}.shoppable-video-dialog__nav--next{right:24px}.shoppable-video-dialog__products{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:12px 12px 16px;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.4) 60%,transparent 100%);pointer-events:none}.shoppable-video-dialog__slide[data-position=center] .shoppable-video-dialog__products{pointer-events:auto}.shoppable-video-dialog__products-scroll{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.shoppable-video-dialog__products-scroll::-webkit-scrollbar{display:none}.shoppable-video-dialog__no-products{font:var(--text-font-style) var(--text-font-weight) var(--text-sm) / 1.4 var(--text-font-family);color:#ffffff80;font-style:italic}.sv-card{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:10px;background:#fffffff2;border-radius:12px;padding:8px 10px;text-decoration:none;color:#1a1a1a;flex-shrink:0;width:92%;max-width:360px;box-sizing:border-box;scroll-snap-align:start}.sv-card__img-wrap{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#0000000f;flex-shrink:0}.sv-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.sv-card:hover .sv-card__img{transform:scale(1.05)}.sv-card__info{min-width:0}.sv-card__title{font:var(--text-font-style) var(--text-font-weight) 13px / 1.3 var(--text-font-family);color:#1a1a1a;text-decoration:none;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sv-card__price{font:var(--text-font-style) var(--text-font-weight) 13px / 1.4 var(--text-font-family);font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:baseline;gap:4px}.sv-card__price--compare{text-decoration:line-through;opacity:.5;font-weight:400}.sv-card__action{flex-shrink:0}.sv-card__btn{display:block;width:96px;padding:8px 0;background:rgb(var(--button-background-primary));color:rgb(var(--button-text-primary));border:none;border-radius:100px;font:var(--button-font);font-size:12px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;transition:opacity .15s ease;line-height:1.4}.sv-card__btn:hover{opacity:.85}.sv-card__btn:disabled{opacity:.5;cursor:not-allowed}.sv-card__btn--added{opacity:.7}@media screen and (max-width:699px){.shoppable-video__card{width:38vw;min-width:130px}.shoppable-video-dialog__slides{display:block;overflow-x:hidden;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;height:100dvh;position:relative}.shoppable-video-dialog__slide{display:flex;position:relative!important;transform:none!important;opacity:1!important;pointer-events:auto!important;width:100%;min-height:100dvh;height:100dvh;max-height:100dvh;aspect-ratio:unset;border-radius:0;scroll-snap-align:start}.shoppable-video-dialog__slide .shoppable-video-dialog__video{max-height:unset;max-width:unset;border-radius:0}.shoppable-video-dialog__slide .shoppable-video-dialog__products{pointer-events:auto}.shoppable-video-dialog__nav{display:none}.shoppable-video-dialog__close{top:16px;left:12px;right:auto;width:36px;height:36px}.shoppable-video-dialog__mute{top:auto;bottom:140px;right:12px;width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/218/assets/section-shoppable-video.css.map */