.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:grid;grid-template-columns:repeat(2,auto);justify-content:start;width:max-content;gap:.22rem;margin:0 0 .5rem}.color-btn{--sw-size:16px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;border:1px solid var(--line);background:#141418e6;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);padding:.36rem .5rem .36rem .38rem;min-height:34px;transition:background .18s var(--ease),border-color .18s var(--ease)}.color-btn__dot{width:var(--sw-size);height:var(--sw-size);background:var(--swatch);box-shadow:0 0 0 1px #ffffff2e inset;flex:0 0 auto;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;border-color:#fff}.color-btn:focus-visible .color-btn__name{color:#fff}.color-btn:hover{background:#1e1e24f2;border-color:var(--muted-2)}.color-btn:hover .color-btn__name{color:#fff}.color-btn.is-active{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 13%,rgba(20,20,24,.92))}.color-btn.is-active .color-btn__name{color:#fff}.color-btn.is-out{opacity:.55}.color-btn.is-out .color-btn__dot{opacity:.5}.color-btn.is-out .color-btn__name{color:var(--muted-2);text-decoration:line-through}.lot--colors .lot__buy{background:none;padding-top:.7rem}.lot--colors .lot__size-block{margin:0 -.5rem -.6rem;padding:.5rem .5rem .6rem;background:linear-gradient(180deg,#08080a00,#08080adb 58%,#08080aed)}.lot--colors .lot__buy-label--step{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;margin:0 0 .3rem;font-family:Oswald,sans-serif;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.85),0 0 22px rgba(0,0,0,.6)}.lot--colors .lot__media img{padding:1% 5% 14%}.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{--sw-size:13px;min-height:30px;padding:.3rem .38rem .3rem .3rem;gap:.3rem}.color-btn__name{font-size:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/cr-colors.css.map */