.atg-ratio-2-3{aspect-ratio:2 / 3}.atg-loadout{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,5rem);align-items:start}@media(min-width:900px){.atg-loadout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.atg-loadout__side{position:sticky;top:calc(var(--atg-bar-h) + 1.5rem)}}.atg-loadout__figure{position:relative;margin:0}.atg-loadout__figure>.atg-media{border-radius:var(--atg-radius)}.atg-loadout__spot{position:absolute;z-index:2;transform:translate(-50%,-50%);display:block}.atg-loadout__dot{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;font-size:var(--atg-text-label);font-weight:600;color:#0a0a0a;background-color:#fff;box-shadow:0 0 0 4px #ffffff4d;transition:transform var(--atg-dur-fast) var(--atg-ease),background-color var(--atg-dur-fast) var(--atg-ease)}.atg-loadout__tip{position:absolute;left:calc(100% + .6rem);top:50%;display:grid;gap:.2rem;width:max-content;max-width:14rem;padding:.65rem .85rem;border-radius:var(--atg-radius-sm);background-color:#fff;color:#0a0a0a;opacity:0;pointer-events:none;transform:translate(-.3rem,-50%);transition:opacity var(--atg-dur-fast) var(--atg-ease),transform var(--atg-dur-fast) var(--atg-ease)}.atg-loadout__tip-name{font-size:var(--atg-text-sm);line-height:1.35}.atg-loadout__spot--flip .atg-loadout__tip{left:auto;right:calc(100% + .6rem);transform:translate(.3rem,-50%)}.atg-loadout__spot:hover .atg-loadout__tip,.atg-loadout__spot:focus-visible .atg-loadout__tip,.atg-loadout__spot.is-active .atg-loadout__tip{opacity:1;transform:translateY(-50%)}.atg-loadout__spot:hover .atg-loadout__dot,.atg-loadout__spot.is-active .atg-loadout__dot{transform:scale(1.12);color:#fff;background-color:var(--atg-crimson)}.atg-loadout.has-active .atg-loadout__spot:not(.is-active) .atg-loadout__dot,.has-active .atg-loadout__spot:not(.is-active) .atg-loadout__dot{opacity:.45}.atg-loadout__list{border-top:1px solid var(--atg-hairline-strong)}.atg-loadout__row{display:grid;grid-template-columns:2.25rem 4.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--atg-hairline);transition:background-color var(--atg-dur-fast) var(--atg-ease)}.atg-loadout__row:hover,.atg-loadout__row.is-active{background-color:var(--atg-bg-2)}.atg-loadout__num{font-family:var(--atg-font-mono);font-size:var(--atg-text-label);color:var(--atg-muted-dim)}.atg-loadout__row.is-active .atg-loadout__num{color:var(--atg-ink)}.atg-loadout__thumb .atg-media{background-color:var(--atg-tile);border-radius:var(--atg-radius-sm)}.atg-loadout__thumb .atg-media>img{object-fit:contain}.atg-loadout__meta{display:grid;gap:.25rem;min-width:0}.atg-loadout__label{color:var(--atg-muted-dim)}.atg-loadout__name{font-size:clamp(.9375rem,1.2vw,1.0625rem);line-height:1.35;color:var(--atg-ink)}.atg-loadout__form{margin-top:clamp(1.5rem,3vw,2.25rem)}.atg-loadout__all{cursor:pointer}.atg-loadout__all:hover{background-size:100% 1px,100% 1px}.atg-loadout__all:hover .atg-arrow{transform:translate(.18em,-.18em)}@media(max-width:599px){.atg-loadout__row{grid-template-columns:1.75rem 3.5rem minmax(0,1fr)}.atg-loadout__price{grid-column:3}.atg-loadout__tip{display:none}}.atg-loadout-sec--codename .atg-loadout__heading{font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}@media(min-width:900px){.atg-loadout-sec--flip .atg-loadout__figure{order:2}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/atg-loadout.css.map */