dstl-shop-the-look{--dstl-bg-rgb: var(--background);--dstl-text-rgb: var(--text-color);--dstl-border-rgb: var(--text-color);--dstl-border-alpha: .15;--dstl-container-max: 85rem;--dstl-container-narrow: 61.25rem;--dstl-gutter: 1.25rem;--dstl-padding-block-start: 64px;--dstl-padding-block-end: 64px;--dstl-radius-full: 9999px;--dstl-hotspot-size: 1rem;--dstl-strip-gap: .625rem;--dstl-dir: 1;display:block;box-sizing:border-box;position:relative;color:rgb(var(--dstl-text-rgb));background-color:rgb(var(--dstl-bg-rgb));padding-block-start:var(--dstl-padding-block-start);padding-block-end:var(--dstl-padding-block-end)}dstl-shop-the-look[data-dstl-dir=rtl]{--dstl-dir: -1}dstl-shop-the-look *,dstl-shop-the-look *:before,dstl-shop-the-look *:after{box-sizing:border-box}.dstl--bordered{border-block-end:1px solid rgb(var(--dstl-border-rgb) / var(--dstl-border-alpha))}@media screen and (min-width:700px){dstl-shop-the-look{--dstl-gutter: 2rem}}@media screen and (min-width:1000px){dstl-shop-the-look{--dstl-gutter: 3rem}}.dstl__container{width:100%;max-width:calc(var(--dstl-container-max) + var(--dstl-gutter) * 2);margin-inline:auto;padding-inline:var(--dstl-gutter)}.dstl__stack{display:grid;gap:1.25rem}@media screen and (min-width:1000px){.dstl__stack{gap:1.5rem}}.dstl-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.dstl__header{display:grid;gap:.5rem;justify-items:center;text-align:center;max-width:45rem;margin-inline:auto}@media screen and (min-width:1000px){.dstl__header{gap:.75rem}}.dstl__subheading,.dstl__heading{margin:0}.dstl__content>:first-child{margin-block-start:0}.dstl__content>:last-child{margin-block-end:0}.dstl__rooms-bar{display:grid;gap:1rem}.dstl__rooms{display:flex;align-items:center;justify-content:safe center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--dstl-gutter));padding-inline:var(--dstl-gutter)}.dstl__rooms::-webkit-scrollbar{display:none}@media screen and (min-width:1000px){.dstl__rooms{flex-wrap:wrap;justify-content:center;overflow-x:visible;margin-inline:0;padding-inline:0}}.dstl__room{flex:0 0 auto;white-space:nowrap}.dstl__room.button--outline{--button-text-color: var(--button-background-primary)}.dstl__look-nav{--dstl-nav-size: 1.75rem;display:grid;grid-template-columns:var(--dstl-nav-size) minmax(0,1fr) var(--dstl-nav-size);align-items:center;gap:.5rem;width:100%;max-width:17rem;margin-inline:auto}.dstl__counter{margin:0;text-align:center;font-variant-numeric:tabular-nums}.dstl__panel{display:grid;gap:1rem}@media screen and (min-width:1000px){.dstl__panel{gap:1.375rem}}.dstl__view--mobile{display:grid;gap:1.5rem}.dstl__view--desktop{display:none}@media screen and (min-width:1000px){.dstl__view--mobile{display:none}.dstl__view--desktop{display:block}}.dstl__look{position:relative;width:100%}.dstl__media{position:relative;overflow:hidden}.dstl__image{display:block;width:100%;height:auto}.dstl__image--placeholder{aspect-ratio:1 / 1;background-color:rgb(var(--dstl-text-rgb) / .04);fill:rgb(var(--dstl-text-rgb) / .18)}.dstl__hotspots{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;display:block;pointer-events:none}.dstl__hotspot{position:absolute;top:calc(var(--dstl-hotspot-y, 50%) - (var(--dstl-hotspot-size) / 2));left:calc(var(--dstl-hotspot-x, 50%) - (var(--dstl-hotspot-size) / 2));width:var(--dstl-hotspot-size);height:var(--dstl-hotspot-size);padding:0;border:0;border-radius:var(--dstl-radius-full);background-color:rgb(var(--dstl-hotspot-rgb, 255, 255, 255));cursor:pointer;pointer-events:auto;transition:transform .2s ease-in-out;-webkit-appearance:none;appearance:none}.dstl__hotspot:after{--dstl-hotspot-halo: calc(var(--dstl-hotspot-size) * 2.5);content:"";position:absolute;top:calc(50% - var(--dstl-hotspot-halo) / 2);left:calc(50% - var(--dstl-hotspot-halo) / 2);width:var(--dstl-hotspot-halo);height:var(--dstl-hotspot-halo);border-radius:var(--dstl-radius-full);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--dstl-hotspot-rgb, 255, 255, 255) / 0),rgb(var(--dstl-hotspot-rgb, 255, 255, 255) / .3));animation:dstl-hotspot-ping 2s ease-in-out infinite alternate}.dstl__hotspot[aria-current=true]{transform:scale(1.3)}.dstl__hotspot:focus-visible{outline:2px solid rgb(var(--dstl-text-rgb));outline-offset:3px}@media screen and (pointer:fine){.dstl__hotspot:hover{transform:scale(1.3)}}@keyframes dstl-hotspot-ping{0%{transform:scale(1)}to{transform:scale(.8)}}@media screen and (prefers-reduced-motion:reduce){.dstl__hotspot:after{animation:none}.dstl__hotspot{transition:none}}.dstl__strip{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:var(--dstl-strip-gap);align-items:start;position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--dstl-gutter));padding-inline:var(--dstl-gutter);scroll-padding-inline:var(--dstl-gutter)}.dstl__strip::-webkit-scrollbar{display:none}.dstl__strip>.dstl__look{scroll-snap-align:center}.dstl__stage{display:grid;align-items:center;position:relative;z-index:1}@media screen and (min-width:1000px){.dstl__stage>.dstl__look{grid-area:1 / -1;display:grid;grid-template-columns:min(550px,60%) minmax(0,1fr);align-items:center;gap:.3125rem;max-width:var(--dstl-container-narrow);margin-inline:auto}.dstl--js .dstl__stage>.dstl__look:not(.is-dstl-selected){visibility:hidden}}.dstl__look-body{display:grid;justify-items:center;gap:1.5rem}.dstl--js .dstl__look-body{opacity:0}.dstl__products{display:grid;position:relative;width:100%;justify-items:center}@media screen and (min-width:1000px){.dstl__products>.dstl__product{grid-area:1 / -1;width:100%;max-width:16.875rem}.dstl--js .dstl__products>.dstl__product:not(.is-dstl-selected){visibility:hidden}}.dstl__product,.dstl__card,.dstl__button--stretch{width:100%}.dstl__button[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.dstl__dots{display:flex;align-items:center;justify-content:center;gap:.5rem}.dstl__dot{position:relative;width:1.5rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.dstl__dot:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:.4375rem;height:.4375rem;border-radius:var(--dstl-radius-full);background-color:rgb(var(--dstl-text-rgb) / .25);transition:background-color .2s ease-in-out,scale .2s ease-in-out}.dstl__dot[aria-current=true]:before{background-color:rgb(var(--dstl-text-rgb));scale:1.15}.dstl__dot:focus-visible{outline:2px solid rgb(var(--dstl-text-rgb));outline-offset:0}.dstl__nav{--button-size: var(--dstl-nav-size)}.dstl__nav[disabled]{visibility:hidden}.dstl-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;overflow:hidden;overscroll-behavior:contain;background-color:rgb(var(--dstl-bg-rgb));color:rgb(var(--dstl-text-rgb))}.dstl-modal:not([open]){display:none}.dstl-modal::backdrop{background:transparent}.dstl-modal--fallback{position:fixed;z-index:2147483000}.dstl-modal__stage{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;transform-origin:0 0;will-change:transform;pointer-events:none}.dstl-modal__stage .dstl__hotspot{pointer-events:auto}.dstl-modal__stage .dstl__hotspots{pointer-events:none}.dstl-modal__sheet{position:absolute;inset-block-end:0;inset-inline:0;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:75vh;background-color:rgb(var(--dstl-bg-rgb));will-change:transform}@supports (height: 100dvh){.dstl-modal__sheet{max-height:85dvh}}.dstl-modal__sheet-header{position:relative;display:grid;align-items:center;text-align:center;padding-block:.875rem;padding-inline:1.25rem;border-block-end:1px solid rgb(var(--dstl-border-rgb) / var(--dstl-border-alpha));background-color:inherit}.dstl-modal__title{margin:0;font-size:1rem;line-height:1.3}.dstl-modal__close{position:absolute;inset-block-start:50%;inset-inline-end:1.25rem;translate:0 -50%;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.dstl-modal__close:focus-visible{outline:2px solid rgb(var(--dstl-text-rgb));outline-offset:-2px}.dstl-modal__body{overflow:hidden auto;overscroll-behavior:contain;padding-block:.75rem}.dstl-modal__panel[hidden]{display:none}.dstl-modal__products{display:grid;grid-auto-flow:column;grid-auto-columns:100%;align-items:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;padding-inline:1.25rem;scroll-padding-inline:1.25rem}.dstl-modal__products::-webkit-scrollbar{display:none}.dstl-modal__products>.dstl__product{scroll-snap-align:center}.dstl-modal__products .dstl__card{inline-size:min(51vw,190px);margin-inline:auto}.dstl__look[hidden],.dstl-modal__panel[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/designers-shop-the-look.css.map */