.aq-color-nav{box-sizing:border-box;width:100%;margin:16px 0;padding:13px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);background:transparent}.aq-color-nav *,.aq-color-nav *:before,.aq-color-nav *:after{box-sizing:border-box}.aq-color-nav [hidden]{display:none!important}.aq-color-nav__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,230px);gap:12px 22px;align-items:start;margin-bottom:11px}.aq-color-nav__selected,.aq-color-nav__family-picker{display:grid;grid-template-rows:13px auto;align-items:start;row-gap:5px}.aq-color-nav__family-picker{justify-self:end;width:100%;max-width:230px}.aq-color-nav__selected-label,.aq-color-nav__family-label{display:block;margin:0;font-size:10px;line-height:1.15;letter-spacing:.09em;text-transform:uppercase;color:#00000080}.aq-color-nav__title{margin:0;font-family:inherit;font-size:16px;line-height:1.18;font-weight:500;color:#1f1f1f}.aq-color-nav__family-select{appearance:none;-webkit-appearance:none;width:100%;min-height:34px;padding:7px 32px 7px 10px;border:1px solid rgba(0,0,0,.2);background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#333333 50%),linear-gradient(135deg,#333333 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;font-size:13px;line-height:1.2;color:#1f1f1f;border-radius:0;cursor:pointer}.aq-color-nav__family-select:focus{outline:2px solid rgba(0,0,0,.12);outline-offset:2px;border-color:#0006}.aq-color-nav__meta{display:none}.aq-color-nav__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:11px 8px;align-items:start}.aq-color-nav__swatch{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-decoration:none;color:inherit}.aq-color-nav__dot{position:relative;overflow:hidden;width:39px;height:39px;border-radius:999px;display:block;flex:0 0 auto;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px #ffffff47,0 1px 2px #0000000f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.aq-color-nav__swatch:hover .aq-color-nav__dot{transform:translateY(-1px);border-color:#00000057;box-shadow:inset 0 0 0 1px #ffffff47,0 3px 8px #0000001f}.aq-color-nav__swatch.is-active .aq-color-nav__dot{transform:scale(1.04);border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #111,0 3px 8px #00000024}.aq-color-nav__name{display:block;width:100%;font-size:10px;line-height:1.15;text-align:center;color:#000000ad;white-space:normal;overflow:visible;text-overflow:initial;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.aq-color-nav__swatch.is-active .aq-color-nav__name{font-weight:600;color:#000}.aq-color-nav__swatch.is-size-unavailable .aq-color-nav__dot{opacity:.3}.aq-color-nav__swatch.is-size-unavailable .aq-color-nav__dot:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1.5px;background:#000000ad;transform:rotate(-38deg);transform-origin:center}.aq-color-nav__swatch.is-size-unavailable .aq-color-nav__name{opacity:.46}@media screen and (max-width:989px){.aq-color-nav{margin:14px 0;padding:12px 0 11px}.aq-color-nav__top{display:grid;grid-template-columns:1fr;gap:7px;align-items:start;margin-bottom:10px}.aq-color-nav__selected{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto;align-items:baseline;column-gap:8px;row-gap:0}.aq-color-nav__selected-label{margin:0;font-size:9px;line-height:1.1;letter-spacing:.055em;white-space:nowrap}.aq-color-nav__title{margin:0;font-size:15px;line-height:1.15;min-width:0}.aq-color-nav__family-picker{display:grid;grid-template-columns:max-content minmax(150px,1fr);grid-template-rows:auto;align-items:center;column-gap:9px;row-gap:0;justify-self:start;max-width:none;width:100%}.aq-color-nav__family-label{margin:0;font-size:9px;line-height:1.1;letter-spacing:.055em;white-space:nowrap}.aq-color-nav__family-select{min-width:0;min-height:34px;padding:6px 28px 6px 8px;font-size:12.5px;line-height:1.15;background-position:calc(100% - 17px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px)}.aq-color-nav__swatches{grid-template-columns:repeat(auto-fill,minmax(41px,1fr));gap:9px 6px}.aq-color-nav__dot{width:34px;height:34px}.aq-color-nav__name{display:none}}@media screen and (max-width:459px){.aq-color-nav__selected{grid-template-columns:max-content minmax(0,1fr)}.aq-color-nav__family-picker{grid-template-columns:max-content minmax(135px,1fr);column-gap:7px}.aq-color-nav__selected-label,.aq-color-nav__family-label{font-size:8.5px;letter-spacing:.045em}.aq-color-nav__title{font-size:14.5px}.aq-color-nav__family-select{min-height:32px;font-size:12px;padding-top:5px;padding-bottom:5px}}@media screen and (max-width:359px){.aq-color-nav__selected{grid-template-columns:1fr;row-gap:2px}.aq-color-nav__family-picker{grid-template-columns:1fr;row-gap:5px}.aq-color-nav__family-label{white-space:normal}}@media screen and (min-width:990px){.aq-color-nav{margin:14px 0;padding:12px 0}.aq-color-nav__top{grid-template-columns:minmax(0,1fr) minmax(180px,220px);gap:10px 20px;align-items:start;margin-bottom:10px}.aq-color-nav__selected,.aq-color-nav__family-picker{display:grid;grid-template-rows:auto auto;row-gap:3px;align-items:start;margin:0;padding:0}.aq-color-nav__selected-label,.aq-color-nav__family-label{margin:0;padding:0;font-size:9.5px;line-height:1;letter-spacing:.075em}.aq-color-nav__title{margin:0;padding:0;font-size:15.5px;line-height:32px}.aq-color-nav__family-picker{justify-self:end;width:100%;max-width:220px}.aq-color-nav__family-select{display:block;width:100%;height:32px;min-height:0;max-height:32px;margin:0;padding:0 30px 0 10px;border:1px solid rgba(0,0,0,.2);font-size:12.5px;line-height:32px;background-position:calc(100% - 17px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:5px 5px,5px 5px}.aq-color-nav__swatches{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:10px 8px}.aq-color-nav__dot{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/aq-color-navigator.css.map */