.atg-shop__inner{padding-block:clamp(2.5rem,5vw,4.5rem) var(--atg-section)}.atg-shop__head{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.atg-shop__title{margin-top:.85rem}.atg-shop__desc{margin-top:.9rem;max-width:40rem}.atg-shop__desc>*+*{margin-top:.75em}.atg-shop__cats{grid-auto-columns:max-content;gap:.5rem;padding-bottom:.25rem}@media(max-width:749px){.atg-shop__cats{margin-inline:calc(var(--atg-gutter) * -1);padding-inline:var(--atg-gutter);scroll-padding-inline:var(--atg-gutter)}}.atg-shop__tools{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-top:clamp(1.25rem,2.4vw,1.75rem);padding-top:clamp(1.25rem,2.4vw,1.75rem);border-top:1px solid var(--atg-hairline)}.atg-shop__filters{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.atg-drop{position:relative}.atg-drop>summary{list-style:none;cursor:pointer;height:2.6rem;padding-inline:1.05rem;font-size:.875rem}.atg-drop>summary::-webkit-details-marker{display:none}.atg-drop>summary.is-active{box-shadow:inset 0 0 0 1.5px var(--atg-ink);background-color:var(--atg-bg)}.atg-drop[open]>summary{color:var(--atg-bg);background-color:var(--atg-ink);box-shadow:none}.atg-drop__chev{width:.6rem;height:.6rem;transition:transform var(--atg-dur-fast) var(--atg-ease)}.atg-drop[open] .atg-drop__chev{transform:rotate(180deg)}.atg-drop__n{display:inline-grid;place-items:center;min-width:1.2rem;height:1.2rem;padding-inline:.3rem;border-radius:var(--atg-radius-pill);font-size:.6875rem;font-weight:600;color:#fff;background-color:var(--atg-crimson)}.atg-drop__panel{position:absolute;top:calc(100% + .5rem);left:0;z-index:20;width:max-content;min-width:15rem;max-width:22rem;max-height:22rem;overflow-y:auto;padding:.5rem;border:1px solid var(--atg-hairline);border-radius:var(--atg-radius-sm);background-color:var(--atg-bg);box-shadow:0 18px 40px -18px #0a0a0a47}.atg-drop__list{display:grid}.atg-drop__opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .65rem;border-radius:.5rem;cursor:pointer;font-size:.9375rem;transition:background-color var(--atg-dur-fast) var(--atg-ease)}.atg-drop__opt:hover{background-color:var(--atg-tile)}.atg-drop__opt.is-empty{opacity:.4;cursor:default}.atg-drop__opt input{position:absolute;opacity:0;pointer-events:none}.atg-drop__box{width:1.05rem;height:1.05rem;border:1.5px solid var(--atg-hairline-strong);border-radius:.3rem;transition:background-color var(--atg-dur-fast) var(--atg-ease),border-color var(--atg-dur-fast) var(--atg-ease)}.atg-drop__opt input:checked+.atg-drop__box{border-color:var(--atg-ink);background:var(--atg-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center / .65rem}.atg-drop__opt input:focus-visible+.atg-drop__box{outline:2px solid var(--atg-crimson-bright);outline-offset:2px}.atg-drop__count{font-family:var(--atg-font-mono);font-size:var(--atg-text-label-sm);color:var(--atg-muted-dim)}.atg-drop__price{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.5rem}.atg-drop__price label{display:grid;gap:.35rem}.atg-drop__price input{width:100%;height:2.6rem;padding-inline:.85rem;border:1px solid var(--atg-hairline-strong);border-radius:var(--atg-radius-pill);background:var(--atg-bg);font-family:var(--atg-font-mono);font-size:var(--atg-text-sm)}.atg-drop__price input:focus{outline:none;border-color:var(--atg-ink)}.atg-shop__sort{flex:none}.atg-shop__select{height:2.6rem;padding:0 2.3rem 0 1.05rem;border:0;font-size:.875rem;-webkit-appearance:none;appearance:none;background:var(--atg-tile) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230A0A0A' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 1rem center / .6rem;cursor:pointer}.atg-shop__active{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem}.atg-shop__chip{height:2.3rem;padding-inline:.95rem;font-size:.8125rem}.atg-shop__chip span[aria-hidden]{font-size:1.05rem;line-height:1;color:var(--atg-muted)}.atg-shop__clear{margin-left:.4rem;font-size:.8125rem;color:var(--atg-muted);text-decoration:underline;text-underline-offset:.2em}.atg-shop__clear:hover{color:var(--atg-ink)}.atg-shop__results{margin-top:clamp(1.75rem,3.5vw,2.75rem);transition:opacity var(--atg-dur-fast) var(--atg-ease)}.atg-shop.is-loading .atg-shop__results{opacity:.45;pointer-events:none}.atg-shop__empty{display:grid;justify-items:center;gap:1.25rem;padding:clamp(3rem,8vw,6rem) 1rem;border-radius:var(--atg-radius);background-color:var(--atg-bg-2);text-align:center}.atg-shop__pages{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:clamp(2.5rem,5vw,4rem)}.atg-shop__pageno{display:flex;gap:.25rem}.atg-shop__page{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding-inline:.5rem;border-radius:var(--atg-radius-pill);font-family:var(--atg-font-mono);font-size:var(--atg-text-sm);color:var(--atg-muted)}a.atg-shop__page:hover{background-color:var(--atg-tile);color:var(--atg-ink)}.atg-shop__page.is-current{color:var(--atg-bg);background-color:var(--atg-ink)}.atg-shop__app{margin-top:2.5rem}@media(max-width:749px){.atg-shop__tools{flex-direction:column;align-items:stretch}.atg-shop__filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--atg-gutter) * -1);padding-inline:var(--atg-gutter)}.atg-shop__filters::-webkit-scrollbar{display:none}.atg-drop{position:static;flex:none}.atg-drop__panel{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:70;width:auto;max-width:none;max-height:70dvh;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom));border:0;border-radius:var(--atg-radius) var(--atg-radius) 0 0;box-shadow:0 -12px 40px -12px #0a0a0a59}.atg-shop__sort,.atg-shop__select{width:100%}}.atg-shop [hidden]{display:none!important}.atg-drop__hint{padding:.25rem .5rem .4rem;color:var(--atg-muted-dim)}.atg-shop__toggle{height:2.6rem;padding-inline:.9rem 1.05rem;gap:.55rem;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.atg-shop__toggle input{position:absolute;opacity:0;pointer-events:none}.atg-shop__switch{position:relative;width:1.75rem;height:1rem;border-radius:var(--atg-radius-pill);background-color:var(--atg-hairline-strong);transition:background-color var(--atg-dur-fast) var(--atg-ease)}.atg-shop__switch:after{content:"";position:absolute;top:.125rem;left:.125rem;width:.75rem;height:.75rem;border-radius:50%;background-color:#fff;transition:transform var(--atg-dur-fast) var(--atg-ease)}.atg-shop__toggle input:checked+.atg-shop__switch{background-color:var(--atg-crimson)}.atg-shop__toggle input:checked+.atg-shop__switch:after{transform:translate(.75rem)}.atg-shop__toggle input:focus-visible+.atg-shop__switch{outline:2px solid var(--atg-crimson-bright);outline-offset:2px}.atg-shop__toggle.is-active{box-shadow:inset 0 0 0 1.5px var(--atg-ink);background-color:var(--atg-bg)}.atg-shop__chip{gap:.5rem}button.atg-shop__clear{background:none;border:0;cursor:pointer;padding:0}.atg-shop__pages [data-atg-shown]{color:var(--atg-muted-dim)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/atg-shop.css.map */