.sk-sw{display:none;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.sk-sw.is-ready{display:flex}
.sk-sw-i{width:44px;height:44px;padding:3px;margin:0;border:2px solid var(--line);border-radius:12px;background:var(--white);cursor:pointer;position:relative;line-height:0;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .12s var(--ease)}
.sk-sw-i>span{display:block;width:100%;height:100%;border-radius:8px;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(10,20,40,.16)}
.sk-sw-i.is-metal>span{background:linear-gradient(135deg,#fafafc 0%,var(--sw) 34%,#9fa0a8 58%,#ececf0 82%,#c3c4cb 100%)}
.sk-sw-i:hover{border-color:var(--blue-l);transform:translateY(-1px)}
.sk-sw-i:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,66,122,.25)}
.sk-sw-i.is-on{border-color:var(--amber);box-shadow:0 0 0 3px rgba(249,160,6,.28)}
.sk-sw-i.is-on:hover{border-color:var(--amber)}
.sk-sw-i.is-off{opacity:.38;cursor:not-allowed;transform:none}
.sk-sw-i.is-off:hover{border-color:var(--line);transform:none}
.sk-sw-i.is-off::after{content:"";position:absolute;inset:3px;border-radius:8px;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(18,22,28,.6) calc(50% - 1px),rgba(18,22,28,.6) calc(50% + 1px),transparent calc(50% + 1px))}
.sk-sw-name{margin:0 0 16px;font-weight:600;color:var(--ink);min-height:1.25em}
.sk-sw-name:empty{margin-bottom:10px}
select.sk-sw-sel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){
  .sk-sw{gap:8px}
  .sk-sw-i{width:40px;height:40px;border-radius:11px}
}