.cts{--cts-ink: #1e1e1e;--cts-muted: #7a776f;--cts-line: #e4e0d8;--cts-soft: rgba(30, 30, 30, .06);--cts-save: #1f5a4f;display:block;border:1px solid var(--cts-line);border-radius:4px;padding:1.1rem 1.4rem;margin:0 0 1.5rem;background:#fff;transition:border-color .25s ease,background .25s ease}.cts.is-active{border-color:var(--cts-ink);background:var(--cts-soft)}.cts__top{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem 1.2rem;margin-bottom:.85rem}.cts__head{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#6a675f;margin:0;flex:1 1 auto;min-width:0}.cts.is-active .cts__head{color:var(--cts-ink)}.cts__demo{font-size:1rem;font-weight:400;color:#999;text-transform:none;letter-spacing:0}.cts__row{display:flex;align-items:center;gap:.85rem 1.2rem;flex-wrap:nowrap;min-width:0}.cts__switch{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 auto}.cts__switch input{position:absolute;opacity:0;width:0;height:0}.cts__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d8d5cd;border-radius:999px;transition:background .35s ease}.cts__slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .35s ease}.cts__switch input:checked+.cts__slider{background:var(--cts-ink)}.cts__switch input:checked+.cts__slider:before{transform:translate(20px)}.cts__switch input:focus-visible+.cts__slider{outline:2px solid var(--cts-ink);outline-offset:2px}.cts__label{font-size:1.4rem;font-weight:600;line-height:1.3;flex:1 1 auto;min-width:0;color:#6a675f}.cts__price{font-size:1.3rem;white-space:nowrap;flex:0 0 auto;margin:0;line-height:1.2}.cts__addon{color:var(--cts-save);font-weight:700}.cts__value{color:var(--cts-muted)}.cts__sizes{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:0;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transform:translateY(-6px);transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin-top .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}.cts__sizes.is-open{max-height:240px;opacity:1;visibility:visible;margin-top:1.4rem;transform:none;transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .4s ease .05s,margin-top .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),visibility 0s}.cts__size{font-size:1.3rem;padding:.8rem 1.6rem;border:1px solid #cfc9be;border-radius:0;background:#fff;color:var(--cts-ink);cursor:pointer;transform:translateY(10px);transition:border-color .15s ease,background .15s ease,color .15s ease}.cts__sizes.is-open .cts__size{animation:cts-pill .5s cubic-bezier(.22,1,.36,1) both}.cts__sizes.is-open .cts__size:nth-child(2){animation-delay:.07s}.cts__sizes.is-open .cts__size:nth-child(3){animation-delay:.14s}.cts__sizes.is-open .cts__size:nth-child(4){animation-delay:.21s}.cts__sizes.is-open .cts__size:nth-child(5){animation-delay:.28s}.cts__sizes.is-open .cts__size:nth-child(6){animation-delay:.35s}@keyframes cts-pill{0%{transform:translateY(10px)}to{transform:translateY(0)}}.cts__size:hover{border-color:var(--cts-ink)}.cts__size.is-selected{background:var(--cts-ink);border-color:var(--cts-ink);color:#fff;font-weight:600}.cts__size[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.cts--prompt .cts__sizes{animation:cts-nudge .5s ease}@keyframes cts-nudge{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@media(max-width:749px){.cts{padding:1rem 1.1rem;margin:0 0 1rem}.cts__head{font-size:1.1rem;letter-spacing:.14em}.cts__top{margin-bottom:.75rem;gap:.5rem}.cts__row{flex-wrap:nowrap;gap:.65rem}.cts__switch{width:36px;height:20px}.cts__slider:before{width:14px;height:14px;left:3px;top:3px}.cts__switch input:checked+.cts__slider:before{transform:translate(16px)}.cts__label{font-size:1.2rem}.cts__price{font-size:1.15rem}.cts__sizes.is-open{margin-top:.85rem}.cts__size{font-size:1.25rem;padding:.55rem 1.2rem}}@media(prefers-reduced-motion:reduce){.cts,.cts__head,.cts__slider,.cts__slider:before,.cts__sizes,.cts__size{transition:none!important;animation:none!important}.cts__size{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/component-complete-the-set.css.map */
