.sdcs-mobile-wrap{position:relative}.sdcs-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;width:100%;max-width:80%;margin:4px 0 8px}.sdcs-swatch{position:relative;width:100%;padding-top:100%;border-radius:8px;cursor:pointer;border:2px solid #333;overflow:hidden;background-size:100%;background-position:center;background-repeat:no-repeat;background-color:#000;transition:border-color .2s ease,transform .25s ease,background-size .25s ease,box-shadow .25s ease}.sdcs-swatch:hover{border-color:#fff;transform:scale(2);z-index:100;background-size:130%;background-color:#000;box-shadow:0 8px 32px #000c}.sdcs-swatch.current{border-color:#4da3ff}.sdcs-fill{position:absolute;top:0;right:0;bottom:0;left:0}.sdcs-swatch.oos{filter:brightness(.6)}.sdcs-swatch.oos:hover{filter:brightness(.85)}.sdcs-oos-label{position:absolute;bottom:3px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.sdcs-oos-label span{font-size:8px;font-weight:700;color:#fffffff2;text-transform:uppercase;letter-spacing:.05em;background:#0009;border-radius:3px;padding:1px 4px}#sdcs-global-tooltip{position:fixed;background:#111;border:1px solid #444;color:#fff;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:99999;transform:translate(-50%)}#sdcs-global-tooltip.visible{opacity:1;visibility:visible}#sdcs-global-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#444}.sdcs-toggle-btn{display:none}@media(max-width:749px){.sdcs-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:100%}.sdcs-swatch:hover{transform:scale(1.3)}}@media(max-width:480px){.sdcs-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;max-width:100%}.sdcs-grid.collapsed{max-height:120px;overflow:hidden}.sdcs-grid.collapsed:after{content:"";position:absolute;bottom:36px;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none}.sdcs-toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:8px;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.sdcs-toggle-btn:hover{background:#1a1a1a}.sdcs-toggle-icon{font-size:10px;transition:transform .2s ease}.sdcs-toggle-btn.expanded .sdcs-toggle-icon{transform:rotate(180deg)}.sdcs-swatch:hover{transform:scale(1.15)}}@media(min-width:481px){.sdcs-grid.collapsed{max-height:none!important;overflow:visible!important}.sdcs-grid.collapsed:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sd-color-swatches.css.map */