.oa-color-picker{position:relative;width:100%;max-width:38rem}.oa-color-picker__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.oa-color-picker__menu{position:relative;width:100%}.oa-color-picker__menu>summary{cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:1.3rem 1.5rem;border:1px solid rgba(var(--color-foreground),.45);border-radius:var(--inputs-radius, 4px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));list-style:none;min-height:4.7rem}.oa-color-picker__menu>summary::-webkit-details-marker{display:none}.oa-color-picker__menu>summary:after{content:"\2304";margin-left:auto;font-size:1.5rem;line-height:1}.oa-color-picker__menu[open]>summary:after{content:"\2303"}.oa-color-picker__menu>summary:focus-visible,.oa-color-picker__choice:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.oa-color-picker__list{position:absolute;z-index:35;left:0;right:0;top:calc(100% + 3px);max-height:28rem;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.35);border-radius:5px;box-shadow:0 10px 18px #00000024;padding:.35rem}.oa-color-picker__choice{display:flex;align-items:center;gap:.9rem;width:100%;min-height:4rem;padding:.8rem 1rem;color:rgb(var(--color-foreground));font:inherit;font-size:1.35rem;background:transparent;border:0;text-align:left;cursor:pointer}.oa-color-picker__choice:hover,.oa-color-picker__choice[aria-pressed=true]{background:rgba(var(--color-foreground),.09)}.oa-color-picker__choice[aria-pressed=true]:after{content:"\2713";margin-left:auto}.oa-color-dot{display:inline-block;width:1.9rem;height:1.9rem;border-radius:50%;flex:0 0 auto;background:var(--oa-color, #9b9b9b);border:1px solid rgba(0,0,0,.28);box-shadow:inset 0 0 0 .5px #fff6}.oa-color-picker__note{font-size:1.1rem;color:rgba(var(--color-foreground),.7);margin-top:.6rem}@media(max-width:749px){.oa-color-picker__list{max-height:24rem}.oa-color-picker__choice{min-height:4.4rem}}.product-form__input--pill input[type=radio]+label.oa-color-pill{display:inline-flex;align-items:center;justify-content:center;gap:.95rem;vertical-align:middle}.product-form__input--pill input[type=radio]+label.oa-color-pill>.oa-color-dot{display:block;flex:0 0 1.7rem;width:1.7rem;height:1.7rem}.product-form__input--pill input[type=radio]+label.oa-color-pill>span:not(.oa-color-dot):not(.label-unavailable){display:block;line-height:1.25;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/11/assets/oa-color-picker.css.map */