.dwm-fpath{overflow:clip;--dwm-fpath-marker: .875rem;--dwm-fpath-line: rgb(var(--dwm-accent-rgb) / .7)}.dwm-fpath__heading{max-width:44rem;margin-bottom:clamp(2.5rem,2rem + 2vw,4rem)}.dwm-fpath__stops{display:grid;margin:0;padding:0;list-style:none}.dwm-fpath__stop{position:relative}.dwm-fpath__route{position:absolute;pointer-events:none}.dwm-fpath__segment{position:absolute;display:block;overflow:visible}.dwm-fpath__line{fill:none;stroke:var(--dwm-fpath-line);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.dwm-fpath__line--out{stroke:rgb(var(--dwm-accent-rgb) / .4);stroke-dasharray:4 5}.dwm-fpath__marker{position:absolute;z-index:1;width:var(--dwm-fpath-marker);height:var(--dwm-fpath-marker);border:1.5px solid rgb(var(--dwm-accent-rgb));border-radius:50%;background-color:rgb(var(--dwm-bg-rgb));translate:-50% -50%}.dwm-fpath__marker:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background-color:rgb(var(--dwm-accent-rgb))}.dwm-fpath__body{display:grid;align-content:start;gap:var(--dwm-space-3)}.dwm-fpath__label{margin:0;color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-label);font-weight:var(--dwm-weight-ui);letter-spacing:var(--dwm-tracking-label);line-height:1.4;text-transform:uppercase}.dwm-fpath__index{margin-right:.375rem;color:rgb(var(--dwm-accent-rgb));font-variant-numeric:tabular-nums}.dwm-fpath__question{margin:0;font-family:var(--dwm-font-heading);font-size:clamp(1.375rem,1.05rem + 1vw,1.75rem);font-weight:var(--dwm-weight-heading);letter-spacing:var(--dwm-tracking-heading);line-height:1.2;text-wrap:balance}.dwm-fpath__look{display:grid;gap:var(--dwm-space-2);margin-top:var(--dwm-space-1)}.dwm-fpath__look-label{margin:0;color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-small);line-height:1.4}.dwm-fpath__points{display:grid;gap:.3125rem;margin:0;padding:0;list-style:none;font-size:var(--dwm-text-small);line-height:1.45}.dwm-fpath__points li{position:relative;padding-left:.875rem}.dwm-fpath__points li:before{content:"";position:absolute;top:.66em;left:0;width:.375rem;border-top:1px solid rgb(var(--dwm-fg-muted-rgb) / .7)}.dwm-fpath__layer{display:grid;gap:var(--dwm-space-4) clamp(2rem,1rem + 3vw,4rem);padding:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);border:1px solid var(--dwm-border-color);border-radius:var(--dwm-radius-lg);background-color:rgb(var(--dwm-fg-rgb) / .03)}.dwm-fpath__layer-head{display:grid;align-content:start;gap:var(--dwm-space-2)}.dwm-fpath__layer-label{margin:0;color:rgb(var(--dwm-accent-rgb));font-size:var(--dwm-text-label);font-weight:var(--dwm-weight-ui);letter-spacing:var(--dwm-tracking-label);line-height:1.4;text-transform:uppercase}.dwm-fpath__layer-title{margin:0;font-family:var(--dwm-font-heading);font-size:var(--dwm-text-h4);font-weight:var(--dwm-weight-heading);letter-spacing:var(--dwm-tracking-heading);line-height:1.25}.dwm-fpath__layer-text{max-width:28rem;margin:0;color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-text-body);line-height:1.55}.dwm-fpath__look--layer{margin-top:0}@media screen and (max-width:999px){.dwm-fpath{--dwm-fpath-route: 2.5rem;--dwm-fpath-top: .5rem}.dwm-fpath__stop{padding:0 0 clamp(2.25rem,1.75rem + 2vw,3rem) calc(var(--dwm-fpath-route) + var(--dwm-space-3))}.dwm-fpath__route{inset:0 auto 0 0;width:var(--dwm-fpath-route)}.dwm-fpath__segment--wide{display:none}.dwm-fpath__segment--narrow{top:var(--dwm-fpath-top);left:0;width:100%;height:100%}.dwm-fpath__marker{top:var(--dwm-fpath-top);left:30%}.dwm-fpath__stop--low .dwm-fpath__marker{left:70%}.dwm-fpath__drop{display:none}.dwm-fpath__layer{margin-top:var(--dwm-space-2)}.dwm-fpath__look-label{margin-top:var(--dwm-space-1)}}@media screen and (min-width:1000px){.dwm-fpath{--dwm-fpath-band: 5.5rem;--dwm-fpath-stagger: 2.25rem}.dwm-fpath__stops--2{grid-template-columns:repeat(2,minmax(0,1fr))}.dwm-fpath__stops--3{grid-template-columns:repeat(3,minmax(0,1fr))}.dwm-fpath__stops--4{grid-template-columns:repeat(4,minmax(0,1fr))}.dwm-fpath__stop{display:flex;flex-direction:column;padding:calc(var(--dwm-fpath-band) + var(--dwm-space-4)) clamp(1.5rem,.5rem + 2vw,3rem) 0 0}.dwm-fpath__stop--low .dwm-fpath__body{margin-top:var(--dwm-fpath-stagger)}.dwm-fpath__route{inset:0 0 auto 0;height:var(--dwm-fpath-band)}.dwm-fpath__segment--narrow{display:none}.dwm-fpath__segment--wide{top:0;left:calc(var(--dwm-fpath-marker) / 2);width:100%;height:100%}.dwm-fpath__marker{top:25%;left:calc(var(--dwm-fpath-marker) / 2)}.dwm-fpath__stop--low .dwm-fpath__marker{top:75%}.dwm-fpath--layered .dwm-fpath__drop{flex:1 0 auto;min-height:2.5rem;margin:var(--dwm-space-6) 0 0 calc(var(--dwm-fpath-marker) / 2 - .5px);border-left:1px dashed rgb(var(--dwm-fg-muted-rgb) / .4)}.dwm-fpath__layer{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.dwm-fpath__look--layer .dwm-fpath__points{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--dwm-space-6)}}.dwm-motion-ready .dwm-fpath__segment{clip-path:inset(-2px -2px -2px -2px);transition:clip-path .7s var(--dwm-ease) var(--dwm-fpath-delay, .2s)}.dwm-motion-ready .dwm-fpath__journey:not(.is-revealed) .dwm-fpath__segment--wide{clip-path:inset(-2px 100% -2px -2px)}.dwm-motion-ready .dwm-fpath__journey:not(.is-revealed) .dwm-fpath__segment--narrow{clip-path:inset(-2px -2px 100% -2px)}.dwm-fpath__stop:nth-child(2){--dwm-fpath-delay: .45s}.dwm-fpath__stop:nth-child(3){--dwm-fpath-delay: .7s}.dwm-fpath__stop:nth-child(4){--dwm-fpath-delay: .95s}@media(prefers-reduced-motion:reduce){.dwm-motion-ready .dwm-fpath__segment,.dwm-motion-ready .dwm-fpath__journey:not(.is-revealed) .dwm-fpath__segment--wide,.dwm-motion-ready .dwm-fpath__journey:not(.is-revealed) .dwm-fpath__segment--narrow{clip-path:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/dwm-friction-path.css.map */