.stl_media.media_height_all{--media-h-small: 500px;--media-h-medium: 600px;--media-h-large: 700px}.bz_stl .stl_pos-right .stl_media_box{order:1}.stl_grid{grid-template-columns:1.35fr 1fr;gap:40px}.stl_media{position:relative;overflow:hidden;border-radius:var(--card-radius);background:rgba(var(--color-foreground),.04);isolation:isolate}.stl_media_item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .5s ease .65s,visibility .5s ease .65s}.stl_media_item.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .05s ease,visibility .05s ease}.stl_media_img_wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.stl_media_img_wrap img,.stl_media_img_wrap svg{width:100%;height:100%;object-fit:cover;display:block}.stl_transition-curtain .stl_media_item .stl_media_img_wrap{clip-path:inset(0 100% 0 0);transition:clip-path 0s .75s;will-change:clip-path}.stl_transition-curtain .stl_media_item.is-active .stl_media_img_wrap{clip-path:inset(0 0% 0 0);transition:clip-path .75s cubic-bezier(.65,0,.35,1)}.stl_transition-curtain .stl_media_item img,.stl_transition-curtain .stl_media_item svg{transform:scale(1.08);transition:transform 0s .85s;will-change:transform}.stl_transition-curtain .stl_media_item.is-active img,.stl_transition-curtain .stl_media_item.is-active svg{transform:scale(1);transition:transform .85s cubic-bezier(.25,1,.5,1)}.stl_transition-fade_zoom .stl_media_item{opacity:0;visibility:hidden;z-index:1;transition:opacity .5s ease .35s,visibility .5s ease .35s;will-change:opacity}.stl_transition-fade_zoom .stl_media_item.is-active{opacity:1;visibility:visible;z-index:2;transition:opacity .65s cubic-bezier(.25,1,.5,1),visibility .65s ease}.stl_transition-fade_zoom .stl_media_item .stl_media_img_wrap img,.stl_transition-fade_zoom .stl_media_item .stl_media_img_wrap svg{transform:scale(1.14);transition:transform 0s .8s;will-change:transform}.stl_transition-fade_zoom .stl_media_item.is-active .stl_media_img_wrap img,.stl_transition-fade_zoom .stl_media_item.is-active .stl_media_img_wrap svg{transform:scale(1);transition:transform .85s cubic-bezier(.16,1,.3,1)}.stl_transition-slide_up .stl_media_item{transform:translateY(100%);opacity:0;visibility:hidden;z-index:1;transition:transform 0s .85s,opacity .2s ease .85s,visibility 0s .85s;will-change:transform}.stl_transition-slide_up .stl_media_item.is-active{transform:translateY(0);opacity:1;visibility:visible;z-index:2;transition:transform .85s cubic-bezier(.25,1,.5,1),opacity .1s ease}.stl_transition-slide_up .stl_media_item .stl_media_img_wrap img,.stl_transition-slide_up .stl_media_item .stl_media_img_wrap svg{transform:translateY(-8%) scale(1.16);transition:transform 0s .85s;will-change:transform}.stl_transition-slide_up .stl_media_item.is-active .stl_media_img_wrap img,.stl_transition-slide_up .stl_media_item.is-active .stl_media_img_wrap svg{transform:translateY(0) scale(1);transition:transform .85s cubic-bezier(.25,1,.5,1)}.stl_badge{position:absolute;top:clamp(14px,2vw,24px);left:clamp(14px,2vw,24px);z-index:3;background:var(--stl-badge-bg);color:var(--stl-badge-color);padding:10px 20px;border-radius:var(--badge-radius);opacity:0;transform:translateY(-6px);transition:opacity .35s ease .2s,transform .35s ease .2s}.stl_media_item.is-active .stl_badge{opacity:1;transform:translateY(0)}.stl_look_btn{position:absolute;bottom:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);z-index:3;border-radius:999px;gap:8px;opacity:0;transition:opacity .35s ease .25s,transform .25s ease,background-color .25s ease,color .25s ease}.stl_media_item.is-active .stl_look_btn{opacity:1}.stl_content{display:flex;flex-direction:column;min-height:0;width:100%}.stl_content:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:28px;pointer-events:none;background:linear-gradient(to bottom,rgba(var(--color-background),0),rgba(var(--color-background),.55) 45%,rgb(var(--color-background)));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(to bottom,transparent,#000);-webkit-mask-image:linear-gradient(to bottom,transparent,#000)}@media screen and (min-width:992px){.stl_grid{align-items:center}.stl_content{max-height:775px;overflow:hidden}.stl_list{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}}.stl_item{position:relative;display:flex;align-items:stretch;justify-content:space-between;width:100%;background:transparent;margin-block:4px;text-align:left;transition:background-color .25s ease,border-radius .25s ease,border-color .25s ease,transform .2s ease,width .4s ease}.stl_item:focus-visible{outline:2px solid rgba(var(--color-foreground),.4);outline-offset:2px}.stl_item:last-child{border-bottom-color:transparent}.stl_item .stl_flx_wrap{z-index:1;width:100%;margin-right:-28px;justify-content:space-between;border:1px solid transparent;border-bottom:1px solid rgba(var(--color-foreground),.1);transition:margin-right .4s ease}.stl_item.is-active .stl_flx_wrap{margin-right:0}.stl_button_wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.stl_step_num{font-weight:600;color:rgba(var(--color-foreground),var(--a-55));min-width:22px;transition:color .2s ease}.stl_item.is-active .stl_step_num{color:var(--stl-active-tab-text, rgba(var(--color-foreground), .9))}.stl_tab-card .stl_item.is-active .stl_flx_wrap{background-color:var(--stl-active-tab-bg);border-color:var(--stl-active-tab-border);border-bottom-color:var(--stl-active-tab-border);border-radius:calc(var(--card-radius) / 1.5);box-shadow:0 8px 15px rgba(var(--color-foreground),.05)}.stl_tab-card .stl_item.is-active:last-child .stl_flx_wrap{border-bottom-color:var(--stl-active-tab-border)}.stl_tab-accent_bar .stl_item .stl_flx_wrap{border-left:3px solid transparent;border-radius:0}.stl_tab-accent_bar .stl_item.is-active .stl_flx_wrap{background-color:var(--stl-active-tab-bg);border-left:3px solid var(--stl-active-tab-border);border-color:transparent;border-left-color:var(--stl-active-tab-border);border-bottom-color:rgba(var(--color-foreground),.06);border-radius:0 calc(var(--card-radius) / 2) calc(var(--card-radius) / 2) 0}.stl_item_icon{width:60px;height:60px;border-radius:var(--button-radius);border:1px solid rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.85);background:transparent;transition:border-color .2s ease,color .2s ease}.stl_item.is-active .stl_item_icon{border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),1)}.stl_item_icon svg{width:22px;height:22px}.stl_item_copy{flex:1;display:flex;flex-direction:column;gap:4px}.stl_item_title{font-size:calc(var(--heading-scale) * 16px);font-weight:600;color:rgba(var(--color-foreground),1);transition:color .2s ease}.stl_item.is-active .stl_item_title{color:var(--stl-active-tab-text, rgba(var(--color-foreground), 1))}.stl_item_desc{font-size:calc(var(--body-scale) * 13.5px);line-height:1.45;color:rgba(var(--color-foreground),.72);margin:0}.stl_item_desc a{text-decoration:underline;font-weight:500;color:inherit}.stl_product_media{width:120px;overflow:hidden}.stl_product_media img,.stl_product_media svg{max-width:100%;border-radius:calc(var(--card-radius) / 2)}.stl_info_wrap{padding:4px;position:relative;opacity:0;visibility:hidden;width:28px;border-radius:calc(var(--card-radius) / 2);background-color:rgba(var(--color-button));transition:margin-left .4s ease}.stl_info_wrap:before{content:"";position:absolute;left:-15px;width:20px;height:100%;background:rgba(var(--color-button))}.stl_item.is-active .stl_info_wrap{opacity:1;visibility:visible}.stl_info_btn{width:16px;height:16px;font-size:12px;border-radius:50%;border:1px solid rgba(var(--color-button-text));color:rgba(var(--color-button-text));cursor:help;transition:border-color .2s ease,color .2s ease,transform .2s ease}.stl_tooltip{position:absolute;bottom:calc(100% + 8px);right:-6px;background:rgba(var(--color-foreground),.7);color:rgb(var(--color-background));font-size:calc(var(--body-scale) * 12px);padding:6px 12px;border-radius:6px;white-space:normal;width:max-content;max-width:220px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:10}.stl_tooltip:after{content:"";position:absolute;top:100%;right:10px;border-width:5px;border-style:solid;border-color:rgba(var(--color-foreground),.7) transparent transparent transparent}.stl_item:first-child .stl_tooltip{bottom:unset;top:calc(100% + 8px)}.stl_item:first-child .stl_tooltip:after{top:-10px;bottom:unset;rotate:180deg}.stl_info_btn:hover+.stl_tooltip,.stl_info_btn:focus-visible+.stl_tooltip,.stl_info_btn:hover .stl_tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@media screen and (max-width:1199px){.stl_grid{gap:20px;grid-template-columns:1fr 1fr}.stl_product_media{width:100px}.stl_item_icon{width:50px;height:50px}.stl_button_wrap{gap:12px}}@media screen and (max-width:991px){.stl_grid{grid-template-columns:1fr;gap:clamp(24px,4vw,36px)}.stl_media.media_height_all{--media-h-small: 320px;--media-h-medium: 400px;--media-h-large: 480px}.stl_media_box{order:-1}.stl_item_icon{width:38px;height:38px}.stl_item_icon svg{width:18px;height:18px}.stl_product_media{width:76px}.bz_stl .section_heading{margin-bottom:20px}}@media screen and (max-width:767px){.stl_button_wrap{flex-direction:column;align-items:flex-start;padding:14px}}@media(prefers-reduced-motion:reduce){.stl_media_item,.stl_media_item .stl_media_img_wrap,.stl_media_item img,.stl_media_item svg,.stl_item,.stl_badge,.stl_look_btn,.stl_tooltip{transition:none!important;clip-path:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/363/assets/sec-shop-the-look.css.map */