.szewko-pole{--pole-tlo:color-mix(in srgb, var(--color-parchment) 6%, transparent);--pole-obrys:color-mix(in srgb, var(--color-sand-gold) 30%, transparent);--pole-tekst:var(--color-parchment);--pole-podpowiedz:color-mix(in srgb, var(--color-bleached-linen) 58%, transparent);--pole-etykieta:color-mix(in srgb, var(--color-parchment) 85%, transparent);--pole-pomoc:color-mix(in srgb, var(--color-parchment) 62%, transparent);--pole-dopisek:color-mix(in srgb, var(--color-parchment) 55%, transparent);--pole-blad:var(--color-terracotta-light);--pole-obrys-blad:var(--color-terracotta);--pole-uwaga:var(--color-sand-gold);--pole-ikona:var(--color-sand-gold);--pole-ikona-hover:var(--color-brass-lantern);--pole-licznik-tlo:color-mix(in srgb, var(--color-smoked-tent) 70%, transparent);--pole-lista-tlo:var(--color-dark-mahogany);--pole-lista-zazn:color-mix(in srgb, var(--color-sand-gold) 18%, var(--color-dark-mahogany));--pole-schemat:dark;--pole-poswiata:0 0 14px color-mix(in srgb, var(--color-sand-gold) 22%, transparent);--pole-obrys-focus:-2px;display:block;& .szewko-pole__etykieta{display:block;margin:0 0 var(--space-sm);font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pole-etykieta)}& .szewko-pole__dopisek{text-transform:none;letter-spacing:.04em;color:var(--pole-dopisek)}& .szewko-pole__ramka{position:relative;max-width:var(--pole-maks-szerokosc,none)}& .szewko-pole__kontrolka{box-sizing:border-box;width:100%;height:52px;padding:0 14px;border:1px solid var(--pole-obrys);border-radius:var(--radius-sm);background:var(--pole-tlo);font-family:var(--font-body);font-size:15px;color:var(--pole-tekst);outline:none;transition:box-shadow var(--duration-mid) var(--ease-sand),border-color var(--duration-mid) var(--ease-sand);&::placeholder{color:var(--pole-podpowiedz);opacity:1}&:focus-visible{border-color:var(--color-sand-gold);outline:2px solid var(--color-sand-gold);outline-offset:var(--pole-obrys-focus);box-shadow:var(--pole-poswiata)}&:disabled{opacity:.55;cursor:wait}&[readonly]{background:#fff0;cursor:default;&:focus-visible{box-shadow:var(--pierscien-ogniskowej)}}}& .szewko-pole__kontrolka--wybor{appearance:none;padding-right:44px;cursor:pointer;color-scheme:var(--pole-schemat);&:disabled{cursor:wait}& option{background:var(--pole-lista-tlo);color:var(--pole-tekst)}& option:checked{background:var(--pole-lista-zazn) linear-gradient(var(--pole-lista-zazn),var(--pole-lista-zazn));color:var(--pole-tekst)}& option[value=""],& option[value=""]:checked,& option[value=""]:disabled{color:var(--pole-podpowiedz)}}& .szewko-pole__kontrolka--pusty{color:var(--pole-podpowiedz)}& .szewko-pole__strzalka{position:absolute;top:50%;right:14px;transform:translateY(-50%);pointer-events:none;color:var(--pole-ikona)}& .szewko-pole__kontrolka--obszar{display:block;height:auto;padding:14px 16px 28px;line-height:1.6;resize:none;overflow-y:auto;field-sizing:content}& .szewko-pole__licznik{position:absolute;right:14px;bottom:10px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--pole-licznik-tlo);font-family:var(--font-ui);font-size:12px;color:var(--pole-pomoc);pointer-events:none;&[hidden]{display:none}}& .szewko-pole__pomoc{margin:6px 0 0;font-family:var(--font-body);font-size:14px;color:var(--pole-pomoc)}& .szewko-pole__blad{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--pole-blad);& .szewko-pole__ikona{flex:0 0 auto;margin-top:2px}}& .szewko-pole__ikona-slot{position:absolute;top:50%;right:14px;display:flex;transform:translateY(-50%);pointer-events:none;color:var(--pole-blad)}}.szewko-pole--jasny{--pole-plyta:color-mix(in srgb, var(--color-parchment) 50%, white);--pole-tlo:color-mix(in srgb, var(--pole-plyta) 90%, transparent);--pole-obrys:color-mix(in srgb, var(--color-camel-brown) 40%, transparent);--pole-tekst:var(--color-smoked-tent);--pole-podpowiedz:color-mix(in srgb, var(--color-smoked-tent) 45%, transparent);--pole-etykieta:var(--color-dark-mahogany);--pole-pomoc:color-mix(in srgb, var(--color-smoked-tent) 65%, transparent);--pole-dopisek:color-mix(in srgb, var(--color-smoked-tent) 55%, transparent);--pole-blad:var(--color-terracotta);--pole-obrys-blad:var(--color-terracotta);--pole-uwaga:var(--color-camel-brown);--pole-licznik-tlo:color-mix(in srgb, var(--color-parchment) 85%, transparent);--pole-ikona:var(--color-camel-brown);--pole-ikona-hover:var(--color-dark-mahogany);--pole-lista-tlo:var(--pole-plyta);--pole-lista-zazn:color-mix(in srgb, var(--color-camel-brown) 22%, var(--pole-plyta));--pole-schemat:light;--pole-poswiata:0 0 0 4px color-mix(in srgb, var(--color-dark-mahogany) 30%, transparent);--pole-obrys-focus:0px;& .szewko-pole__etykieta{font-size:13px;font-weight:700;letter-spacing:.1em}}.szewko-pole--blad .szewko-pole__kontrolka{border-color:var(--pole-obrys-blad);outline:1px solid var(--pole-obrys-blad);outline-offset:-1px}.szewko-pole--blad.szewko-pole--tekst .szewko-pole__kontrolka{padding-right:42px}.szewko-pole--zgoda{& .szewko-pole__zgoda{display:flex;gap:12px;align-items:flex-start;max-width:560px;min-height:44px;cursor:pointer}& .szewko-pole__pudelko-slot{position:relative;display:flex;flex:0 0 auto;margin-top:2px;&::before{content:"";position:absolute;inset:-12px}}& .szewko-pole__pudelko-input{position:absolute;inset:0;width:20px;height:20px;margin:0;opacity:0;cursor:inherit;&:checked+.szewko-pole__pudelko{background:var(--color-sand-gold);& svg{opacity:1}}&:focus-visible+.szewko-pole__pudelko{outline:2px solid var(--color-sand-gold);outline-offset:2px}}& .szewko-pole__pudelko{display:flex;box-sizing:border-box;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid var(--color-sand-gold);border-radius:var(--radius-sm);background:#fff0;color:var(--color-smoked-tent);transition:background var(--duration-fast) var(--ease-sand);pointer-events:none;& svg{opacity:0}}& .szewko-pole__tresc{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--pole-etykieta)}&.szewko-pole--blad .szewko-pole__pudelko{border-color:var(--pole-obrys-blad)}&.szewko-pole--wylaczone .szewko-pole__zgoda{opacity:.55;cursor:wait}}.szewko-pole--zgoda.szewko-pole--jasny .szewko-pole__pudelko{border-color:var(--color-camel-brown)}.szewko-pole--haslo{& .szewko-pole__kontrolka{padding-right:56px;letter-spacing:.04em}& .szewko-pole__podglad{position:absolute;top:50%;right:4px;display:flex;width:44px;height:44px;align-items:center;justify-content:center;transform:translateY(-50%);border:none;border-radius:var(--radius-sm);background:#fff0;color:var(--pole-ikona);cursor:pointer;&:hover{color:var(--pole-ikona-hover)}&:focus-visible{outline:2px solid var(--color-sand-gold);outline-offset:-2px}&:disabled{opacity:.55;cursor:wait}& .szewko-pole__oko--odkryte{display:none}&[aria-pressed="true"]{& .szewko-pole__oko--zakryte{display:none}& .szewko-pole__oko--odkryte{display:block}}}& .szewko-pole__ikona-slot{right:52px}&.szewko-pole--blad .szewko-pole__kontrolka{padding-right:78px}& .szewko-pole__caps{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--pole-uwaga);&[hidden]{display:none}& .szewko-pole__ikona{flex:0 0 auto;margin-top:2px}}}@media (max-width:480px){.szewko-pole .szewko-pole__ramka{max-width:none}}