@geneui/components/checkboxRadioSwitcher-5b69d7bd.js

The Gene UI components library designed for BI tools

import { s as styleInject } from './style-inject.es-746bb8ed.js';

var css_248z = ".information-message{cursor:default;font:600 1.2rem/1.42 var(--font-family);margin:.6rem 0 0;padding:0 var(--input-message-padding-side);width:100%}.information-message:empty{display:none}.input-description{cursor:default;font:600 1.4rem/2rem var(--font-family);margin:1rem 0 0;max-width:100%;opacity:.7}.input-structure~.input-description{padding:0 1rem}.crs-holder{align-items:flex-start;display:inline-flex;flex-direction:column;font:600 1.4rem/1.8rem var(--font-family);max-width:100%;transition:opacity .3s;-webkit-user-select:none;user-select:none}.crs-holder.disabled{opacity:.5;pointer-events:none}.crs-holder.read-only .label-holder div label{cursor:default}.crs-holder.read-only:active{pointer-events:none}.crs-holder .label-holder{grid-row-gap:.8rem;align-items:center;display:inline-grid;grid-template-columns:auto 1fr;max-width:100%;vertical-align:top}.crs-holder .label-holder.has-label{grid-column-gap:var(--crs-grid-column-gap,1rem)}.lp-bottom.crs-holder .label-holder,.lp-top.crs-holder .label-holder{grid-template-columns:auto;grid-template-rows:auto auto}.lp-bottom.crs-holder .label-holder .crs-component,.lp-right.crs-holder .label-holder .crs-component{order:0}.lp-bottom.crs-holder .label-holder .crs-label,.lp-right.crs-holder .label-holder .crs-label{order:1}.la-start.crs-holder .label-holder .crs-item{align-items:flex-start;justify-content:flex-start;text-align:start}.la-center.crs-holder .label-holder .crs-item{align-items:center;justify-content:center;text-align:center}.la-end.crs-holder .label-holder .crs-item{align-items:flex-end;justify-content:flex-end;text-align:end}.crs-holder.la-start{align-items:flex-start}.crs-holder.la-center{align-items:center}.crs-holder.la-end,.crs-holder.lp-left{align-items:flex-end}.popover-content .crs-holder .label-holder,.popover-positioner.mobile-view .crs-holder{width:100%}.crs-component{position:relative}.crs-component input{left:0;opacity:0;pointer-events:none;position:absolute;top:0}.crs-label{overflow:hidden}.crs-label label{cursor:pointer;display:block}.crs-item{display:flex}.cr-element{--size:1.6rem;background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.45);color:var(--hero-sc);cursor:pointer;display:block;height:var(--size);position:relative;transition:color .4s,border-color .4s,background .4s,width .4s,height .4s;width:var(--size)}.cr-element:after,.cr-element:before{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transform:scale(0);transition:transform .4s,background .4s}@media (hover:hover){.cr-element:hover,.crs-external-active:active .cr-element,.crs-external-hover:hover .cr-element,.crs-holder:focus-within .cr-element,.crs-label:hover~.crs-component .cr-element,label:hover .cr-element{border-color:var(--hero)}}.cr-element.active:before{transform:scale(1)}.cr-element.checkbox{border-radius:.3rem}.cr-element.checkbox:before{content:\"\\e911\"}.cr-element.checkbox:after{content:\"\\e913\"}.cr-element.checkbox:after,.cr-element.checkbox:before{font:calc(var(--size) - .2rem)/1 betcore}.cr-element.checkbox.active,.cr-element.checkbox.indeterminate{background:var(--hero);border-color:var(--hero)}.cr-element.checkbox.indeterminate:after{transform:scale(1)}.crs-holder.read-only .cr-element.checkbox{background:none;border-color:#0000;color:var(--hero)}.crs-holder.read-only .cr-element.checkbox.active:before{transform:scale(1.4)}.crs-holder.read-only .cr-element.checkbox:not(.active,.indeterminate){color:rgba(var(--background-sc-rgb),.38)}.crs-holder.read-only .cr-element.checkbox:not(.active,.indeterminate):after{content:\"\\e916\";transform:scale(1.3)}.cr-element.s-big{--size:2rem}.cr-element.radio{border-radius:100%}.view-normal .cr-element.radio{--size:12px}.view-normal .cr-element.radio:before{--gap:2px}.view-small .cr-element.radio{--size:10px}.view-small .cr-element.radio:before{--gap:2px}.cr-element.radio:before{--gap:0.3rem;background:var(--hero);border-radius:100%;bottom:var(--gap);content:\"\";left:var(--gap);right:var(--gap);top:var(--gap)}.cr-element.radio.active{border-color:var(--hero)}.crs-holder.read-only .cr-element.radio{background:rgba(var(--background-sc-rgb),.45);border-color:#0000}.crs-holder.read-only .cr-element.radio.active{background:var(--hero)}.crs-holder.read-only .cr-element.radio.active:before{background:var(--hero-sc)}.cr-element:not(:focus-within) .cr-element.error-color{border-color:var(--danger)!important}.cha-ra-group{display:flex;flex-wrap:wrap;width:100%}.cha-ra-group .crs-holder{padding:2rem}.cha-ra-group.t-tab{align-items:center;border-radius:2.2rem;box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1);display:inline-flex;justify-content:center;max-width:100%;width:auto}.cha-ra-group.t-tab .crs-holder{padding:0}.cha-ra-group.t-tab .crs-holder .label-holder{display:flex;position:relative}.cha-ra-group.t-tab .crs-holder .crs-label{transition:color .4s}.cha-ra-group.t-tab .crs-holder .crs-label label{font:600 1.4rem/4.2rem var(--font-family);min-width:10rem;padding:0 2rem}.cha-ra-group.t-tab .crs-holder .crs-component{border:1px solid rgba(var(--hero-rgb),0);border-radius:4.2rem;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:border-color .4s;width:100%}.cha-ra-group.t-tab .crs-holder .crs-component label{opacity:0}.cha-ra-group.t-tab .crs-holder.input-active .crs-label{color:var(--hero)}.cha-ra-group.t-tab .crs-holder.input-active .crs-component{border-color:var(--hero)}";
styleInject(css_248z);