/* GENERATED from aplikacja/web/index.html by design-system/mebway/sync.py */
:root{--gold:#F3C230; --gold-deep:#C9991A; --gold-soft:rgba(243,194,48,.16);
    --ink:#1c1c1c; --body:#333; --slate:#575551; --muted:#8a8781;
    --page:#fdfcfa; --card:#fff; --warm:#f5f4f0; --line:#e7e4dd;
    --shadow:0 10px 30px rgba(0,0,0,.08);

    --zle:#b3261e; --zle-soft:rgba(179,38,30,.13);
    --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
    --mono:ui-monospace,SFMono-Regular,Menlo,monospace;}
.kick{font:700 11px/1 var(--sans);letter-spacing:1.4px;text-transform:uppercase;
        color:var(--gold-deep);margin:0 0 6px}
.mw-znak{height:1.15rem;width:auto;flex:none;display:block}
.mw-znak[hidden]{display:none}
.mw-znak .mw-m{fill:var(--gold)}
.mw-znak .mw-w{fill:var(--ink)}
#marka .kick{display:flex;align-items:center;gap:.45rem}
#marka .kick .mw-znak{height:1.35rem}
.jezyki{display: flex; gap: 4px;}
.jezyki button{display: flex; align-items: center; gap: 5px;
    border: 1px solid var(--kresk, #d8d3c8); border-radius: 999px;
    background: transparent; padding: 4px 10px; cursor: pointer;
    font: inherit; font-size: 12px; letter-spacing: .04em; color: var(--cichy, #8a8578);
    transition: background .12s, border-color .12s, color .12s;}
.jezyki button span{font-size: 15px; line-height: 1;}
.jezyki button:hover{border-color: var(--akcent, #e0a92e); color: inherit;}
.jezyki button[aria-pressed="true"]{border-color: var(--akcent, #e0a92e);
    background: color-mix(in srgb, var(--akcent, #e0a92e) 14%, transparent);
    color: inherit; font-weight: 600;}
.app-name{display:block;font-size:23px;font-weight:300;margin:0;color:var(--ink);letter-spacing:-.2px}
@media(max-width:900px){
.jezyki{flex:0 0 auto;position:relative;width:64px;height:34px}
.jezyki button{display:none;padding:7px 8px;font-size:13px;min-height:34px;
      width:100%;justify-content:center;flex-shrink:0;background:var(--card)}
.jezyki button span{font-size:16px}
.jezyki button[aria-pressed="true"]{display:inline-flex;align-items:center;gap:4px;order:-1}
.jezyki[data-otwarte="1"]{flex-direction:column;gap:4px;z-index:48}
.jezyki[data-otwarte="1"] button{display:inline-flex;align-items:center;gap:6px}
.jezyki[data-otwarte="1"] button:not([aria-pressed="true"]){min-height:40px;box-shadow:var(--shadow)}
#marka .kick{margin:0;font-size:9.5px;letter-spacing:1.2px}
.app-name{display:none}
}