:root{--color-light:white;--color-dark:#212121;--color-signal:#fab700;--color-background:var(--color-light);--color-text:var(--color-dark);--color-accent:var(--color-signal);--size-bezel:.5rem;--size-radius:4px;line-height:1.4;font-family:"Inter",sans-serif;font-size:calc(.6rem + .4vw);color:var(--color-text);background:var(--color-background);font-weight:300;}h1,h2,h3{font-weight:900;}mark{background:var(--color-accent);color:var(--color-text);font-weight:bold;padding:0 .2em;}.card{background:var(--color-background);padding:calc(4*var(--size-bezel));margin-top:calc(4*var(--size-bezel));border-radius:var(--size-radius);border:3px solid var(--color-shadow,currentColor);box-shadow:.5rem .5rem 0 var(--color-shadow,currentColor);}.card--inverted{--color-background:var(--color-dark);color:var(--color-light);--color-shadow:var(--color-accent);}.card--accent{--color-background:var(--color-signal);--color-accent:var(--color-light);color:var(--color-dark);}.card *:first-child{margin-top:0;}.nameL{left:-150px!important;}.l-design-widht{max-width:40rem;padding:1rem;}.input{position:relative;margin:20px 5px;}.input__label{position:absolute;left:-120px;top:21px;padding:calc(var(--size-bezel)*.75) calc(var(--size-bezel)*.5);margin:calc(var(--size-bezel)*.75 + 3px) calc(var(--size-bezel)*.5);background:#ffc0cb;white-space:nowrap;transform:translate(0,0);transform-origin:0 0;background:var(--color-background);transition:transform 120ms ease-in;font-weight:bold;line-height:1.2;font-size: 17px;}.input__field{box-sizing:border-box;display:block;width:100%;border:2px solid rgb(58 56 56);padding:calc(var(--size-bezel)*1.5) var(--size-bezel);color:currentColor;background:transparent;border-radius:var(--size-radius);}.input__field:focus+.input__label,.input__field:not(:placeholder-shown)+.input__label{transform:translate(.25rem,-65%) scale(.8);color:var(--color-accent);}.button-group{margin-top:calc(var(--size-bezel)*2.5);}button{color:currentColor;padding:var(--size-bezel) calc(var(--size-bezel)*2);background:var(--color-accent);border:0;border-radius:var(--size-radius);font-weight:900;}button[type=reset]{background:var(--color-background);font-weight:200;}button+button{margin-left:calc(var(--size-bezel)*2);}.icon{display:inline-block;width:1em;height:1em;margin-right:.5em;}.hidden{display:none;}