.rr{--rr-tint: var(--rr-bg);position:relative;overflow:hidden;isolation:isolate;background:var(--rr-tint);color:var(--rr-ink);transition:background-color .6s ease;min-height:min(100svh,980px);display:flex;flex-direction:column;padding:clamp(24px,4vw,48px) 0 0;-webkit-tap-highlight-color:transparent}.rr *{box-sizing:border-box}.rr button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.rr__head{text-align:center;padding:0 16px}.rr__eyebrow{font-size:11px;letter-spacing:.22em;margin:0 0 6px;opacity:.6}.rr__heading{font-size:clamp(22px,3.2vw,38px);line-height:1.1;margin:0;font-weight:700;letter-spacing:-.01em;text-transform:uppercase}.rr__rack{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,5vw,56px) 0 24px}.rr__rack[hidden]{display:none}.rr__rail{position:relative;width:min(1100px,92vw);height:10px;z-index:2}.rr__rail span{position:absolute;inset:3px 0 auto;height:4px;border-radius:4px;background:linear-gradient(#d9d9d9,#9c9c9c 60%,#bdbdbd)}.rr__rail:before,.rr__rail:after{content:"";position:absolute;top:0;width:10px;height:10px;border-radius:50%;background:#8d8d8d}.rr__rail:before{left:-4px}.rr__rail:after{right:-4px}.rr__rack-list{list-style:none;margin:-3px 0 0;padding:0 16px;display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:1200px}.rr__rack-item{flex:0 0 auto;margin:0 var(--rr-overlap,-62px)}.rr__rack-item button{display:block;outline-offset:4px}.rr__rack-item button:focus:not(:focus-visible){outline:none}.rr{--rr-h:clamp(240px,42vh,440px)}.rr__rack-item img{position:relative;display:block;height:var(--rr-h);margin-top:calc(var(--rr-h) * var(--hkf, .075) * -1 - 2px);width:auto;max-width:none;mix-blend-mode:multiply;filter:brightness(1.025);pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50% calc(var(--hkf, .075) * 100%);translate:var(--sx, 0px) 0;animation:rr-drop .7s cubic-bezier(.2,.8,.2,1) var(--d,0s) backwards;transition:filter .3s,opacity .3s ease,translate .55s cubic-bezier(.22,.9,.24,1)}@keyframes rr-drop{0%{opacity:0;transform:translateY(-18px) rotate(2deg)}}.rr__rack-item--side{position:relative;width:calc(var(--rr-h) * .27);margin:0 4px;display:flex;justify-content:center}.rr__rack-item--side button{display:flex;justify-content:center;width:100%}.rr__rack-item .rr__rack-side{flex-shrink:0;margin-top:calc(var(--rr-h) * var(--hks, .08) * -1 - 2px);transform-origin:50% calc(var(--hks, .08) * 100%);--yr:calc(var(--hks, .08) * 100% + 1.4%);clip-path:polygon(47.5% 0,52.5% 0,52.5% var(--yr),100% var(--yr),100% 100%,0 100%,0 var(--yr),47.5% var(--yr));transition:opacity .22s ease,filter .3s,translate .55s cubic-bezier(.22,.9,.24,1)}.rr__rack-item .rr__rack-front{position:absolute;top:calc(var(--rr-h) * var(--hkf, .075) * -1 - 2px);left:50%;margin:0;translate:-50% 0;opacity:0;animation:none;transition:opacity .22s ease;pointer-events:none}.rr__rack-item.is-hover .rr__rack-side{opacity:0}.rr__rack-item.is-hover .rr__rack-front{opacity:1;z-index:6}.rr__rack-item.is-hover img{z-index:5}@keyframes rr-swing{0%{transform:rotate(0)}20%{transform:rotate(3deg)}45%{transform:rotate(-2deg)}70%{transform:rotate(1deg)}to{transform:rotate(0)}}.rr__rack-caption{min-height:1.4em;margin:18px 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.rr__hint{font-size:12px;opacity:.55;margin:0}.rr__detail{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 0 24px}.rr__detail[hidden],.rr.is-detail .rr__head{display:none}.rr.is-detail .rr__detail{padding-top:44px}.rr__close{position:absolute;top:0;left:clamp(12px,3vw,40px);display:flex;align-items:center;gap:4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;z-index:6;padding:8px 4px}.rr__stage{position:relative;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;height:clamp(320px,54vh,580px);touch-action:pan-y}.rr__current{position:relative;height:100%;display:flex;align-items:flex-start}.rr__garment{position:relative;height:100%;cursor:pointer;mix-blend-mode:multiply;filter:brightness(1.025);transform-origin:50% 3%}.rr__garment.is-swing{animation:rr-swing 1.2s ease-out}.rr__img{position:relative;height:100%;width:auto;max-width:none;aspect-ratio:3/4;display:block;transform-origin:50% 3%;transition:opacity .25s ease}.rr__img.is-fading{opacity:0}.rr__img.is-hide{opacity:0;transition:opacity .14s ease}.rr__img.is-rise{animation:rr-rise .55s cubic-bezier(.2,.8,.2,1)}@keyframes rr-rise{0%{transform:translateY(22%);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.rr__img.is-enter-next{animation:rr-in-next .55s cubic-bezier(.2,.8,.2,1)}.rr__img.is-enter-prev{animation:rr-in-prev .55s cubic-bezier(.2,.8,.2,1)}.rr__img--dye{position:absolute;left:0;top:0;opacity:0;pointer-events:none}.rr__img--dye.is-dye{opacity:1;--dye:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%201200%27%20preserveAspectRatio%3D%27none%27%3E%3Cfilter%20id%3D%27b%27%3E%3CfeGaussianBlur%20stdDeviation%3D%271.6%27%2F%3E%3C%2Ffilter%3E%3Cpath%20d%3D%27M0%201200%20L0%20399%20L0%20399%20L12%20399%20L20%20392%20L36%20403%20L39%20362%20L42%20403%20L50%20401%20L66%20389%20L78%20404%20L86%20403%20L94%20389%20L96%20336%20L98%20389%20L110%20396%20L118%20400%20L130%20388%20L134%20348%20L138%20388%20L154%20412%20L170%20394%20L186%20395%20L188%20350%20L190%20395%20L202%20397%20L218%20388%20L220%20340%20L222%20388%20L238%20398%20L242%20361%20L246%20398%20L262%20394%20L265%20366%20L268%20394%20L280%20406%20L282%20348%20L284%20406%20L292%20389%20L300%20404%20L304%20368%20L308%20404%20L324%20406%20L336%20391%20L344%20388%20L360%20395%20L368%20392%20L384%20403%20L386%20366%20L388%20403%20L400%20388%20L400%20388%20L400%201200%20Z%27%20fill%3D%27%23000%27%20filter%3D%27url%28%23b%29%27%2F%3E%3Crect%20y%3D%27430%27%20width%3D%27400%27%20height%3D%27770%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--dye) 0 -10%/100% 300% no-repeat;mask:var(--dye) 0 -10%/100% 300% no-repeat;animation:rr-dye .7s cubic-bezier(.45,.05,.3,1) forwards}@keyframes rr-dye{0%{-webkit-mask-position:0 -10%;mask-position:0 -10%}to{-webkit-mask-position:0 55%;mask-position:0 55%}}@keyframes rr-in-next{0%{transform:translate(18%) scale(.82);opacity:.2}to{transform:none;opacity:1}}@keyframes rr-in-prev{0%{transform:translate(-18%) scale(.82);opacity:.2}to{transform:none;opacity:1}}.rr__ghost{position:absolute;top:6%;height:80%;pointer-events:none}.rr__ghost img{height:100%;width:auto;max-width:none;aspect-ratio:3/4;mix-blend-mode:multiply;opacity:.3;filter:blur(5px) saturate(.6) brightness(1.04)}.rr__ghost--prev{left:6%}.rr__ghost--next{right:6%}.rr__tags{list-style:none;margin:0;padding:0;position:absolute;z-index:4;left:86%;top:4%;display:flex;gap:8px}.rr__tag{position:relative;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:rr-tag-in .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*60ms + .15s) backwards,rr-sway calc(3.4s + var(--i)*.55s) ease-in-out calc(var(--i)*60ms + .7s) infinite}.rr__tag:before{content:"";position:relative;z-index:1;width:1px;height:calc(20px + var(--i)*8px);margin-bottom:-10px;background:#8a8a8a}@keyframes rr-sway{0%,to{transform:rotate(0)}25%{transform:rotate(1.4deg)}75%{transform:rotate(-1.4deg)}}.rr__tag button{width:28px;height:54px;border-radius:4px 4px 5px 5px;background:var(--sw);position:relative;transform-origin:50% 9px;box-shadow:0 1px 2px #0000002e,inset 0 0 0 1px #00000014;transition:transform .25s}.rr__tag button:before{content:"";position:absolute;top:6px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--rr-tint);box-shadow:inset 0 0 0 1px #00000040}.rr__tag button[aria-pressed=true]{transform:scale(1.12);box-shadow:0 0 0 2px var(--rr-tint),0 0 0 3px var(--rr-ink)}.rr__tag button:focus-visible{outline:2px solid var(--rr-ink);outline-offset:3px}@keyframes rr-tag-in{0%{transform:translateY(-14px) rotate(8deg);opacity:0}to{transform:none;opacity:1}}.rr__arrow{position:absolute;top:44%;z-index:5;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor!important;opacity:.6;transition:opacity .2s,transform .2s}.rr__arrow:hover{opacity:1;transform:scale(1.06)}.rr__arrow--prev{left:clamp(10px,3vw,40px)}.rr__arrow--next{right:clamp(10px,3vw,40px)}.rr__info{text-align:center;margin-top:10px;padding:0 16px}.rr__title{margin:0;font-size:clamp(15px,1.6vw,20px);font-weight:800;letter-spacing:.02em;text-transform:uppercase}.rr__meta{margin:4px 0 12px;font-size:13px;opacity:.7}.rr__dot{margin:0 6px}.rr__toggle{display:inline-flex;border:1px solid var(--rr-ink);border-radius:99px;padding:2px;margin-bottom:12px}.rr__toggle button{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:99px;transition:background .2s,color .2s}.rr__toggle button[aria-pressed=true]{background:var(--rr-ink);color:var(--rr-tint)}.rr__cta{display:block;width:max-content;margin:0 auto;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.rr__cta:hover{opacity:.7}.rr__ticker{background:var(--rr-accent);color:#fff;overflow:hidden;white-space:nowrap;margin-top:auto}.rr__ticker-track{display:inline-flex;animation:rr-marquee 28s linear infinite}.rr__ticker span{font-size:11px;font-weight:700;letter-spacing:.2em;padding:9px 18px}@keyframes rr-marquee{to{transform:translate(-50%)}}@media(max-width:749px){.rr{min-height:auto}.rr__rack{padding-top:28px}.rr__rack-list{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:48px 24px 8px;margin-top:-51px;scrollbar-width:none;--rr-overlap:-40px}.rr__rack-list::-webkit-scrollbar{display:none}.rr__rack-item{scroll-snap-align:center}.rr{--rr-h:min(52vh,360px)}.rr__rail{width:100%}.rr__stage{height:min(56vh,460px)}.rr__ghost{display:none}.rr__current{margin-left:-36px}.rr__tags{left:90%;flex-direction:column;gap:6px}.rr__tag:before{height:calc(22px + var(--i)*4px)}.rr__tag button{width:24px;height:42px}.rr__tag button:after{content:"";position:absolute;top:-4px;right:-8px;bottom:-4px;left:-8px}.rr__hint{padding:0 16px;text-align:center}.rr__arrow{top:auto;bottom:-6px;width:36px;height:36px}.rr__close{top:-6px}}@media(prefers-reduced-motion:reduce){.rr *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/rawan-rack.css.map */