:root{--wheel-size:282px;--wheel-radius:calc(var(--wheel-size)/2);--swatch-border-color:hsla(0,0%,49.4%,0.25098039215686274)}.color-picker{display:block;position:relative}.header__menu .color-picker,.no-touch .color-picker{width:var(--wheel-size);height:var(--wheel-size)}.header__collection .color-picker,.product__colors .color-picker{margin:0 auto}.color-picker__wheel{display:flex;flex-wrap:wrap;position:relative;padding:0;margin:0}.header__menu .color-picker__wheel,.no-touch .color-picker__wheel{display:block;width:var(--wheel-size);height:var(--wheel-size);border-radius:50%;overflow:hidden;box-sizing:border-box;--wheel-radius:calc(var(--wheel-size)/2)}.color-picker__swatch{position:relative;width:2rem;height:2rem;list-style:none;cursor:pointer;border:.0625rem solid transparent;border-radius:50%}.header__menu .color-picker__swatch,.no-touch .color-picker__swatch{--swatch-angle:0;--swatch-rotation:calc(var(--swatch-angle)*1deg);width:50%;height:50%;position:absolute;top:0;right:0;transform-origin:0 100%;border:none;border-radius:0}.color-picker__swatch:hover{border:.0625rem solid var(--color-black)}.header__menu .color-picker__swatch:hover,.no-touch .color-picker__swatch:hover{z-index:5;border:none}.color-picker__swatch-border:hover{border-bottom:1px solid var(--swatch-border-color)!important;border-left:.5px solid var(--swatch-border-color)!important}.color-picker__swatch[data-product-color-code="#ffffff"] a{box-shadow:inset 0 0 1px 0 #111}.color-picker__swatch--current{border:.0625rem solid var(--color-black)}.header__menu .color-picker__swatch--current,.no-touch .color-picker__swatch--current{z-index:5;border:none}.color-picker__swatch--current-border{border-bottom:1px solid var(--swatch-border-color)!important;border-left:.5px solid var(--swatch-border-color)!important}.color-picker__swatch a{display:block;position:absolute;top:.1875rem;right:.1875rem;bottom:.1875rem;left:.1875rem;border-radius:50%;overflow:hidden}.header__menu .color-picker__swatch a,.no-touch .color-picker__swatch a{top:0;right:0;bottom:0;left:0;max-width:none;max-height:none;border-radius:0;overflow:visible;box-shadow:none}.color-picker__swatch a:before{transform:scale(3.5)}.color-picker__inner1,.color-picker__inner2,.color-picker__inner3{display:none;position:absolute;border-radius:50%}.header__menu .color-picker__inner1,.header__menu .color-picker__inner2,.header__menu .color-picker__inner3,.no-touch .color-picker__inner1,.no-touch .color-picker__inner2,.no-touch .color-picker__inner3{display:block}.color-picker__inner1{width:60%;height:60%;z-index:2;box-shadow:0 0 10px -6px rgba(0,0,0,.75)}.color-picker__inner1,.color-picker__inner2{top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-white)}.color-picker__inner2{width:calc(60% - .625rem);height:calc(60% - .625rem);z-index:5}.color-picker__inner3{top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem;z-index:2;border:.6875rem solid var(--color-white);box-sizing:border-box;pointer-events:none}.header .color-picker__inner3{border-color:var(--color-brand-accent)}.header__menu .color-picker__summary,.no-touch .color-picker__summary{font-size:.9375rem;position:absolute;width:60%;height:60%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6}.color-picker__summary-title{line-height:1.375rem}.header__menu .color-picker__summary-title,.no-touch .color-picker__summary-title{text-align:center;text-transform:uppercase}.color-picker__summary-title--active,.header__menu .color-picker__summary-title,.no-touch .color-picker__summary-title{font-family:var(--font-demibold-family);font-weight:var(--font-demibold-weight);font-style:var(--font-demibold-style)}