.asr{--bg: #121211;--ink: #ECEAE5;--accent: #ECEAE5;--accent-hi: #FFFFFF;--on-accent: #121211;--muted: #8F8D87;--line: rgba(236, 234, 229, .22);--line-soft: rgba(236, 234, 229, .1);--paper: #1A1A18;--field: #222220;--warn: #E0955C;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--ease: cubic-bezier(.16, 1, .3, 1);--hang: min(46vh, 440px, calc((100vw - 200px) / var(--rail-mult, 2)));--railw: calc(var(--hang) * var(--rail-mult, 2));--slot: calc(var(--railw) / var(--count, 5));position:relative;overflow:hidden;isolation:isolate;min-height:min(calc(100svh - 80px),920px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(40px,7vh,72px) 0 calc(clamp(40px,7vh,72px) + 34px);color:var(--ink);color-scheme:dark;font-family:var(--font-body-family, system-ui, -apple-system, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(ellipse 58% 46% at 50% 40%,#fff6e81a,#fff6e800 70%),radial-gradient(ellipse 130% 95% at 50% 45%,#0000 55%,#0000008c),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,320px 320px,900px 900px}.asr.is-view,.asr.is-closing,.asr.is-sizes{z-index:1000}.asr *,.asr *:before,.asr *:after{box-sizing:border-box}.asr button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;box-shadow:none;min-height:0;min-width:0;letter-spacing:inherit}.asr img{display:block}.asr :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;box-shadow:none}.asr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.asr-empty{color:var(--muted);font-size:14px}.asr-rack{transition:filter .6s var(--ease),opacity .6s var(--ease),transform .6s var(--ease)}.asr.is-view .asr-rack{filter:blur(10px);opacity:.28;transform:scale(.985);pointer-events:none}.asr-rail{position:relative;width:var(--railw);height:calc(var(--hang) + 6px);margin:0 auto;touch-action:pan-y}.asr-rail:before{content:"";position:absolute;top:1px;left:-56px;right:-56px;height:10px;z-index:3;border-radius:5px;background:linear-gradient(180deg,#fbfbfc,#d6d8dc 22%,#a3a6ac 48%,#7d8087 62%,#c9cbcf 84%,#eceef0);box-shadow:0 9px 14px -7px #000c;animation:asr-bar 1.05s var(--ease) .1s both}.asr-bracket{position:absolute;top:-12px;width:12px;height:34px;z-index:4;border-radius:3px;background:radial-gradient(circle at 50% 22%,#6f727a 0 1.6px,transparent 2.2px),radial-gradient(circle at 50% 78%,#6f727a 0 1.6px,transparent 2.2px),linear-gradient(90deg,#8b8e95,#f2f3f5 38%,#c2c5ca 64%,#83868d);box-shadow:0 4px 8px -2px #0009}.asr-bracket--l{left:-64px}.asr-bracket--r{right:-64px}.asr-hang{position:absolute;top:6px;left:calc(var(--slot) * var(--i, 0));width:var(--slot);height:var(--hang);z-index:1;animation:asr-drop 1.05s var(--ease) var(--d, .2s) both}.asr-hang.is-in{animation:none}.asr-hang img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform-origin:50% 0;transform:translate(-50%);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 16px 16px rgba(0,0,0,.55))}.asr-hang--noside .asr-side{transform:translate(-50%) scaleX(.28);filter:brightness(.7) drop-shadow(0 16px 16px rgba(0,0,0,.55))}.asr-swing{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 0;perspective:900px}.asr-hang .asr-front{opacity:0}.asr-hang.is-away .asr-front{opacity:0!important}.asr-caption{height:54px;margin:22px 0 0;text-align:center;color:var(--muted);font-size:12.5px;letter-spacing:.01em;line-height:1.5}.asr-caption b{display:block;margin-bottom:3px;color:var(--ink);font-family:var(--serif);font-weight:400;font-style:italic;font-size:24px;line-height:1.1;letter-spacing:0}.asr-caption span{display:block}.asr-caption.swap b,.asr-caption.swap span{animation:asr-soft .4s var(--ease)}.asr .asr-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 26px;border:1px solid var(--ink)!important;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);transition:background .2s ease,color .2s ease,border-color .2s ease}.asr-pill:hover{background:var(--ink);color:var(--bg)}.asr .asr-pill--solid{background:var(--accent);border-color:var(--accent)!important;color:var(--on-accent);height:46px;padding:0 28px}.asr-pill--solid:hover{background:var(--accent-hi);color:var(--on-accent)}.asr-pill[disabled]{opacity:.45;pointer-events:none}.asr-cta{margin-top:24px;animation:asr-soft 1.05s var(--ease) .9s both}.asr.is-view .asr-cta{visibility:hidden}.asr-link{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none}.asr-link:hover{color:var(--ink)}.asr-marquee{position:absolute;left:0;right:0;bottom:0;height:34px;overflow:hidden;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;transition:transform .5s var(--ease)}.asr.is-view .asr-marquee{transform:translateY(100%)}.asr-marquee-track{display:flex;align-items:center;flex:none;animation:asr-marquee 42s linear infinite}.asr-marquee:hover .asr-marquee-track{animation-play-state:paused}.asr-marquee-set{display:flex;align-items:center;flex:none}.asr-mq{display:inline-flex;align-items:center;height:34px;padding:0 20px;font-size:10.5px;line-height:1;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.asr-mq-dot{flex:none;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45}.asr-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-rows:1fr auto;justify-items:center;padding:64px 20px 28px;visibility:hidden;pointer-events:none}.asr.is-view .asr-view{visibility:visible;pointer-events:auto;background:#0c0c0b8c}.asr.is-closing .asr-view{visibility:visible;pointer-events:none}.asr.is-closing .asr-rack{pointer-events:auto}.asr-close{position:absolute;top:20px;right:clamp(18px,3vw,40px);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.asr-close:hover{color:var(--accent-hi)}.asr-view-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}.asr .asr-view-img{height:min(58vh,560px);width:auto;max-width:min(78vw,620px);object-fit:contain;object-position:50% 0;filter:drop-shadow(0 24px 26px rgba(0,0,0,.6));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.asr-nav{position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;border:1px solid var(--line)!important;display:grid;place-items:center;color:var(--ink);background:#1a1a1899!important;transition:border-color .2s ease,transform .2s ease}.asr-nav:hover{border-color:var(--ink)!important}.asr-nav:active{transform:scale(.94)}.asr-nav--prev{left:calc(50% - min(24vw,330px))}.asr-nav--next{right:calc(50% - min(24vw,330px))}.asr-view-meta{text-align:center;opacity:0;transform:translateY(10px);transition:opacity .4s ease .15s,transform .5s var(--ease) .15s}.asr.is-view .asr-view-meta{opacity:1;transform:none}.asr .asr-view-img.can-turn{cursor:pointer}.asr .asr-view-img.is-loading{cursor:progress}.asr-views{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 10px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.asr-views[hidden]{display:none}.asr .asr-views button{color:var(--muted);padding:4px 1px;border-bottom:1px solid transparent}.asr .asr-views button:hover{color:var(--ink)}.asr .asr-views button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.asr-view-count{font-size:10.5px;letter-spacing:.14em;color:var(--muted);font-variant-numeric:tabular-nums}.asr-view-name{margin:4px 0 2px;font-family:var(--serif);font-size:clamp(28px,3.2vw,38px);font-style:italic;font-weight:400;color:var(--ink);line-height:1.1;letter-spacing:0}.asr-view-sub{font-size:13px;color:var(--muted);margin:0 0 14px}.asr-view-sub b{color:var(--ink);font-weight:600}.asr-view-actions{display:flex;align-items:center;justify-content:center;gap:20px}.asr-sizes{position:fixed;left:50%;bottom:0;z-index:1002;width:min(460px,100vw);background:var(--paper);border:1px solid var(--line-soft);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -18px 50px -20px #000c;padding:20px 22px calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,105%);transition:transform .5s var(--ease);visibility:hidden}.asr.is-sizes .asr-sizes{transform:translate(-50%);visibility:visible}.asr-sizes-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.asr-sizes-head strong{font-weight:600;font-size:15px}.asr-sizes-head button{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.asr-sizes-head button:hover{color:var(--ink)}.asr-sizes-meta{margin:2px 0 14px;font-size:12.5px;color:var(--muted)}.asr-size-grid{display:grid;grid-template-columns:repeat(var(--cols, 5),1fr);gap:6px}.asr-size{position:relative;height:52px;border:1px solid var(--line)!important;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:13px;font-weight:600;background:var(--field)!important;transition:border-color .15s ease,background .15s ease}.asr-size small{font-size:9.5px;font-weight:500;color:var(--muted);letter-spacing:.02em}.asr-size small.low{color:var(--warn)}.asr-size:hover{border-color:var(--ink)!important}.asr-size[aria-pressed=true]{border-color:var(--accent)!important;background:var(--accent)!important;color:var(--on-accent)}.asr-size[aria-pressed=true] small{color:#121211b3}.asr-size:disabled{background:transparent!important;color:var(--muted);cursor:default;border-style:dashed!important}.asr-size:disabled span{text-decoration:line-through}.asr-sizes-note{margin:12px 0 0;font-size:12px;color:var(--muted);min-height:18px}.asr-sizes-note.err{color:var(--warn)}.asr-sizes .asr-pill--solid{width:100%;margin-top:12px}.asr-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#0009;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.asr.is-sizes .asr-scrim{opacity:1;visibility:visible}.asr-scrim,.asr-sizes{pointer-events:none}.asr.is-sizes .asr-scrim,.asr.is-sizes .asr-sizes{pointer-events:auto}@keyframes asr-soft{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes asr-drop{0%{opacity:0;transform:translateY(-26px) rotate(-3deg)}55%{opacity:1;transform:translateY(2px) rotate(1.5deg)}80%{transform:rotate(-.6deg)}to{opacity:1;transform:none}}@keyframes asr-bar{0%{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:none}}@keyframes asr-marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.asr *,.asr *:before,.asr *:after{transition:none!important;animation:none!important}}@media(hover:none),(pointer:coarse){.asr-hang .asr-front{display:none}}@media(max-width:760px){.asr{--hang: min(44vh, 330px);--railw: calc(100vw - 56px) ;min-height:min(calc(100svh - 70px),760px)}.asr-rail:before{left:-16px;right:-16px}.asr-bracket--l{left:-22px}.asr-bracket--r{right:-22px}.asr-caption b{font-size:20px}.asr .asr-view-img{height:min(52vh,480px);max-width:84vw}.asr-nav--prev{left:6px}.asr-nav--next{right:6px}.asr-size-grid{grid-template-columns:repeat(min(var(--cols, 5),5),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/assembl-rack.css.map */