.lot--colors .lot__buy-label--step{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-family:Oswald,sans-serif;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.lot--colors .step-no{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;flex:0 0 13px;border:1px solid var(--ink);color:var(--ink);font-size:.54rem;line-height:1;letter-spacing:0}.lot--colors [data-size-prompt]{transition:color .18s var(--ease)}.lot--colors.just-picked [data-size-prompt]{color:var(--ink)}.color-row{display:flex;gap:.1rem;margin:0 0 .6rem;flex-wrap:wrap}.color-btn{--sw-size:26px;position:relative;display:flex;flex-direction:column;align-items:center;gap:.22rem;background:none;border:0;cursor:pointer;padding:3px 9px;min-height:38px}.color-btn__dot{width:var(--sw-size);height:var(--sw-size);background:var(--swatch);clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);box-shadow:0 0 0 1px #ffffff24 inset;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.color-btn__name{font-family:Oswald,sans-serif;font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);transition:color .16s var(--ease)}.color-btn:focus-visible{outline:none}.color-btn:focus-visible .color-btn__dot{box-shadow:0 0 0 1px #000000e6 inset,0 0 0 2px #fff}.color-btn:focus-visible .color-btn__name{color:#fff}.color-btn:hover .color-btn__dot{transform:translateY(-1px)}.color-btn:hover .color-btn__name{color:#fff}.color-btn.is-active .color-btn__dot{box-shadow:0 0 0 1px #000000e6 inset,0 0 0 2px var(--swatch)}.color-btn.is-active .color-btn__name{color:#fff}.color-btn.is-out .color-btn__dot{opacity:.4}.color-btn.is-out .color-btn__name{color:var(--muted-2);text-decoration:line-through}.size-stack [hidden]{display:none!important}@keyframes as-handoff{0%{box-shadow:0 0 color-mix(in srgb,var(--ink) 55%,transparent)}to{box-shadow:0 0 0 7px transparent}}.lot--colors.just-picked .size-row:not([hidden]){animation:as-handoff .5s var(--ease) 1}@media(prefers-reduced-motion:reduce){.lot--colors.just-picked .size-row:not([hidden]){animation:none}.color-btn__dot{transition:none}}.lot__colors-tag{display:inline-block;margin-left:.4rem;padding:.1rem .3rem;border:1px solid var(--ink);font-family:Oswald,sans-serif;font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);vertical-align:middle;white-space:nowrap}.lot--colors .lot__title{flex-wrap:wrap}.lot--colors .lot__colors-tag{flex:0 0 auto}@media(max-width:360px){.color-btn__name{display:none}.color-btn{--sw-size:24px;min-height:30px}.color-row{gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/antisocial-colors.css.map */