@layer components{:where(.przycisk,.cw-segment,.cw-plakietka,.cw-pigulka,.cw-karta,.cw-grupa-osob,.cw-stala-osoba){--cw-karta:var(--pro-karta,var(--tlo-karta));--cw-wgl:var(--pro-wglebienie,oklch(from var(--tlo-strona) .968 .008 258));--cw-wgl-2:var(--pro-wglebienie-2,oklch(from var(--tlo-strona) .948 .01 258));--cw-nacisk:var(--pro-nacisk,oklch(from var(--tlo-strona) .925 .012 258));--cw-linia:var(--pro-linia,color-mix(in oklab, oklch(from var(--tekst) .47 .15 275) 10%, transparent));--cw-linia-mocna:var(--pro-linia-mocna,color-mix(in oklab, oklch(from var(--tekst) .47 .15 275) 20%, transparent));--cw-tekst:var(--pro-tekst,var(--tekst));--cw-tekst-2:var(--pro-tekst-2,var(--tekst-2));--cw-akcja:var(--pro-akcja,var(--tlo-plyta));--cw-akcja-tekst:var(--pro-akcja-tekst,var(--zloto-na-plycie));--cw-akcja-hover:var(--pro-akcja-hover,var(--plyta-hover));--cw-zloto:var(--pro-zloto,var(--zloto-tekst));--cw-zloto-tlo:var(--pro-zloto-tlo,color-mix(in oklab, var(--zloto) 13%, var(--tlo-karta)));--cw-blad:var(--pro-blad,var(--blad));--cw-blad-tlo:var(--pro-blad-tlo,color-mix(in oklab, var(--blad) 10%, var(--tlo-karta)));--cw-tor:var(--pro-tor,oklch(from var(--tlo-strona) .945 .009 268))}.przycisk{height:var(--pasek-kontrolka-h);background:var(--cw-karta);box-shadow:inset 0 0 0 1px var(--cw-linia-mocna);color:var(--cw-tekst);font-size:var(--t-sm);white-space:nowrap;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:500;line-height:1;display:inline-flex}.przycisk svg{flex:none;width:16px;height:16px}.przycisk[data-rozmiar=sm]{height:28px;font-size:var(--t-xs);border-radius:8px;padding:0 10px}.przycisk[data-rozmiar=duzy]{height:48px;font-size:var(--t-base);border-radius:14px;padding:0 22px}.przycisk:is([data-rozmiar=ikona],[data-rozmiar=ikona-sm]){border-radius:8px;flex:none;width:28px;height:28px;padding:0}.przycisk[data-rozmiar=ikona-sm]{border-radius:7px;width:24px;height:24px}.przycisk:is(.glowny,.zloty,.plyta){background:var(--cw-akcja);box-shadow:none;color:var(--cw-akcja-tekst);font-weight:600}.przycisk:is(.glowny,.zloty,.plyta)[data-na-plycie]{background:var(--zloto-na-plycie);color:var(--tlo-plyta)}.przycisk.cichy{background:var(--cw-wgl);box-shadow:none}.przycisk.cichy:is([data-rozmiar=ikona],[data-rozmiar=ikona-sm]){color:var(--cw-tekst-2);background:0 0}.przycisk.niebezpieczny{background:var(--cw-blad-tlo);box-shadow:none;color:var(--cw-blad);font-weight:600}.przycisk:not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible){background:var(--cw-wgl)}.przycisk.cichy:not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible){background:var(--cw-wgl-2);color:var(--cw-tekst)}.przycisk:is(.glowny,.zloty,.plyta):not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible){background:var(--cw-akcja-hover)}.przycisk:is(.glowny,.zloty,.plyta)[data-na-plycie]:not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible){background:color-mix(in oklab, var(--zloto-na-plycie) 86%, var(--tekst-na-plycie))}.przycisk.niebezpieczny:not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible){background:color-mix(in oklab, var(--cw-blad) 16%, var(--cw-karta))}.przycisk:is(:disabled,[aria-disabled=true]){background:var(--cw-wgl);box-shadow:none;color:var(--cw-tekst-2);cursor:not-allowed}.cw-segment{background:var(--cw-tor);border-radius:12px}.cw-segment>.opcja{color:var(--cw-tekst-2);border-radius:9px;font-weight:500}.cw-segment>.opcja:not([aria-selected=true],[aria-disabled=true]):hover{color:var(--cw-tekst)}.cw-segment-na-karcie{background:var(--cw-karta);width:100%;min-width:0;box-shadow:0 0 0 1px var(--cw-linia), 0 1px 2px color-mix(in oklab, var(--tekst) 6%, transparent);border-radius:14px;padding:6px;display:flex}.cw-pigulka{background:var(--cw-wgl-2);min-width:22px;height:20px;color:var(--cw-tekst);font-size:var(--t-xs);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:99px;flex:none;justify-content:center;align-items:center;padding:0 7px;font-weight:600;line-height:1;display:inline-flex}.cw-pigulka[data-wariant=cicha]{background:var(--cw-karta);color:var(--cw-tekst-2)}.cw-pigulka[data-wariant=zloto]{background:var(--cw-zloto-tlo);color:var(--cw-zloto)}.cw-pigulka[data-wariant=na-plycie]{background:var(--zloto-na-plycie);color:var(--tlo-plyta)}.cw-pigulka[data-wariant=na-plycie-cicha]{background:var(--plyta-wybrana);color:var(--tekst-na-plycie)}.cw-karta{background:var(--cw-karta);box-shadow:0 0 0 1px var(--cw-linia), 0 1px 2px color-mix(in oklab, var(--tekst) 6%, transparent);border-radius:14px}.cw-grupa-osob{background:var(--cw-karta);width:min(520px,100%);box-shadow:0 0 0 1px var(--cw-linia), 0 1px 2px color-mix(in oklab, var(--tekst) 6%, transparent);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cw-osoba{border-top:1px solid var(--cw-linia);align-items:center;gap:4px;min-width:0;margin-top:-1px;padding-right:10px;display:flex}.cw-osoba-wybor{min-width:0;min-height:52px;color:var(--cw-tekst);text-align:left;cursor:pointer;flex:1;align-items:center;gap:12px;padding:8px 6px 8px 14px;display:flex}.cw-osoba-wybor:is(:hover,:focus-visible){background:color-mix(in oklab, var(--cw-tekst) 3%, transparent)}.cw-osoba-znak{background:var(--cw-wgl-2);width:32px;height:32px;color:var(--cw-tekst-2);border-radius:9px;flex:none;place-items:center;display:grid}.cw-osoba-tekst{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cw-osoba-nazwa{font-size:var(--t-sm);font-weight:600}.cw-osoba-drugi{color:var(--cw-tekst-2);font-size:var(--t-xs)}.cw-osoba-wybor[data-zajeta] .cw-osoba-nazwa{color:var(--cw-tekst-2);font-weight:500}.cw-osoba-ptaszek{width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--cw-linia-mocna);color:var(--cw-akcja-tekst);border-radius:99px;flex:none;place-items:center;display:grid}.cw-osoba-wybor[aria-pressed=true] .cw-osoba-ptaszek{background:var(--cw-akcja);box-shadow:none}.cw-osoba-wybor[data-zajeta] .cw-osoba-ptaszek{box-shadow:inset 0 0 0 1.5px var(--cw-linia)}.cw-stala-osoba{background:var(--cw-wgl);min-height:44px;color:var(--cw-tekst);font-size:var(--t-sm);border-radius:12px;align-items:center;gap:10px;padding:6px 14px;font-weight:600;display:flex}}
