/* uform-base */
.uform{--control-point-size:14px;--control-point-radius:99px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;container-type:inline-size;&:not(.loaded){position:relative;& *{opacity:0}&::after{content:'';position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3YzdjZTciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXItY2lyY2xlIj48cGF0aCBkPSJNMjEgMTJhOSA5IDAgMSAxLTYuMjE5LTguNTYiLz48L3N2Zz4=);width:48px;height:48px;animation:--uform-loading 1s infinite}}&.submitted{:is(.slide-controls,.groups){display:none}}& .on-submit{display:flex;flex-direction:column;justify-content:center;align-items:center}}.control-points{width:100%;padding:.5rem 2rem;display:flex;justify-content:center;align-items:center;gap:1em;box-sizing:border-box}.control-points .point{--inactive-color:#d1d1d1;--filled-color:color-mix(in lch,var(--inactive-color) 80%,#000 20%);display:block;background:var(--inactive-color);width:var(--control-point-size);height:var(--control-point-size);border-radius:var(--control-point-radius);position:relative;cursor:pointer;&:is(.done,.filled){background:var(--inactive-color);&::after{opacity:1;background:var(--filled-color)}}&.current::before{content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50%;width:100%;height:100%;background:#88d;border-radius:var(--control-point-radius);z-index:-1;animation:--uform-pulse 1s infinite}&::after{content:'';display:block;position:absolute;left:50%;top:50%;width:calc(var(--control-point-size) / 1.5);height:calc(var(--control-point-size) / 1.5);border-radius:var(--control-point-radius);transform:translate(-50%,-50%);opacity:0}}@keyframes --uform-pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(0.8)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes --uform-loading{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.control-points .point.current::after{opacity:1;background:#67b677}.uform .groups{width:max-content;display:flex;scroll-behaviour:smooth;position:relative;box-sizing:border-box;transition:left 500ms ease-in;&>.group{width:75cqw;padding:1.5rem 2rem;margin:0 12.5cqw;background:#f4f4f4;border-radius:1em;transition:opacity 500ms ease-out;box-sizing:border-box;opacity:0;&.active{opacity:1}}}@media only screen and (max-width:768px){.uform .groups>.group{padding:.5rem 0;&:not(.active){height:0}}}

/* uform-style-modern */
.uform{--prim:var(--primary,orange);--prim-text:var(--primary-text,white);--outline:4px solid color-mix(in lch,var(--prim) 50%,#fff 50%);margin-bottom:1em;*{font-size:18px;font-family:sans-serif}input,button,textarea,select{border:1px solid #d1d1d1;border-radius:6px;padding:.6em .6em}.group{display:flex;flex-direction:column;gap:.6em}.on-submit{background:#f4f4f4}.controls{width:100%;display:flex;gap:.6em;margin-top:auto;button{width:50%}}input,select,textarea{color:#1f1f1f;background:white;&:is(select){background:#e9e9ed}box-shadow:0 0 2px rgba(20,20,20,0.2);transition:outline 150ms ease-in-out;&:focus{outline:var(--outline)}&.hint:invalid,&.hint.invalid{background:#faa;color:black}&[type="date"]::before{content:attr(placeholder);display:block}}button{background:var(--prim);color:var(--prim-text);transition:all 150ms ease-in-out;border:0;cursor:pointer;&:hover{background:color-mix(in lch,var(--prim) 80%,#000 20%);color:white;box-shadow:0 0 2px rgba(20,20,20,0.2);color:var(--prim-text)}&:focus{outline:var(--outline)}}.slide-controls{.index-text{padding:0;margin:0;text-transform:uppercase;letter-spacing:2px;color:#727272;text-align:center;font-family:sans-serif}}}