.radio{display:inline-block;width:fit-content;position:relative;width:3.6rem;height:3.6rem;overflow:hidden}@media screen and (max-width: 749px){.radio--small{width:2.8rem;height:2.8rem}}.radio input{width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;cursor:pointer}.radio input:disabled{cursor:not-allowed}.pagination a,.pagination span,.radio label:not(.text),.radio span{background-color:var(--color-gray-light);font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border-radius:50%;transition:background-color .3s ease-in-out;padding-left:.1rem}.radio label:not(.text){pointer-events:none}.radio--strike label:not(.text),.radio--strike span{--strike: var(--color-gray-medium-rgb);color:rgb(var(--strike))!important;background-image:linear-gradient(to top left,rgba(var(--strike),0) 0% calc(50% - 1px),rgba(var(--strike),1) 50%,rgba(var(--strike),0) calc(50% + 1px) 100%)}.pagination span[aria-current],.radio input:not(:disabled):checked+label:not(.text){color:var(--color-white);background-color:var(--color-blue-dark);--strike: var(--color-white-rgb)}.radio input:disabled+label:not(.text){color:var(--color-gray-light)}.radio input:disabled+label:after{content:"";background-color:var(--color-gray-light);height:.2rem;width:4.5rem;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(-45deg)}.flex--col .facets__item .radio input:checked+label:not(.text){background-color:var(--color-gray-light);outline:.2rem solid var(--color-white);outline-offset:-.3rem}@media (hover: hover){.radio:hover input:not(:disabled)+label:not(.text){background-color:var(--color-gray-light);outline:.2rem solid var(--color-white);outline-offset:-.3rem}}.facet-checkbox{font-size:1rem;line-height:1;cursor:pointer}.facets__item .radio label:not(.text),.radio span{background-color:var(--color-white);border-color:var(--color-white)}.facets__item .radio label:not(.text),.facets__item .radio:hover input:not(:disabled):not(:checked)+label:not(.text),.radio span{color:var(--color-blue-dark)}.facets__item .radio:hover input:not(:disabled),.facets__item.facets__item--checked .radio label:not(.text){background-color:var(--color-blue-dark);border-color:var(--color-blue-dark);color:var(--color-white)}.checkbox.facet-checkbox input{border-color:var(--color-gray-medium)}.product__radios{line-height:1}
/*# sourceMappingURL=/cdn/shop/t/286/assets/radio.css.map */