.oiyk-sw-wrap{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px;align-items:center;position:relative;z-index:3;}
.oiyk-sw{position:relative;width:15px;height:15px;border-radius:999px;border:1px solid rgba(0,0,0,0.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55);display:inline-block;flex:0 0 auto;cursor:pointer;transition:transform .12s ease;}
.oiyk-sw:hover{transform:scale(1.22);z-index:3;}
.oiyk-sw::after{content:attr(data-color);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);background:#1c1c1c;color:#fff;font-size:11px;line-height:1;letter-spacing:.02em;white-space:nowrap;padding:5px 8px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:5;text-transform:capitalize;}
.oiyk-sw::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%) translateY(4px);border:5px solid transparent;border-top-color:#1c1c1c;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:5;}
.oiyk-sw:hover::after,.oiyk-sw:hover::before{opacity:1;transform:translateX(-50%) translateY(0);}