.quick-nav{display:block;position:relative;z-index:1;align-self:center;width:325px;padding:40px 24px;border-radius:var(--overlay-border-radius, 0)}.quick-nav.panel{--text-color: var(--panel-text-color)}.quick-nav__heading{font-family:var(--body-font-family);font-weight:700}.quick-nav__submit[aria-disabled]{pointer-events:none;color:#9f9797}.quick-nav__btn{width:220px;text-align:start}.quick-nav__btn[aria-expanded=true]{border-color:rgba(var(--input-text-color) / .4)}.quick-nav__btn[disabled=disabled]{opacity:.4}.quick-nav__colour-swatch{display:inline-block;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid rgb(var(--text-color) / .15);margin-inline-end:calc(2 * var(--space-unit))}.quick-nav__img-thumb{width:40px;margin-inline-end:calc(3 * var(--space-unit))}.quick-nav__listbox{overflow-x:hidden;opacity:1}.quick-nav__listbox[aria-hidden=false]{visibility:visible!important}.quick-nav__default-option{display:none}finder-panel-select .quick-nav__btn{width:100%}.finder-panel-select__btn{display:flex;justify-content:space-between;align-items:flex-start;font-weight:700}.finder-panel-select__btn .icon{flex-shrink:0;width:36px;height:20px;margin-inline-start:auto;margin-inline-end:-5px;padding-inline-start:16px}.finder-panel-select__panel{position:absolute;z-index:100;top:0;right:calc(100% + 60px);width:580px;padding:calc(6 * var(--space-unit));border-radius:var(--overlay-border-radius, 0);box-shadow:0 8px 30px #00000026;background-color:#fff}.quick-nav.panel .finder-panel-select__panel{background-color:rgba(var(--panel-bg-color))}.quick-nav.color-scheme--1 .finder-panel-select__panel{background-color:rgba(var(--color-scheme-1-bg))}.quick-nav.color-scheme--2 .finder-panel-select__panel{background-color:rgba(var(--color-scheme-2-bg))}.quick-nav.color-scheme--3 .finder-panel-select__panel{background-color:rgba(var(--color-scheme-3-bg))}.quick-nav-colour-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(4 * var(--space-unit))}@media(min-width:769px){.quick-nav-colour-grid{grid-template-columns:repeat(4,1fr)}}.quick-nav-colour-item{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--space-unit));width:100%;background:none;border:none;cursor:pointer;padding:calc(2 * var(--space-unit));border-radius:var(--btn-border-radius, 0);color:rgb(var(--text-color))}.quick-nav-colour-item:hover,.quick-nav-colour-item.is-selected{background-color:rgb(var(--text-color) / .05)}.quick-nav-colour-swatch{display:block;width:60px;height:60px;border-radius:50%;border:1px solid rgb(var(--text-color) / .15);background-color:transparent}.quick-nav-colour-label{font-weight:700;font-size:.85em;text-align:center}.quick-nav-repair-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:calc(2 * var(--space-unit))}.quick-nav-repair-btn{display:inline-block;padding:calc(1.5 * var(--space-unit)) calc(3 * var(--space-unit));border:1px solid rgb(var(--text-color) / .3);border-radius:2px;font-size:.9em;color:rgb(var(--text-color));background:none;cursor:pointer;white-space:nowrap}.quick-nav-repair-btn:hover,.quick-nav-repair-btn.is-selected{border-color:rgb(var(--text-color));background-color:rgb(var(--text-color) / .05)}@media(max-width:768px){.quick-nav-repair-list li,.quick-nav-repair-btn{width:100%}}@media(min-width:769px){.quick-nav-container{align-items:center;justify-content:space-between;gap:calc(8 * var(--space-unit))}}@media(max-width:768px){.finder-panel-select__panel{right:auto;left:-5px;top:4px;width:100%;padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/quick-nav.css.map */