@media(min-width:721px){.template-collection .aa-color-filter-full>.aa-filter-panel{width:320px!important;max-height:none!important;padding:18px 18px 20px!important;overflow:visible!important}.template-collection .aa-color-filter-full .aa-color-family-grid{display:grid!important;grid-template-columns:repeat(5,42px)!important;gap:12px 11px!important;align-items:center!important;justify-content:start!important}.template-collection .aa-color-filter-full .aa-color-family-choice{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:4px!important;margin:0!important;display:grid!important;place-items:center!important;border:2px solid transparent!important;border-radius:0!important;background:transparent!important;cursor:pointer!important}.template-collection .aa-color-filter-full .aa-color-family-choice:hover{border-color:#bcb8b0!important}.template-collection .aa-color-filter-full .aa-color-family-choice.is-active,.template-collection .aa-color-filter-full .aa-color-family-choice:has(input:checked){border-color:#111!important}.template-collection .aa-color-filter-full .aa-color-family-choice input{position:absolute!important;opacity:0!important;pointer-events:none!important}.template-collection .aa-color-filter-full .aa-color-family-choice .aa-filter-swatch{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;border-radius:0!important;border:1px solid rgba(17,17,17,.16)!important;background:var(--filter-swatch,#d6d1c7)!important;box-shadow:none!important;transform:none!important;transition:none!important}.template-collection .aa-color-filter-full .aa-color-family-choice:hover .aa-filter-swatch{transform:none!important}}.template-collection .aa-active-color-chips{min-height:70px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;padding:14px 24px!important;background:#fff!important;border-bottom:1px solid #eeeae4!important}.template-collection .aa-active-color-chip{min-width:78px!important;height:36px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;background:#050505!important;color:#fff!important;text-decoration:none!important;font-family:DM Sans,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important;line-height:1!important;border:0!important;border-radius:0!important}.template-collection .aa-active-color-chip svg{width:13px!important;height:13px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:square!important}.template-collection .aa-active-color-chip:hover{background:#242424!important}@media(max-width:720px){.template-collection .aa-color-filter-full .aa-color-family-grid{display:grid!important;grid-template-columns:repeat(5,42px)!important;gap:12px 9px!important;align-items:center!important;justify-content:start!important;padding:16px 12px 20px!important}.template-collection .aa-color-filter-full .aa-color-family-choice{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:4px!important;margin:0!important;display:grid!important;place-items:center!important;border:2px solid transparent!important;border-radius:0!important}.template-collection .aa-color-filter-full .aa-color-family-choice.is-active,.template-collection .aa-color-filter-full .aa-color-family-choice:has(input:checked){border-color:#111!important}.template-collection .aa-color-filter-full .aa-color-family-choice .aa-filter-swatch{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;border-radius:0!important;border:1px solid rgba(17,17,17,.16)!important;background:var(--filter-swatch,#d6d1c7)!important;box-shadow:none!important}.template-collection .aa-active-color-chips{min-height:58px!important;justify-content:flex-start!important;gap:10px!important;padding:11px 14px!important;overflow-x:auto!important;scrollbar-width:none!important}.template-collection .aa-active-color-chips::-webkit-scrollbar{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/website4-v113208-color-chips-clean-url.css.map */