.select-input-base {
    width:100%;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    border-radius:0.25rem;
    border-width:1px;
    --tw-border-opacity:1;
    border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    padding-left:1rem;
    padding-right:2rem;
    --tw-text-opacity:1;
    color:rgb(55 65 81 / var(--tw-text-opacity, 1));
    --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    line-height:1.25
}.select-input-base:focus {
    --tw-border-opacity:1;
    border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
    outline:2px solid transparent;
    outline-offset:2px
}

.checkbox-input-label-base {
    margin-left:0.5rem;
    font-size:0.875rem;
    line-height:1.25rem;
    font-weight:500;
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.checkbox-input-label-base:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.checkbox-input-base {
    height:1rem;
    width:1rem;
    border-radius:9999px;
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
}

.checkbox-input-base:focus {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(63 131 248 / var(--tw-ring-opacity, 1))
}

.checkbox-input-base:is(.dark *) {
    --tw-border-opacity:1;
    border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));
    --tw-bg-opacity:1;
    background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));
    --tw-ring-offset-color:#1f2937
}

.checkbox-input-base:focus:is(.dark *) {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(28 100 242 / var(--tw-ring-opacity, 1))
}

.chip-base {
    margin-right:0.5rem;
    border-radius:0.25rem;
    --tw-bg-opacity:1;
    background-color:rgb(225 239 254 / var(--tw-bg-opacity, 1));
    padding-left:0.625rem;
    padding-right:0.625rem;
    padding-top:0.125rem;
    padding-bottom:0.125rem;
    font-size:0.75rem;
    line-height:1rem;
    font-weight:600;
    --tw-text-opacity:1;
    color:rgb(30 66 159 / var(--tw-text-opacity, 1))
}

.chip-base:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(195 221 253 / var(--tw-bg-opacity, 1));
    --tw-text-opacity:1;
    color:rgb(30 66 159 / var(--tw-text-opacity, 1))
}
.mask {
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain
}

.mask.is-star {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M19.965 8.521C19.988 8.347 20 8.173 20 8c0-2.379-2.143-4.288-4.521-3.965C14.786 2.802 13.466 2 12 2s-2.786.802-3.479 2.035C6.138 3.712 4 5.621 4 8c0 .173.012.347.035.521C2.802 9.215 2 10.535 2 12s.802 2.785 2.035 3.479A3.976 3.976 0 0 0 4 16c0 2.379 2.138 4.283 4.521 3.965C9.214 21.198 10.534 22 12 22s2.786-.802 3.479-2.035C17.857 20.283 20 18.379 20 16c0-.173-.012-.347-.035-.521C21.198 14.785 22 13.465 22 12s-.802-2.785-2.035-3.479z"%2F%3E%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M19.965 8.521C19.988 8.347 20 8.173 20 8c0-2.379-2.143-4.288-4.521-3.965C14.786 2.802 13.466 2 12 2s-2.786.802-3.479 2.035C6.138 3.712 4 5.621 4 8c0 .173.012.347.035.521C2.802 9.215 2 10.535 2 12s.802 2.785 2.035 3.479A3.976 3.976 0 0 0 4 16c0 2.379 2.138 4.283 4.521 3.965C9.214 21.198 10.534 22 12 22s2.786-.802 3.479-2.035C17.857 20.283 20 18.379 20 16c0-.173-.012-.347-.035-.521C21.198 14.785 22 13.465 22 12s-.802-2.785-2.035-3.479z"%2F%3E%3C%2Fsvg%3E')
}

.text-error {
    --tw-text-opacity:1;
    color:rgb(249 128 128 / var(--tw-text-opacity, 1))
}
.icon>svg {
    height:2.5rem;
    width:2.5rem
}