html div:where(.sunp-switch){align-self:center;border-radius:9999px;box-sizing:border-box;cursor:pointer;display:inline-block;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}html div:where(.sunp-switch) .sunp-switch__checkbox{box-sizing:border-box}html div:where(.sunp-switch) .sunp-switch__checkbox{overflow:hidden}html div:where(.sunp-switch) .sunp-switch__checkbox{background-color:var(--sunp-color-border);border-radius:var(--sunp-height,31px);height:var(--sunp-height,31px);line-height:var(--sunp-height,31px);min-width:var(--sunp-width,51px)}html div:where(.sunp-switch) .sunp-switch__checkbox:before{position:absolute}html div:where(.sunp-switch) .sunp-switch__checkbox:before{box-sizing:border-box}html div:where(.sunp-switch) .sunp-switch__checkbox:before{background-color:var(--sunp-color-background);border-radius:calc(var(--sunp-height, 31px) - var(--sunp-border-width, 2px) * 2);content:" ";height:calc(var(--sunp-height, 31px) - var(--sunp-border-width, 2px) * 2);left:var(--sunp-border-width,2px);scale:1;top:var(--sunp-border-width,2px);transition:scale .2s cubic-bezier(.4,0,.2,1);width:calc(100% - var(--sunp-border-width, 2px) * 2);z-index:1}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__handle{position:absolute}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__handle{box-sizing:border-box}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__handle{display:flex}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__handle{align-items:center}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__handle{justify-content:center}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__handle{border-radius:9999px}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__handle{background-color:var(--sunp-color-background);box-shadow:0 0 2px #0003,0 2px 11.5px #00000014,-1px 2px 2px #0000001a;height:calc(var(--sunp-height, 31px) - var(--sunp-border-width, 2px) * 2);left:var(--sunp-border-width,2px);top:var(--sunp-border-width,2px);transition:left .2s cubic-bezier(.4,0,.2,1);width:calc(var(--sunp-height, 31px) - var(--sunp-border-width, 2px) * 2);z-index:2}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__inner{position:relative}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__inner{display:flex}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__inner{height:100%}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__inner{align-items:center}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__inner{justify-content:center}html div:where(.sunp-switch) .sunp-switch__checkbox .sunp-switch__inner{color:var(--sunp-color-weak);fill:var(--sunp-color-weak);font-size:15px;margin:0 8px 0 calc(var(--sunp-height, 31px) - var(--sunp-border-width, 2px) + 5px);transition:margin .2s;z-index:1}html div:where(.sunp-switch).sunp-switch-checked .sunp-switch__checkbox{background-color:var(--sunp-checked-color,var(--sunp-color-primary))}html div:where(.sunp-switch).sunp-switch-checked .sunp-switch__checkbox:before{scale:0}html div:where(.sunp-switch).sunp-switch-checked .sunp-switch__checkbox .sunp-switch__handle{left:calc(100% - var(--sunp-height, 31px) + var(--sunp-border-width, 2px))}html div:where(.sunp-switch).sunp-switch-checked .sunp-switch__checkbox .sunp-switch__inner{color:var(--sunp-color-white);fill:var(--sunp-color-white);margin:0 calc(var(--sunp-height, 31px) - var(--sunp-border-width, 2px) + 5px) 0 8px}html div:where(.sunp-switch-disabled){cursor:not-allowed;opacity:.4}html div:where(.sunp-form-item-vertical) div:where(.sunp-switch){margin:4px auto 0 0}html div:where(.sunp-form-item-horizontal) div:where(.sunp-switch){margin:-3px 0 -3px auto;position:relative}