.video-showcase{position:relative;display:block;width:100%;background-color:#fff}.video-showcase_wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:var(--page-width);margin-inline:auto;padding:32px var(--page-margin);box-sizing:border-box}.video-showcase_wrapper_heading{margin:0;text-align:center;font-family:var(--font-secondary--family);font-weight:600;font-size:28px;line-height:1.219;color:var(--color-text-secondary, #494949)}.video-showcase_wrapper_stage{position:relative;width:100%;container-type:inline-size}.video-showcase_wrapper_viewport{width:100%;padding-block:48px;margin-block:-48px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.video-showcase_wrapper_track{--video-showcase-visible: 3.442;--video-showcase-ratio: 282 / 400;--video-showcase-step: 330px;--video-showcase-gap: 48px;--video-showcase-card-width: 282px;display:flex;align-items:center;gap:var(--video-showcase-gap);width:max-content;will-change:transform}@supports (container-type: inline-size){.video-showcase_wrapper_track{--video-showcase-step: calc(100cqw / var(--video-showcase-visible));--video-showcase-gap: calc(var(--video-showcase-step) * .1455);--video-showcase-card-width: calc(var(--video-showcase-step) - var(--video-showcase-gap))}}.video-showcase_wrapper_track.is-animating{transition:transform .6s cubic-bezier(.33,1,.68,1)}.video-showcase_wrapper_track_item{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 var(--video-showcase-card-width);width:var(--video-showcase-card-width);aspect-ratio:var(--video-showcase-ratio);border-radius:12px;overflow:hidden;background-color:#000;cursor:pointer}.video-showcase_wrapper_track_item_media,.video-showcase_wrapper_track_item_video-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.video-showcase_wrapper_track_item_poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.video-showcase_wrapper_track_item_poster img{display:block;width:100%;height:100%;object-fit:cover}.video-showcase_wrapper_track_item.is-active .video-showcase_wrapper_track_item_poster{opacity:0;transition:opacity .3s ease}.video-showcase_wrapper_track_item_media video{display:block;width:100%;height:100%;object-fit:cover;background-color:#000;pointer-events:none}.video-showcase_wrapper_track_item_scrim{position:absolute;top:0;right:0;left:0;z-index:2;height:64px;background:linear-gradient(#00000052,#0000);opacity:0;transition:opacity .3s ease;pointer-events:none}.video-showcase_wrapper_track_item.is-active .video-showcase_wrapper_track_item_scrim{opacity:1}.video-showcase_wrapper_track_item_progress{position:absolute;top:10px;left:10px;right:10px;z-index:3;height:5px;border-radius:999px;background-color:#ffffff59;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-showcase_wrapper_track_item.is-active .video-showcase_wrapper_track_item_progress{opacity:1}.video-showcase_wrapper_track_item_progress_bar{display:block;width:0;height:100%;border-radius:999px;background-color:#fff}.video-showcase_wrapper_track_item_play{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background-color:#00000059;color:#fff;opacity:1;transition:opacity .3s ease,transform .2s ease;pointer-events:none}.video-showcase_wrapper_track_item_play svg{width:18px;height:18px;margin-left:2px}.video-showcase_wrapper_track_item_play_glyph{display:flex}.video-showcase_wrapper_track_item_play_glyph--reel{display:none}.video-showcase_wrapper_track_item.is-active .video-showcase_wrapper_track_item_play,.video-showcase_wrapper_track_item.is-playing .video-showcase_wrapper_track_item_play{opacity:0}.video-showcase_wrapper_track_item.is-active.is-paused .video-showcase_wrapper_track_item_play{opacity:1}.video-showcase_wrapper_track_item:not(.is-active):hover .video-showcase_wrapper_track_item_play{transform:scale(1.1)}.video-showcase_wrapper_track_item_link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.video-showcase_wrapper_stage_prev,.video-showcase_wrapper_stage_next{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:10px;border:1px solid var(--color-brand, #712242);border-radius:8px;background-color:var(--color-brand, #712242);color:#fff;cursor:pointer;transform:translateY(-50%);transition:transform .2s ease,background-color .2s ease}.video-showcase_wrapper_stage_prev{left:-20px}.video-showcase_wrapper_stage_next{right:-20px}.video-showcase_wrapper_stage_prev svg,.video-showcase_wrapper_stage_next svg{width:100%;height:100%}.video-showcase_wrapper_stage_prev:hover,.video-showcase_wrapper_stage_next:hover{background-color:#5a1b34}@media screen and (max-width:989px){.video-showcase_wrapper_track{--video-showcase-visible: 2.8;--video-showcase-step: 260px;--video-showcase-gap: 32px;--video-showcase-card-width: 228px}}@media screen and (max-width:749px){.video-showcase_wrapper{padding-block:24px}.video-showcase_wrapper_heading{font-size:20px;line-height:normal}.video-showcase_wrapper_viewport{width:auto;margin-inline:calc(var(--page-margin) * -1)}.video-showcase_wrapper_track{--video-showcase-step: 173.5px;--video-showcase-gap: 4.5px;--video-showcase-card-width: 169px}.video-showcase_wrapper_track_item{aspect-ratio:169 / 320;transform:scale(.86);transition:transform .6s cubic-bezier(.33,1,.68,1)}.video-showcase_wrapper_track_item.is-active{transform:none}.video-showcase_wrapper_track_item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#0006;transition:opacity .3s ease;pointer-events:none}.video-showcase_wrapper_track_item.is-active:after{opacity:0}.video-showcase_wrapper_track_item_scrim{display:none}.video-showcase_wrapper_track_item_progress{top:8px;left:8px;right:8px;height:6px;background-color:#fff6}.video-showcase_wrapper_track_item_play{width:auto;height:auto;background-color:transparent}.video-showcase_wrapper_track_item_play svg{width:19px;height:19px;margin-left:0}.video-showcase_wrapper_stage_prev,.video-showcase_wrapper_stage_next{display:none}.video-showcase_wrapper .scroll-carousel_dots{margin-top:-4px}}@media(prefers-reduced-motion:reduce){.video-showcase_wrapper_track.is-animating,.video-showcase_wrapper_track_item{transition-duration:.01ms}}.video-showcase_wrapper_track.is-snapping,.video-showcase_wrapper_track.is-snapping .video-showcase_wrapper_track_item,.video-showcase_wrapper_track.is-snapping .video-showcase_wrapper_track_item *{transition:none!important}.video-showcase_wrapper_track_item_product{position:absolute;right:8px;bottom:8px;left:8px;z-index:5;display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background-color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000029}.video-showcase_wrapper_track_item_product_link{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;text-decoration:none;color:inherit}.video-showcase_wrapper_track_item_product_media{display:block;flex:0 0 40px;width:40px;height:40px;border-radius:6px;overflow:hidden;background-color:#f2f2f2}.video-showcase_wrapper_track_item_product_media img{display:block;width:100%;height:100%;object-fit:cover}.video-showcase_wrapper_track_item_product_info{display:flex;flex-direction:column;gap:2px;min-width:0}.video-showcase_wrapper_track_item_product_info_title{overflow:hidden;font-family:var(--font-secondary--family);font-weight:500;font-size:12px;line-height:16px;color:#000;white-space:nowrap;text-overflow:ellipsis}.video-showcase_wrapper_track_item_product_info_price{display:flex;align-items:baseline;gap:6px}.video-showcase_wrapper_track_item_product_info_price_current{font-family:var(--font-secondary--family);font-weight:600;font-size:13px;line-height:18px;color:var(--color-brand, #712242)}.video-showcase_wrapper_track_item_product_info_price_compare{font-family:var(--font-secondary--family);font-weight:400;font-size:11px;line-height:16px;color:var(--color-icon, #666);text-decoration:line-through}.video-showcase_wrapper_track_item_product_add{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-height:32px;padding:6px 12px;border:1px solid var(--color-brand, #712242);border-radius:999px;background:none;font-family:var(--font-secondary--family);font-weight:600;font-size:12px;line-height:16px;color:var(--color-brand, #712242);white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.video-showcase_wrapper_track_item_product_add:hover{background-color:var(--color-brand, #712242);color:#fff}.video-showcase_wrapper_track_item_product_add[disabled]{opacity:.6;cursor:default}.video-showcase_wrapper_track_item_product_add--disabled{border-color:#cfcfcf;color:var(--color-icon, #666);cursor:default}.video-showcase_wrapper_track_item_product_add_icon{display:none;align-items:center;justify-content:center;width:14px;height:14px}.video-showcase_wrapper_track_item_product_add_icon svg{width:100%;height:100%}.video-showcase_wrapper_track_item_product_add.is-added{background-color:var(--color-brand, #712242);color:#fff}.video-showcase_wrapper_track_item_product_add.is-added .video-showcase_wrapper_track_item_product_add_icon{display:inline-flex}@media screen and (max-width:749px){.video-showcase_wrapper_track_item_product{right:6px;bottom:6px;left:6px;gap:6px;padding:6px}.video-showcase_wrapper_track_item_product_media{flex-basis:36px;width:36px;height:36px}.video-showcase_wrapper_track_item_product_add{min-height:28px;padding:5px 10px;font-size:11px}}.video-showcase-popup{--popup-active-h: min(518px, calc(100dvh - 182px) , calc((100vw - 104px) / 1.5637));--popup-active-w: calc(var(--popup-active-h) * 318 / 518);--popup-side-h: calc(var(--popup-active-h) * 464.667 / 518);--popup-side-w: calc(var(--popup-side-h) * 246 / 464.667);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:#fff}.video-showcase-popup:focus{outline:none}.video-showcase-popup::backdrop{background-color:#000000d9}.video-showcase-popup [hidden]{display:none!important}.video-showcase-popup[open]{display:flex;align-items:center;justify-content:center}.video-showcase-popup_close{position:absolute;top:24px;right:24px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;color:#fff;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .25s ease}.video-showcase-popup_close:hover{transform:rotate(90deg)}.video-showcase-popup_close:active{scale:.9}.video-showcase-popup_body{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.video-showcase-popup_body_reel{position:relative}.video-showcase-popup_body_reel_stage{position:relative;display:flex;gap:12px;align-items:flex-start;justify-content:center}.video-showcase-popup_body_reel_stage_slide{position:relative;display:none;transition:filter .25s ease;flex:0 0 auto;width:var(--popup-side-w);height:var(--popup-side-h);margin-top:16px;overflow:hidden;border-radius:8px;background-color:#000;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;z-index:1}.video-showcase-popup_body_reel_stage_slide.is-leaving{position:absolute;z-index:0;display:block;margin:0;pointer-events:none}.video-showcase-popup_body_reel_stage_slide.is-active,.video-showcase-popup_body_reel_stage_slide.is-near{display:block}.video-showcase-popup_body_reel_stage_slide.is-near{order:1}.video-showcase-popup_body_reel_stage_slide.is-prev{order:-1}.video-showcase-popup_body_reel_stage_slide.is-active{z-index:2;width:var(--popup-active-w);height:var(--popup-active-h);margin-top:0;border-radius:13.725px;cursor:default}.video-showcase-popup_body_reel_stage_slide.is-near:hover{filter:brightness(1.15)}.video-showcase-popup_body_reel_stage_slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#0006;transition:opacity .45s ease;pointer-events:none}.video-showcase-popup_body_reel_stage_slide.is-active:after{opacity:0}.video-showcase-popup_body_reel_stage_slide_video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;background-color:#000;pointer-events:none}.video-showcase-popup_body_reel_stage_slide_play{position:absolute;top:50%;left:50%;z-index:2;display:flex;color:#ffffffb3;transform:translate(-50%,-50%);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none}.video-showcase-popup_body_reel_stage_slide.is-active:not(.is-paused) .video-showcase-popup_body_reel_stage_slide_play{opacity:0;transform:translate(-50%,-50%) scale(.6)}.video-showcase-popup_body_reel_stage_slide.is-active.is-paused .video-showcase-popup_body_reel_stage_slide_play{color:#fff;transform:translate(-50%,-50%) scale(1.6)}.video-showcase-popup_body_reel_stage_slide_top{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;flex-direction:column;gap:17.156px;align-items:flex-end;padding:8px 8px 0;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}.video-showcase-popup_body_reel_stage_slide.is-active .video-showcase-popup_body_reel_stage_slide_top{visibility:visible;opacity:1;transition:opacity .35s ease .25s,visibility 0s}.video-showcase-popup_body_reel_stage_slide_top_progress{display:block;width:100%;height:10.294px;overflow:hidden;border-radius:999px;background-color:#fff6}.video-showcase-popup_body_reel_stage_slide_top_progress_bar{display:block;width:0;min-width:10.294px;height:100%;border-radius:999px;background-color:#fff}.video-showcase-popup_body_reel_stage_slide_top_sound{display:flex;padding:0;border:0;background:none;color:#fff;cursor:pointer;transition:scale .2s ease}.video-showcase-popup_body_reel_stage_slide_top_sound:hover{scale:1.12}.video-showcase-popup_body_reel_stage_slide_top_sound:active{scale:.9}.video-showcase-popup_body_reel_stage_slide_top_sound span{display:flex;animation:video-showcase-popup-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes video-showcase-popup-pop{0%{opacity:0;transform:scale(.5)}}.video-showcase-popup_body_reel_stage_slide_top_sound_off,.video-showcase-popup.is-muted .video-showcase-popup_body_reel_stage_slide_top_sound_on{display:none!important}.video-showcase-popup.is-muted .video-showcase-popup_body_reel_stage_slide_top_sound_off{display:flex!important}.video-showcase-popup_body_reel_arrow{position:absolute;top:calc(16px + var(--popup-side-h) / 2);z-index:3;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--color-brand, #712242);border-radius:8px;background-color:#fff;color:var(--color-brand, #712242);cursor:pointer;translate:0 -50%;transition:background-color .2s ease,color .2s ease,scale .2s ease,opacity .25s ease}.video-showcase-popup_body_reel_arrow:active{scale:.92}.video-showcase-popup_body_reel_arrow--prev{left:-20px}.video-showcase-popup_body_reel_arrow--next{right:-20px}.video-showcase-popup_body_reel_arrow:hover{background-color:var(--color-brand, #712242);color:#fff}.video-showcase-popup.is-single .video-showcase-popup_body_reel_arrow{display:none}.video-showcase-popup_shop{transition:opacity .25s ease,transform .3s ease;width:100%;padding-left:calc(50% - var(--popup-active-w) / 2);overflow-x:auto;scrollbar-width:none;box-sizing:border-box}.video-showcase-popup_shop::-webkit-scrollbar{display:none}.video-showcase-popup_shop_track{display:flex;gap:12px;width:max-content;padding-right:16px}.video-showcase-popup_shop_card{display:flex;flex:0 0 244px;gap:12.324px;align-items:center;width:244px;padding-right:12.324px;overflow:hidden;border:1.541px solid #e0e0e0;border-radius:12px;background-color:#fff;box-sizing:border-box;transition:translate .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.video-showcase-popup_shop_card:hover{border-color:var(--color-brand, #712242)}.video-showcase-popup_shop_card_media{overflow:hidden;display:block;flex:0 0 85px;align-self:stretch;background-color:#f5f5f5}.video-showcase-popup_shop_card_media img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .5s cubic-bezier(.22,1,.36,1)}.video-showcase-popup_shop_card:hover .video-showcase-popup_shop_card_media img{scale:1.08}.video-showcase-popup_shop_card_info{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;padding-block:8px}.video-showcase-popup_shop_card_info_text{display:flex;flex-direction:column;min-width:0}.video-showcase-popup_shop_card_info_text_price{display:flex;gap:4px;align-items:center;font-family:var(--font-secondary--family);white-space:nowrap}.video-showcase-popup_shop_card_info_text_price_current{font-weight:600;font-size:14px;line-height:22px;color:var(--color-brand, #712242)}.video-showcase-popup_shop_card_info_text_price_compare{padding-inline:4px;font-weight:400;font-size:12px;line-height:normal;color:#999;text-decoration:line-through}.video-showcase-popup_shop_card_info_text_title{overflow:hidden;font-family:var(--font-tertiary--family);font-weight:400;font-size:16px;line-height:27.73px;color:#000;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.video-showcase-popup_shop_card_info_add{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;padding:11px;border:1px solid var(--color-brand, #712242);border-radius:8px;background-color:var(--color-brand, #712242);color:#fff;font-family:var(--font-secondary--family);font-weight:500;font-size:16px;line-height:20px;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,scale .15s ease}.video-showcase-popup_shop_card_info_add:hover{background-color:#5a1b34}.video-showcase-popup_shop_card_info_add:active{scale:.97}.video-showcase-popup_shop_card_info_add.is-added .video-showcase-popup_shop_card_info_add_icon{animation:video-showcase-popup-pop .35s cubic-bezier(.34,1.56,.64,1)}.video-showcase-popup_shop_card_info_add[disabled]{opacity:.7;cursor:progress}.video-showcase-popup_shop_card_info_add_icon{display:flex;flex:0 0 auto;width:20px;height:20px}.video-showcase-popup_shop_card_info_add_icon svg{width:100%;height:100%}.video-showcase-popup_shop_card_info_add--disabled{border-color:#e0e0e0;background-color:#f2f2f2;color:#999;cursor:default}.video-showcase-popup_shop_card_info_add--disabled:hover{background-color:#f2f2f2}.video-showcase-popup.is-closing .video-showcase-popup_close,.video-showcase-popup.is-closing .video-showcase-popup_body_reel_arrow{opacity:0}.video-showcase-popup.is-closing .video-showcase-popup_shop{opacity:0;transform:translateY(16px)}.video-showcase-popup.is-closing{pointer-events:none}@media(prefers-reduced-motion:reduce){.video-showcase-popup *,.video-showcase-popup *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media screen and (max-width:749px){.video-showcase-popup{--popup-active-w: min( calc(100vw - 54px) , calc((100dvh - 228px) * 334 / 545));--popup-active-h: calc(var(--popup-active-w) * 545 / 334)}.video-showcase-popup[open]{align-items:flex-start;padding-top:78px}.video-showcase-popup_close{top:22px;right:22px}.video-showcase-popup_body_reel_stage_slide.is-near,.video-showcase-popup_body_reel_arrow{display:none}}@media screen and (min-width:750px){.video-showcase-popup_shop{padding-inline:24px}.video-showcase-popup_shop_track{margin-inline:auto;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/video-showcase.css.map */
