@font-face{font-family:Karrik;font-style:normal;font-weight:400;src:url(../fonts/Karrik-Regular.woff2) format("woff2")}@font-face{font-family:Karrik;font-style:italic;font-weight:400;src:url(../fonts/Karrik-Italic.woff2) format("woff2")}:root{--background:#f7f6f0;--primary:#1f1f1f;--highlights:#fa842e}@media(prefers-color-scheme:dark){:root{--background:#1f1f1f;--primary:#dedcd7;--highlights:#fa842e}}body{background-color:var(--background);color:var(--primary);font-family:Karrik}a{color:var(--highlights)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.button__primary{background-color:var(--highlights);border-radius:3em;color:var(--background);padding:.5em 1em;text-decoration:none;transition:all .5s ease-in-out}.button__primary:hover{border-radius:.5em;box-shadow:0 2px 8px #0000001f}.error{border:1px solid var(--primary);padding:1em}.btn-cancel,.btn-edit,.btn-save{background-color:transparent;border:1px solid var(--primary);border-radius:.25em;color:var(--primary);cursor:pointer;font-family:Karrik;font-size:.9em;margin-left:.5em;padding:.35em .75em;transition:all .2s ease}.btn-edit:hover{background-color:var(--primary);color:var(--background)}.btn-save{background-color:#4caf50;border-color:#4caf50;color:#fff}.btn-save:hover:not(:disabled){background-color:#45a049}.btn-cancel{background-color:#f44336;border-color:#f44336;color:#fff;margin-left:.25em}.btn-cancel:hover:not(:disabled){background-color:#da190b}.btn-cancel:disabled,.btn-edit:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.name-edit-form{display:inline-flex;flex-direction:column;gap:.5em}.name-edit-form input{background-color:var(--background);border:1px solid var(--primary);border-radius:.25em;color:var(--primary);font-family:Karrik;padding:.5em}.error-message{color:#f44336;font-size:.85em;margin-top:.25em}*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}
