.b-contain[data-v-f833217a] *, .b-contain[data-v-f833217a] ::before, .b-contain[data-v-f833217a] ::after { box-sizing: content-box !important; }
.b-contain input[data-v-f833217a] { z-index: -1; opacity: 0; position: absolute; }
.b-contain[data-v-f833217a] { cursor: pointer; --hue: 120; align-items: center; display: flex; position: relative; }
.b-contain.is-disabled[data-v-f833217a] { cursor: not-allowed; }
.b-contain input[type="checkbox"] ~ .b-input[data-v-f833217a] { background: rgb(241, 245, 249); border: 1px solid rgb(148, 163, 184); border-radius: 0.2rem; width: 0.85rem; height: 0.85rem; transition: background 0.25s; position: relative; }
.b-contain input[type="radio"] ~ .b-input[data-v-f833217a] { background: rgb(241, 245, 249); border: 1px solid rgb(148, 163, 184); border-radius: 3rem; width: 0.9rem; height: 0.9rem; transition: background 0.25s; position: absolute; top: 0px; left: 0px; }
.b-contain input[type="checkbox"] ~ .b-input[data-v-f833217a]::after { content: ""; border-style: solid; border-color: rgb(255, 255, 255); border-image: none; border-width: 0px 2px 2px 0px; width: 0.15rem; height: 0.55rem; transition: background 0.25s; display: none; position: absolute; top: 0.3px; left: 5px; transform: rotate(45deg); }
.b-contain input[type="radio"] ~ .b-input[data-v-f833217a]::after { content: ""; background: var(--color-card,#fff); border-radius: 3rem; width: 0.75rem; height: 0.75rem; transition: background 0.25s; display: none; position: absolute; top: 4px; left: 4px; }
.b-contain input[type="checkbox"]:disabled ~ .b-input[data-v-f833217a]::after { border-color: rgb(255, 255, 255); }
.b-contain input:checked ~ .b-input[data-v-f833217a]::after { display: block; }
.b-contain input[type="checkbox"]:checked ~ .b-input[data-v-f833217a], .b-contain input[type="checkbox"]:indeterminate ~ .b-input[data-v-f833217a] { background: hsl(var(--hue), 37%, 64%); border-color: hsl(var(--hue), 39%, 49%); }
.b-contain input[type="checkbox"]:indeterminate ~ .b-input[data-v-f833217a]::after { content: ""; background: var(--color-card,#fff); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 1px; width: 0.5rem; height: 2px; display: block; position: absolute; top: 5.5px; left: 2.5px; transform: none; }
.b-contain input[type="radio"]:checked ~ .b-input[data-v-f833217a] { background: rgb(59, 130, 246); border-color: rgb(29, 78, 216); }
.b-contain input[type="checkbox"]:disabled ~ .b-input[data-v-f833217a], .b-contain input[type="radio"]:disabled ~ .b-input[data-v-f833217a] { opacity: 0.5; cursor: not-allowed; }
.b-contain input[type="radio"]:disabled ~ .b-input[data-v-f833217a]::after { background: var(--color-card,#fff); }
.b-contain:hover input[type="radio"]:not([disabled]):checked ~ .b-input[data-v-f833217a], .b-contain input[type="radio"]:checked:focus ~ .b-input[data-v-f833217a] { background: rgb(37, 99, 235); border-color: rgb(30, 64, 175); }
@media screen {
  .dark .b-contain input[type="checkbox"] ~ .b-input[data-v-f833217a], .dark .b-contain input[type="radio"] ~ .b-input[data-v-f833217a] { background: var(--color-input-background); border-color: rgb(126, 116, 106); }
  .dark .b-contain input[type="checkbox"]:checked ~ .b-input[data-v-f833217a], .dark .b-contain input[type="checkbox"]:indeterminate ~ .b-input[data-v-f833217a] { background: hsl(var(--hue), 37%, 50%); border-color: hsl(var(--hue), 39%, 60%); }
  .dark .b-contain input[type="radio"]:checked ~ .b-input[data-v-f833217a] { background: rgb(59, 130, 246); border-color: rgb(96, 165, 250); }
  .dark .b-contain input[type="radio"] ~ .b-input[data-v-f833217a]::after, .dark .b-contain input[type="checkbox"]:indeterminate ~ .b-input[data-v-f833217a]::after { background: rgb(255, 255, 255); }
}