1 line
2.0 KiB
CSS
1 line
2.0 KiB
CSS
.emby-toggle-label{position:relative;vertical-align:middle;display:-webkit-inline-flex;display:inline-flex;box-sizing:border-box;width:100%;margin:0;padding:0;-webkit-align-items:center;align-items:center;outline:0!important}.toggleContainer{margin-bottom:1.8em}.emby-toggle{position:absolute;width:1px;height:1px;margin:0;padding:0;-webkit-appearance:none;appearance:none;border:none;outline:0!important}.emby-toggle:not(:disabled){cursor:pointer}.toggleLabel{position:relative;margin:0;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:flex-start;align-items:flex-start}.emby-toggle:not(:disabled)+.toggleLabel{cursor:pointer}.toggleLabel::before{content:"";display:inline-block;position:static;-webkit-margin-end:.5em;margin-inline-end:.5em;margin-top:.26em;-webkit-flex-shrink:0;flex-shrink:0;width:2.9em;background:rgba(0,0,0,.2);height:1em;border-radius:1em}.toggleLabel::after{position:absolute;content:"";display:inline-block;background:#999;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;height:1.44em;width:1.44em;border-radius:50%;box-shadow:0 .1386666em .1386666em 0 rgba(0,0,0,.14),0 .208em .0693333em -.1386666em rgba(0,0,0,.2),0 .0693333em 5px 0 rgba(0,0,0,.12);transition-duration:.28s;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-property:left;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.emby-toggle:checked+.toggleLabel::before{background:rgba(82,181,75,.5)}.emby-toggle:checked+.toggleLabel::after{background:#52b54b;left:1.466em;inset-inline-start:1.466em;inset-inline-end:initial;box-shadow:0 .208em .28em 0 rgba(0,0,0,.14),0 .208em .208em -.1386666em rgba(0,0,0,.2),0 .0693333em .56em 0 rgba(0,0,0,.12)}.emby-toggle-focusring:focus+.toggleLabel::after{box-shadow:0 0 0 .7em rgba(0,0,0,.1)}.emby-toggle-focusring:focus:checked+.toggleLabel::after{box-shadow:0 0 0 .7em rgba(82,181,75,.2)}.emby-toggle[disabled]+.toggleLabel{opacity:.5}.toggleFieldDescription{-webkit-padding-start:3.4em;padding-inline-start:3.4em} |