.stl-Drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000000000;align-items:flex-end;justify-content:end;display:flex;max-inline-size:none;max-block-size:none;inline-size:100%;block-size:100%;margin:0;padding:0;border:none;background-color:transparent;visibility:hidden;pointer-events:none;transition:visibility .3s ease .3s,pointer-events .3s ease .3s}.stl-Drawer[open]{visibility:visible;pointer-events:auto;transition:visibility .3s ease,pointer-events .3s ease}.stl-Drawer::backdrop{opacity:0;visibility:hidden;background-color:transparent}.stl-Drawer[data-loading=true] .stl-Drawer_Drawer{overflow-y:unset}.stl-Drawer[data-loading=true] .stl-Drawer_Body{block-size:100%}.stl-Drawer[data-loading=true] .stl-Drawer_Loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background-color:#fffc;transition:opacity .3s ease,visibility .3s ease}.stl-Drawer[data-loading=true] .stl-Drawer_Loading:before{content:"";display:block;width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#000000b3;border-radius:50%;animation:stl-spinner .8s linear infinite}@keyframes stl-spinner{to{transform:rotate(360deg)}}.stl-Drawer[data-loading=false] .stl-Drawer_Loading{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.stl-Drawer[data-loading=true] .stl-Drawer_LookBook{block-size:100%;display:block!important}@media screen and (min-width:750px){.stl-Drawer[data-loading=true] .stl-Drawer_LookBook{block-size:100vh}}.stl-Drawer[data-loading=true] .stl-Drawer_ImageContainer{display:block;opacity:0;visibility:hidden;transition:opacity .3s ease .2s,visibility .3s ease .2s}.stl-Drawer[data-loading=false] .stl-Drawer_ImageContainer{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.stl-Drawer_Backdrop{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;inline-size:100%;block-size:100%;opacity:0;visibility:hidden;background-color:#33333380;transition:opacity .6s ease,visibility .6s ease}.stl-Drawer[open] .stl-Drawer_Backdrop{opacity:1;visibility:visible;transition:opacity .6s ease,visibility .6s ease}.stl-Drawer_Drawer{position:relative;z-index:2;display:flex;flex-direction:column;block-size:100%;inline-size:100%;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}@media screen and (min-width:750px){.stl-Drawer_Drawer{flex-direction:row;block-size:100dvh;overflow:hidden;transform:translate(100%)}}.stl-Drawer[open] .stl-Drawer_Drawer{transform:translateY(0);transition:transform .3s ease}@media screen and (min-width:750px){.stl-Drawer[open] .stl-Drawer_Drawer{transform:translate(0);transition:transform .3s ease}}.stl-Drawer_ImageContainer{position:sticky;inset-block-start:71px;display:flex;block-size:100%;min-block-size:60vh;max-block-size:60vh;inline-size:100%}@media screen and (min-width:750px){.stl-Drawer_ImageContainer{inset-block-start:0;min-block-size:auto;max-block-size:none}}.stl-Drawer_Image{display:flex;block-size:100%;inline-size:100%;object-fit:contain;object-position:center;background-color:#fff}.stl-Drawer_Inner{position:sticky;inset-block-start:0;min-inline-size:100vw;background-color:#fff}@media screen and (min-width:750px){.stl-Drawer_Inner{min-inline-size:720px;max-inline-size:720px;border-block-start:3px solid #eb333d}}.stl-Drawer_Close{position:absolute;inset-inline-end:0px;z-index:2;align-items:center;justify-content:center;display:flex;inline-size:68px;block-size:100%;padding:0;border:none;background-color:#fff}.stl-Drawer_Close svg{inline-size:20px;block-size:20px}.stl-Drawer_Body{position:relative;-webkit-overflow-scrolling:touch}@media screen and (min-width:750px){.stl-Drawer_Body{max-block-size:100%;block-size:100%;overflow-y:auto}}@media(prefers-reduced-motion:reduce){.stl-Drawer,.stl-Drawer[open],.stl-Drawer_Backdrop,.stl-Drawer[open] .stl-Drawer_Backdrop,.stl-Drawer_Drawer,.stl-Drawer[open] .stl-Drawer_Drawer{transition:none!important}}.stl-Drawer_Header{align-items:center;justify-content:space-between;padding:24.5px 16px;background-color:#fff}@media screen and (min-width:750px){.stl-Drawer_Header{position:relative;padding:24.5px 24px}}.stl-Drawer_Header-mobile{position:sticky;inset-block-start:0;z-index:1;display:flex;border-block-start:3px solid #eb333d}@media screen and (min-width:750px){.stl-Drawer_Header-mobile{display:none}}.stl-Drawer_Header-desktop{display:none}@media screen and (min-width:750px){.stl-Drawer_Header-desktop{display:flex}}.stl-Drawer_Title{display:block;font-family:Gothic-720-Bold;font-weight:700;font-size:16px;line-height:120%;letter-spacing:0%;text-transform:uppercase}.stl-Drawer_Footer{position:sticky;inset-block-end:0;display:block;inline-size:100%;padding:16px;background-color:#fff;border-block-start:1px solid #edebe3}@media screen and (min-width:750px){.stl-Drawer_Footer{padding:24px}}.stl-Drawer_LookBook{position:relative;display:grid;grid-template-columns:repeat(1,1fr);gap:32px 2px;padding-block-end:20px;background-color:#fff}@media screen and (min-width:750px){.stl-Drawer_LookBook{grid-template-columns:repeat(2,1fr);margin-block-end:200px;padding-block-end:auto}}
/*# sourceMappingURL=/cdn/shop/t/650/assets/shop-the-look-drawer.css.map */