.f-checkbox__visual{width:var(--size);height:var(--size);border:1px solid var(--color);background-color:var(--color-white);border-radius:var(--radius);flex-shrink:0;transition:background-color .3s;transform:translateY(-1px)}.f-checkbox__visual svg{opacity:0;color:var(--color-white);transition:opacity .3s,transform .3s;transform:scale(.2)}.f-checkbox__visual:after{content:"";width:calc(var(--size) / 2);height:calc(var(--size) / 2);background-color:var(--color-white);border-radius:calc(var(--size) / 2);opacity:0;transition:opacity .3s,transform .3s;display:none;position:absolute;transform:scale(.2)}.f-checkbox__input{left:calc(var(--size) / 2);top:calc(var(--size) / 2);pointer-events:none;opacity:0;transform:translate(-50%)}.f-checkbox__input:checked~.f-checkbox__visual{background-color:var(--color)}.f-checkbox__input:checked~.f-checkbox__visual:after,.f-checkbox__input:checked~.f-checkbox__visual svg{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:.0625rem;position:absolute;left:-1rem}.f-checkbox__title a{color:var(--color-conversion);font-weight:600}.f-checkbox__count,.f-checkbox__description{color:var(--color-text-400)}.f-checkbox{--color:var(--color-conversion-500);--radius:4px;--size:1.5rem;cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.f-checkbox.--align-top{align-items:flex-start}.f-checkbox.--align-top .f-checkbox__visual{transform:translateY(-1px)}.f-checkbox__body{line-height:var(--size);flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.f-checkbox.--disabled{--color:var(--color-gray);opacity:.5;cursor:not-allowed}.f-checkbox.--disabled .f-checkbox__title{color:var(--color)}.f-checkbox.--invalid{--color:var(--color-danger)}.f-checkbox.--invalid .f-checkbox__visual{border-color:var(--color-danger)}.f-checkbox.--outline{border:1px solid var(--color-tertiary-500);border-radius:var(--radius);padding:.75rem 1rem;transition:background-color .3s}.f-checkbox.--outline:hover{background-color:var(--color-tertiary-100)}.f-checkbox.--outline:has(.f-checkbox__input:checked){background-color:var(--color-tertiary-200)}.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:1rem}.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}.f-checkbox__tooltip{cursor:help;align-items:center;margin-left:.25rem;display:inline-flex;position:relative}.f-checkbox__tooltip-content{background:var(--color-text-500);color:var(--color-white);font-size:var(--font-size-sm);white-space:normal;text-align:center;z-index:100;border-radius:4px;min-width:7.5rem;max-width:15.625rem;padding:.5rem .75rem;font-weight:400;display:none;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.f-checkbox__tooltip-content:after{content:"";border:6px solid #0000;border-top-color:var(--color-text-500);position:absolute;top:100%;left:50%;transform:translate(-50%)}.f-checkbox__tooltip:hover .f-checkbox__tooltip-content{display:block}