.as-catalog__filter{position:relative;z-index:5}.as-fbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;margin-bottom:1.6rem}.as-fbar__btns{display:flex;flex-wrap:wrap;gap:.8rem}.as-fbtn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.8rem;max-width:100%;padding:.9rem 1.3rem .9rem 1.6rem;border:1px solid var(--as-line-dark);border-radius:999px;background:#0a17204d;color:var(--as-on-dark);font-family:var(--as-body);font-size:1.35rem;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .2s var(--as-ease),background-color .2s var(--as-ease),color .2s var(--as-ease)}.as-fbtn:hover{border-color:#eaf3f873}.as-fbtn[aria-expanded=true]{border-color:var(--as-sky-light);background:#b9dcf01a}.as-fbtn.is-active{border-color:#b9dcf099;background:#b9dcf01f;color:var(--as-white)}.as-fbtn__val{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.25rem .8rem;border-radius:999px;background:var(--as-sky-light);color:var(--as-ink);font-family:var(--as-mono);font-size:1.15rem;font-weight:600;letter-spacing:.02em}.as-fbtn__val[hidden]{display:none}.as-fbtn__icon{width:1.2rem;height:1.2rem;flex:none;color:var(--as-on-dark-mute);transition:transform .25s var(--as-ease)}.as-fbtn[aria-expanded=true] .as-fbtn__icon{transform:rotate(180deg)}.as-catalog .as-chip--toggle svg{width:1.2rem;height:1.2rem;transform:none}.as-catalog .as-chip--toggle[aria-expanded] svg{transform:none}.as-catalog__tools{justify-content:flex-start}.as-actives{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;flex:1 1 auto}.as-actives[hidden]{display:none}.as-apill{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .8rem .5rem 1.2rem;border:1px solid rgba(185,220,240,.4);border-radius:999px;background:#b9dcf014;color:var(--as-on-dark);font-family:var(--as-body);font-size:1.25rem;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .2s var(--as-ease),border-color .2s var(--as-ease)}.as-apill:hover{background:#b9dcf029;border-color:var(--as-sky-light)}.as-apill svg{width:1.3rem;height:1.3rem;flex:none;opacity:.75}.as-pop{--_pad: 1.8rem;position:absolute;top:calc(100% + .8rem);left:0;z-index:30;display:flex;flex-direction:column;width:min(44rem,calc(100vw - 2 * var(--as-gut)));max-height:min(64rem,72vh);border:1px solid rgba(234,243,248,.16);border-radius:var(--as-r-md);background:linear-gradient(180deg,#13303f 0%,var(--as-ink-2) 100%);color:var(--as-on-dark);box-shadow:0 30px 70px -24px #02080cbf,0 0 0 1px #02080c33;opacity:0;transform:translateY(-6px);transition:opacity .18s var(--as-ease),transform .22s var(--as-ease-out)}.as-pop[hidden]{display:none}.as-pop.is-on{opacity:1;transform:none}.as-pop[data-as-pop=key]{width:min(40rem,calc(100vw - 2 * var(--as-gut)))}.as-pop[data-as-pop=bpm]{width:min(42rem,calc(100vw - 2 * var(--as-gut)))}.as-pop__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem var(--_pad) 0}.as-pop__title{margin:0;font-family:var(--as-mono);font-size:var(--as-fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--as-sky)}.as-pop__x{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:3.6rem;height:3.6rem;margin-right:-.8rem;border:0;border-radius:50%;background:transparent;color:var(--as-on-dark-mute);cursor:pointer;transition:background-color .2s var(--as-ease),color .2s var(--as-ease)}.as-pop__x:hover{background:#eaf3f814;color:var(--as-white)}.as-pop__x svg{width:1.4rem;height:1.4rem}.as-pop__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.2rem var(--_pad) 1.6rem;scrollbar-width:thin;scrollbar-color:rgba(234,243,248,.2) transparent}.as-pop__foot{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem var(--_pad) 1.4rem;border-top:1px solid var(--as-line-dark)}.as-pop__clear{-webkit-appearance:none;appearance:none;border:0;background:none;padding:.6rem 0;font-family:var(--as-body);font-size:1.35rem;color:var(--as-on-dark-mute);text-decoration:underline;text-underline-offset:.3em;cursor:pointer}.as-pop__clear:hover{color:var(--as-white)}.as-pop .as-btn{--_bg: var(--as-sky-light);--_fg: var(--as-ink);--_bd: var(--as-sky-light);padding:1.2rem 2.2rem;font-size:1.4rem}.as-pop__hint,.as-pop__none,.as-pop__loading{margin:1.4rem 0 0;font-size:1.25rem;line-height:1.5;color:var(--as-on-dark-mute)}.as-pop__none[hidden]{display:none}.as-pop__loading{display:flex;align-items:center;gap:1rem;margin:1rem 0}.as-pop__loading .as-beats__spin{position:static;opacity:1}.as-psearch{display:flex;align-items:center;gap:.8rem;padding:0 1.4rem;border:1px solid var(--as-line-dark);border-radius:999px;background:#0a172059;color:var(--as-on-dark-mute);transition:border-color .2s var(--as-ease)}.as-psearch:focus-within{border-color:var(--as-sky-light)}.as-psearch svg{width:1.5rem;height:1.5rem;flex:none}.as-psearch__in{flex:1 1 auto;min-width:0;height:4.2rem;padding:0;border:0;background:transparent;color:var(--as-white);font-family:var(--as-body);font-size:1.5rem;outline:none;box-shadow:none}.as-psearch__in{-webkit-appearance:none;appearance:none;border-radius:0}.as-psearch__in:focus,.as-psearch__in:focus-visible{outline:none;box-shadow:none}.as-psearch__in::-webkit-search-decoration,.as-psearch__in::-webkit-search-results-button,.as-psearch__in::-webkit-search-results-decoration{-webkit-appearance:none}.as-psearch:focus-within{box-shadow:0 0 0 3px #b9dcf029}.as-psearch__in::placeholder{color:var(--as-on-dark-mute);opacity:.8}.as-psearch__in::-webkit-search-cancel-button{filter:invert(1);opacity:.6}.as-opts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.as-opt{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.7rem;padding:.8rem 1.1rem;border:1px solid var(--as-line-dark);border-radius:999px;background:#0a172033;color:var(--as-on-dark);font-family:var(--as-body);font-size:1.35rem;font-weight:500;line-height:1.2;cursor:pointer;transition:color .2s var(--as-ease),border-color .2s var(--as-ease),background-color .2s var(--as-ease),opacity .2s var(--as-ease)}.as-opt[hidden]{display:none}.as-opt:hover:not([disabled]){border-color:#eaf3f873}.as-opt__n{font-family:var(--as-mono);font-size:1.1rem;color:var(--as-on-dark-mute)}.as-opt[aria-pressed=true]{background:var(--as-sky-light);border-color:var(--as-sky-light);color:var(--as-ink);font-weight:600}.as-opt[aria-pressed=true] .as-opt__n{color:var(--as-on-light-mute)}.as-opt[aria-pressed=true] .as-chip__check{opacity:1;background:var(--as-ink);border-color:var(--as-ink);color:var(--as-sky-light)}.as-opt[aria-pressed=true] .as-chip__check svg{opacity:1}.as-opt[disabled]{opacity:.32;cursor:default}.as-acc{display:inline-flex;padding:.3rem;border:1px solid var(--as-line-dark);border-radius:999px;background:#0a172059}.as-acc__b{-webkit-appearance:none;appearance:none;padding:.6rem 1.3rem;border:0;border-radius:999px;background:transparent;color:var(--as-on-dark-mute);font-family:var(--as-body);font-size:1.25rem;font-weight:600;cursor:pointer;transition:background-color .2s var(--as-ease),color .2s var(--as-ease)}.as-acc__b[aria-pressed=true]{background:#eaf3f81f;color:var(--as-white)}.as-keys{display:grid;gap:.6rem;margin-top:1.4rem}.as-keys__row{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:.6rem}.as-note{-webkit-appearance:none;appearance:none;grid-column:span 2;height:4.6rem;padding:0;border:1px solid var(--as-line-dark);border-radius:1.1rem;background:#eaf3f80f;color:var(--as-on-dark);font-family:var(--as-body);font-size:1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s var(--as-ease),border-color .2s var(--as-ease),color .2s var(--as-ease),opacity .2s var(--as-ease)}.as-note--acc{height:4rem;background:#040c128c;font-size:1.35rem}.as-note--1{grid-column:2 / span 2}.as-note--3{grid-column:4 / span 2}.as-note--6{grid-column:8 / span 2}.as-note--8{grid-column:10 / span 2}.as-note--10{grid-column:12 / span 2}.as-note:hover:not([disabled]){border-color:#eaf3f873}.as-note[aria-pressed=true]{background:var(--as-sky-light);border-color:var(--as-sky-light);color:var(--as-ink)}.as-note[disabled]{opacity:.28;cursor:default}.as-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.as-mode{-webkit-appearance:none;appearance:none;height:4.6rem;border:1px solid var(--as-line-dark);border-radius:1.1rem;background:#eaf3f80f;color:var(--as-on-dark);font-family:var(--as-body);font-size:1.45rem;font-weight:600;cursor:pointer;transition:background-color .2s var(--as-ease),border-color .2s var(--as-ease),color .2s var(--as-ease),opacity .2s var(--as-ease)}.as-mode:hover:not([disabled]){border-color:#eaf3f873}.as-mode[aria-pressed=true]{background:var(--as-sky-light);border-color:var(--as-sky-light);color:var(--as-ink)}.as-mode[disabled]{opacity:.28;cursor:default}.as-opts--odd{margin-top:1.2rem}.as-bpm__read{margin:.4rem 0 0;font-family:var(--as-display);font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--as-white);font-variant-numeric:tabular-nums}.as-bpm__read small{font-family:var(--as-mono);font-size:1.2rem;font-weight:500;letter-spacing:.08em;color:var(--as-on-dark-mute)}.as-hist{display:flex;align-items:flex-end;gap:2px;height:6rem;margin:2rem 1.2rem 0}.as-hist__b{flex:1 1 0;min-width:0;border-radius:2px 2px 0 0;background:#eaf3f824;transition:background-color .2s var(--as-ease)}.as-hist__b.is-in{background:var(--as-sky)}.as-range{--_thumb: 2.4rem;position:relative;height:3.2rem;margin-top:.4rem}.as-range__track,.as-range__fill{position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:2px;pointer-events:none}.as-range__track{left:calc(var(--_thumb) / 2);right:calc(var(--_thumb) / 2);background:#eaf3f829}.as-range__fill{left:calc(var(--_thumb) / 2 + var(--lo) * (100% - var(--_thumb)));right:calc(var(--_thumb) / 2 + (1 - var(--hi)) * (100% - var(--_thumb)));background:var(--as-sky-light)}.as-range__in{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;outline:none}.as-range__in::-webkit-slider-runnable-track{height:100%;background:none;border:0}.as-range__in::-moz-range-track{background:none;border:0}.as-range__in::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:var(--_thumb);height:var(--_thumb);margin-top:calc((3.2rem - var(--_thumb)) / 2);border:3px solid var(--as-sky-light);border-radius:50%;background:var(--as-white);box-shadow:0 4px 12px -2px #02080c99;cursor:grab;transition:transform .15s var(--as-ease)}.as-range__in::-moz-range-thumb{pointer-events:auto;width:calc(var(--_thumb) - 6px);height:calc(var(--_thumb) - 6px);border:3px solid var(--as-sky-light);border-radius:50%;background:var(--as-white);box-shadow:0 4px 12px -2px #02080c99;cursor:grab}.as-range__in:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}.as-range__in:focus-visible::-webkit-slider-thumb{outline:2px solid var(--as-white);outline-offset:3px}.as-range__in:focus-visible::-moz-range-thumb{outline:2px solid var(--as-white);outline-offset:3px}.as-range__ends{display:flex;justify-content:space-between;margin:.4rem .4rem 0;font-family:var(--as-mono);font-size:1.15rem;color:var(--as-on-dark-mute)}.as-fbtn:focus-visible,.as-apill:focus-visible,.as-opt:focus-visible,.as-note:focus-visible,.as-mode:focus-visible,.as-acc__b:focus-visible,.as-pop__x:focus-visible,.as-pop__clear:focus-visible,.as-pop .as-btn:focus-visible{outline:2px solid var(--as-sky-light);outline-offset:2px}.as-pop-backdrop,.as-pop-backdrop:empty{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10045;background:#040c128c;opacity:0;transition:opacity .25s var(--as-ease)}.as-pop-backdrop.is-on{opacity:1}body:has(.as-pop--sheet.is-on) shopify-forms-embed{visibility:hidden}.as-pop.as-pop--sheet{--_pad: 2rem;position:fixed;top:auto;left:0!important;right:0;bottom:0;z-index:10050;width:100%;max-height:86vh;max-height:86dvh;border-radius:2.2rem 2.2rem 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(100%);opacity:1;transition:transform .32s var(--as-ease-out)}.as-pop.as-pop--sheet.is-on{transform:none}.as-pop.as-pop--sheet:before{content:"";position:absolute;top:.8rem;left:50%;width:4rem;height:4px;margin-left:-2rem;border-radius:2px;background:#eaf3f840}.as-pop--sheet .as-pop__head{padding-top:2rem}.as-pop--sheet .as-pop__done{flex:1 1 auto}@media screen and (max-width:749px){.as-fbar{gap:1.2rem}.as-fbar__btns{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.as-fbtn{justify-content:space-between;min-width:0;padding:1.1rem 1.3rem 1.1rem 1.6rem}.as-fbtn__label{margin-right:auto}.as-fbtn__val{max-width:none;min-width:0;flex:0 1 auto}.as-note{height:4.8rem}}@media(prefers-reduced-motion:reduce){.as-pop,.as-pop.as-pop--sheet,.as-pop-backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/asterio-catalog.css.map */