.o-pwa-color-swatch{display:inline-block;width:30px;height:30px;border:1px solid var(--swatch-outline);border-radius:50%;cursor:pointer}.o-pwa-color-swatch.s-pwa-color-swatch--square{border-radius:0}@media (min-width: 1025px){.o-pwa-color-swatch{width:20px;height:20px}}.o-pwa-color-swatch--small{width:15px;height:15px}.c-pwa-swatch__label{position:inherit;display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;margin-bottom:10px;border:1px solid transparent;border-radius:50%}.c-pwa-swatch__label.c-pwa-swatch--square{border-radius:0}.c-pwa-swatch__label.o-pwa-checkbox{position:relative}@media (min-width: 1025px){.c-pwa-swatch__label{width:26px;height:26px;margin-right:5px;margin-bottom:5px}}.c-pwa-swatch__label:hover{border:1px solid var(--radio-styled-border-hover);transition-duration:.1s;transition-property:border}.c-pwa-swatch__label.is-checked{border:1px solid var(--radio-styled-border-selected)}.c-pwa-swatch__label.is-oos{position:relative}.c-pwa-swatch__label.is-oos:after{content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;transform:rotate(-45deg);background:linear-gradient(90deg,var(--swatch-overlay) calc(50% - .7px),var(--swatch-slash) calc(50% - .7px),var(--swatch-slash) 50%,var(--swatch-slash) calc(50% + .7px),var(--swatch-overlay) calc(50% + .7px))}.c-pwa-swatch__label.is-oos:after .c-pwa-swatch--square{border-radius:0}.s-pwa-swatches-slider .c-pwa-swatch__label{margin:0}.c-pwa-swatch__input{position:absolute;opacity:0;cursor:pointer}.c-pwa-swatch__input+.o-pwa-checkbox__text{line-height:0;width:auto}.c-pwa-swatch__input:focus+.c-pwa-custom-radio__label{border:1px solid var(--radio-styled-border-hover);box-shadow:0 0 5px 2px var(--focus-ring)}.c-pwa-swatch__input:focus.has-pwa-mouse-click-focus-disabled+.c-pwa-custom-radio__label{box-shadow:none}.c-pwa-swatch__input:checked+.c-pwa-custom-radio__label{border:1px solid var(--radio-styled-border-selected)}.c-pwa-swatch__input:checked+.is-oos{border:1px solid var(--radio-styled-border-oos-selected)}.c-pwa-swatch__with-title{font:1.2rem/1.7 var(--font-body);letter-spacing:.03rem;color:var(--text-medium);display:flex;flex-direction:column;margin-bottom:10px;cursor:pointer}.c-pwa-swatch__with-title:hover,.c-pwa-swatch__with-title.is-checked{color:var(--control-hover)}.c-pwa-swatch__with-title-text{margin-left:5px}