.ImageCheckbox{cursor:pointer;padding-bottom:1rem}.ImageCheckbox *{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ImageCheckbox__input{display:none}.ImageCheckbox--small .ImageCheckbox__container{aspect-ratio:56/23}.ImageCheckbox__container{position:relative;aspect-ratio:1/1;width:100%}.ImageCheckbox__image-wrapper{position:relative;height:100%;width:100%;overflow:hidden;border-radius:1rem}.ImageCheckbox__image{border-radius:1rem;border-width:2px;border-color:transparent;-o-object-fit:cover;object-fit:cover}.ImageCheckbox:not(.ImageCheckbox--disabled):hover .ImageCheckbox__image{--tw-border-opacity:1;border-color:rgba(var(--color-divider-500),var(--tw-border-opacity,1))}.ImageCheckbox__input:checked+.ImageCheckbox__container .ImageCheckbox__image{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--tw-border-opacity,1));background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--color-primary-500),0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--color-primary-500),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.ImageCheckbox__input:disabled+.ImageCheckbox__container{opacity:.5}.ImageCheckbox__label-wrapper{position:absolute;bottom:0;left:0;right:0;margin-top:-2px;display:flex;--tw-translate-y:calc(50% - 1px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));justify-content:center}.ImageCheckbox__label{border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--color-bgBase-500),var(--tw-bg-opacity,1));padding:.25rem .625rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:500}@media (min-width:640px){.ImageCheckbox__label{font-size:.875rem;line-height:1.25rem}}.ImageCheckbox:not(.ImageCheckbox--disabled):hover .ImageCheckbox__label{--tw-bg-opacity:1;background-color:rgba(var(--color-divider-500),var(--tw-bg-opacity,1))}.ImageCheckbox__input:checked+.ImageCheckbox__container .ImageCheckbox__label{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--tw-bg-opacity,1))}