.cp-hidden{display:none!important}.cascade-picker{display:flex;flex-direction:column;gap:22px;font-family:inherit}.cp-group{display:flex;flex-direction:column;gap:10px}.cp-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-foreground, #1a1a1a);display:flex;align-items:baseline;gap:8px}.cp-selected-val{font-weight:500;text-transform:none;letter-spacing:0;font-size:13px;color:#666}.cp-type-row{display:flex;flex-wrap:wrap;gap:8px}.cp-type-btn{padding:10px 20px;border:1.5px solid rgba(0,0,0,.15);border-radius:8px;background:#fff;color:#1a1a1a;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.4,0,.2,1);line-height:1}.cp-type-btn:hover{border-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.cp-type-btn.cp-active{border-color:#1a1a1a;background:#1a1a1a;color:#fff;box-shadow:0 2px 10px #00000026}.cp-size-row{display:flex;flex-wrap:wrap;gap:8px}.cp-size-btn{min-width:54px;padding:10px 14px;border:1.5px solid rgba(0,0,0,.15);border-radius:8px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;text-align:center;line-height:1;transition:all .18s cubic-bezier(.4,0,.2,1)}.cp-size-btn:hover{border-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.cp-size-btn.cp-active{border-color:#1a1a1a;background:#1a1a1a;color:#fff;box-shadow:0 2px 10px #00000026}.cp-size-btn.cp-soldout{opacity:.4;cursor:not-allowed;text-decoration:line-through}.cp-swatch-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px;padding:18px;background:linear-gradient(180deg,#fafafa,#f5f5f5);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:inset 0 1px #fff9,0 1px 2px #0000000a;position:relative}.cp-swatch-row:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);pointer-events:none}.cp-swatch{position:relative;width:36px;height:36px;justify-self:center;border-radius:50%;background:var(--sw-bg, #ccc);border:2px solid #fff;box-shadow:0 0 0 1px #0000001f,0 1px 3px #00000014;outline:2.5px solid transparent;outline-offset:3px;padding:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:visible}.cp-swatch:hover{transform:scale(1.15) translateY(-1px);box-shadow:0 0 0 1px #0003,0 4px 12px #00000026}.cp-swatch.cp-active{transform:scale(1.12);outline-color:#1a1a1a;box-shadow:0 0 0 1px #0003,0 3px 10px #0000002e}.cp-swatch-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;padding:5px 9px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:10;letter-spacing:0;text-transform:none}.cp-swatch-tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:#1a1a1a}.cp-swatch:hover .cp-swatch-tip{opacity:1}@media(max-width:480px){.cp-type-btn{padding:9px 16px;font-size:13px}.cp-size-btn{min-width:48px;padding:9px 12px;font-size:12px}.cp-swatch-row{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:14px}.cp-swatch{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/smart-cascade.css.map */