.kk-barre{--barre-or:191,149,63;--barre-tuile:56px;position:relative;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.kk-barre,.kk-barre__rail{display:flex;align-items:center}.kk-barre__rail{gap:8px;margin:0;padding:0;list-style:none}.kk-barre--vertical .kk-barre__rail,.kk-barre__bouton{flex-direction:column}.kk-barre__bouton{position:relative;width:var(--barre-tuile);height:var(--barre-tuile);display:flex;align-items:center;justify-content:center;gap:3px;border-radius:16px;cursor:pointer;color:rgba(243,230,207,.84);background:radial-gradient(120% 140% at 50% -30%,rgba(255,248,214,.07),transparent 60%),linear-gradient(180deg,rgba(34,30,21,.62),rgba(11,10,8,.74));border:1px solid rgba(243,230,207,.12);box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,248,214,.08);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .2s ease,background .2s ease,color .2s ease;touch-action:manipulation;transform:scale(var(--kk-loupe,1))}.kk-barre__bouton svg{position:relative;z-index:1}.kk-barre__bouton .kk-barre__ico{width:28px;height:28px;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .25s ease}@media (hover:hover) and (pointer:fine){.kk-barre__bouton:hover .kk-barre__ico{transform:translateY(-1px);filter:drop-shadow(0 0 6px rgba(191,149,63,.45))}}.kk-barre__mot{position:relative;z-index:1;font-size:9.5px;line-height:1;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:rgba(191,149,63,.72);pointer-events:none}.kk-barre__bouton--actif .kk-barre__mot{color:rgb(var(--barre-or))}.kk-barre__bouton--rouge .kk-barre__mot{color:var(--kk-ivoire,#f3e6cf)}.kk-barre__bouton--danger .kk-barre__mot{color:rgba(255,170,170,.95)}.kk-barre__bouton--actif:after{content:"";position:absolute;bottom:-5px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:rgb(var(--barre-or));box-shadow:0 0 8px rgba(var(--barre-or),.9)}.kk-barre__bouton:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 60%,rgba(var(--barre-or),.28),transparent 68%);opacity:0;transition:opacity .25s ease}@media (hover:hover) and (pointer:fine){.kk-barre__bouton:hover{transform:scale(var(--kk-loupe,1));border-color:rgba(var(--barre-or),.42);color:#fff6dc;box-shadow:0 12px 28px rgba(0,0,0,.45),0 0 0 1px rgba(var(--barre-or),.22),inset 0 1px 0 rgba(255,248,214,.12)}.kk-barre__bouton:hover:before{opacity:1}}.kk-barre__bouton:active{transform:scale(.96)}.kk-barre__bouton:focus-visible{outline:2px solid rgba(var(--barre-or),.7);outline-offset:2px}.kk-barre__bouton--actif{color:rgb(var(--barre-or));border-color:rgba(var(--barre-or),.6);background:linear-gradient(180deg,rgba(var(--barre-or),.22),rgba(var(--barre-or),.08))}.kk-barre__bouton--actif:before{opacity:.7}.kk-barre__bouton--rouge,.kk-barre__bouton--rouge:hover{color:var(--kk-ivoire,#f3e6cf);background:linear-gradient(150deg,rgba(210,50,50,.92),rgba(140,22,22,.9));border-color:rgba(255,120,120,.9);box-shadow:0 6px 22px rgba(210,50,50,.45),inset 0 1px 0 rgba(255,255,255,.18)}.kk-barre__bouton--rouge:before{display:none}.kk-barre__bouton--danger{color:rgba(255,150,150,.95);background:rgba(120,26,26,.55);border-color:rgba(255,110,110,.5)}.kk-barre__bouton--danger:before{background:radial-gradient(circle at 50% 60%,rgba(255,110,110,.3),transparent 68%)}.kk-barre__cartouche{min-height:17px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:rgba(var(--barre-or),.85);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .22s ease,transform .22s ease}.kk-barre__cartouche--visible{opacity:1;transform:none}.kk-barre__cartouche--rouge{color:#ff9d9d}.kk-barre--vertical .kk-barre__cartouche{display:none}@media (max-width:820px){.kk-barre{--barre-tuile:50px}.kk-barre__rail{gap:6px}}@media (max-width:400px){.kk-barre{--barre-tuile:44px}.kk-barre__rail{gap:4px}.kk-barre__mot{font-size:8.5px;letter-spacing:.2px}}