.f-checkbox__visual{width:var(--size);height:var(--size);border:1px solid var(--color);background-color:var(--color-white);transition:background-color .3s ease;border-radius:var(--radius)}.f-checkbox__visual svg{color:var(--color-white)}.f-checkbox__visual svg,.f-checkbox__visual:after{opacity:0;transform:scale(.2);transition:opacity .3s ease;transition-property:opacity,transform}.f-checkbox__visual:after{content:"";position:absolute;display:none;width:calc(var(--size) / 2);height:calc(var(--size) / 2);background-color:var(--color-white);border-radius:calc(var(--size) / 2)}.f-checkbox__input{left:calc(var(--size) / 2);top:calc(var(--size) / 2);transform:translateX(-50%);pointer-events:none;opacity:0}.f-checkbox__input:checked~.f-checkbox__visual{background-color:var(--color)}.f-checkbox__input:checked~.f-checkbox__visual svg,.f-checkbox__input:checked~.f-checkbox__visual:after{opacity:1;transform:scale(1)}.f-checkbox__input:required~.f-checkbox__visual{position:relative}.f-checkbox__input:required~.f-checkbox__visual:before{content:"*";color:var(--color-danger);padding-left:1px;position:absolute;left:-16px}.f-checkbox__title a{font-weight:600;color:var(--color-conversion)}.f-checkbox__count,.f-checkbox__description{color:var(--color-text-400)}.f-checkbox{--color:var(--color-conversion-500);--radius:4px;--size:24px;cursor:pointer}.f-checkbox.--disabled{--color:var(--color-gray)}.f-checkbox.--disabled .f-checkbox__title{color:var(--color)}.f-checkbox.--outline .f-checkbox__visual{--outline-background-col:var(--color-white)}.f-checkbox.--outline .f-checkbox__visual:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--outline-background-col);border:1px solid var(--color-tertiary-500);border-radius:var(--radius);z-index:-1;transition:background-color .3s ease}.f-checkbox.--outline .f-checkbox__input:checked~.f-checkbox__visual,.f-checkbox.--outline:hover .f-checkbox__visual{--outline-background-col:var(--color-tertiary-300)}.f-checkbox.--radio{--radius:calc(var(--size) / 2)}.f-checkbox.--radio .f-checkbox__visual:after{display:block}.f-checkbox.--radio .f-checkbox__input:checked~.f-checkbox__visual{background-color:var(--color-white)}.f-checkbox.--radio .f-checkbox__input:checked~.f-checkbox__visual:after{background-color:var(--color-text-500);width:calc(var(--size) * .6);height:calc(var(--size) * .6)}.f-checkbox.--sm{--size:16px}.f-checkbox.--dimension-filter .f-checkbox__body{flex-direction:column;align-items:start}.f-checkbox.--dimension-filter .f-checkbox__body .f-checkbox__title{font-weight:700}