*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){border:none;margin-left:0;margin-right:0;padding:0}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom:24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit}html{scrollbar-gutter:stable;scroll-behavior:smooth;height:100%}body{min-height:100%;line-height:1.5}a:where([class]){text-decoration:none;display:inline-flex}button,label{cursor:pointer}[fill]{fill:currentColor}[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Roboto;src:url(/projects/zpo-naming/assets/Roboto-Regular-OqL9vKsN.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-light:#fff;--color-dark:#000;--color-accent:#343878;--transition-duration:.2s;--color-element:var(--color-dark);--color-background:var(--color-light)}::selection{background-color:var(--color-accent);color:var(--color-background)}::-webkit-scrollbar{background-color:var(--color-background);width:8px}::-webkit-scrollbar-thumb{background-color:var(--color-accent)}html{scrollbar-gutter:auto}body{background-color:var(--color-background);color:var(--color-element);font-family:Roboto,sans-serif;font-size:16px;line-height:1.5}.visually-hidden{white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding-inline:20px}.form{padding-top:2rem;padding-bottom:6rem;font-size:2rem}.form__title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.form__inner{flex-direction:column;gap:2rem;display:flex}.form__result-wrapper{background-color:var(--color-accent);justify-content:center;width:100vw;display:flex;position:fixed;bottom:0;left:0}.form__result-button{border:none;border-top:2px solid var(--color-accent);background-color:var(--color-accent);width:100%;color:var(--color-background);transition:background-color var(--transition-duration), color var(--transition-duration)}.form__result-button:active{background-color:var(--color-background);color:var(--color-accent)}.fieldset>.fieldset__label{width:fit-content}.fieldset__top{align-items:center;gap:1rem;display:flex}.fieldset__help-link{border:2px solid var(--color-element);width:3rem;height:3rem;color:var(--color-element);background-color:var(--color-background);transition:border var(--transition-duration);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.fieldset__help-link:hover{border:2px solid var(--color-accent);color:var(--color-accent);border-radius:0;outline:0}.fieldset__help-link:active{box-shadow:0px 0px 25px 0px var(--color-accent)}.fieldset__input-wrapper{grid-template-columns:repeat(4,1fr);display:grid}@media screen and (width<768px){.fieldset__input-wrapper{grid-template-columns:repeat(2,1fr)}}.fieldset__label{white-space:nowrap;width:fit-content;transition:color var(--transition-duration);flex-wrap:nowrap;align-items:center;display:flex}.fieldset__label:hover{color:var(--color-accent)}.fieldset__label:has(.fieldset__input-radio:disabled){color:var(--color-element);cursor:not-allowed}.fieldset__input-radio{cursor:pointer;width:1.5rem;height:1.5rem;margin-top:0;margin-right:.5rem}.fieldset__input-radio:disabled{cursor:not-allowed}.fieldset__input-text{border:2px solid var(--color-element);width:20rem;height:3rem;transition:border var(--transition-duration);border-radius:0;margin-top:.5rem}.fieldset__input-text::placeholder{transition:color var(--transition-duration)}.fieldset__input-text:hover,.fieldset__input-text:focus{border:2px solid var(--color-accent);border-radius:0;outline:0}.fieldset__input-text:hover::placeholder,.fieldset__input-text:focus::placeholder{color:var(--color-accent)}.fieldset__input-text:focus{box-shadow:0px 0px 25px 0px var(--color-accent)}.form__result-tooltip{background-color:var(--color-accent);color:var(--color-background);padding-inline:1rem;font-size:1.5rem}
