.attention-wave{position:relative;overflow:hidden}.attention-wave:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff2e 40% 60%,#0000 100%);animation:3s ease-in-out 1s infinite attention-wave-ltr;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .attention-wave:after{animation-name:attention-wave-rtl;transform:translate(100%)}@keyframes attention-wave-ltr{0%{transform:translate(-100%)}40%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes attention-wave-rtl{0%{transform:translate(100%)}40%{transform:translate(-100%)}to{transform:translate(-100%)}}.attention-throb,.attention-wave.attention-throb{animation:3s ease-in-out 1s infinite attention-throb}@keyframes attention-throb{0%{box-shadow:0 0 #2b56f266}15%{box-shadow:0 0 0 6px #2b56f200}30%,to{box-shadow:0 0 #2b56f200}}@media (prefers-reduced-motion:reduce){.attention-wave:after,.attention-throb,.attention-wave.attention-throb{animation:none}}@keyframes ra-circular-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ra-circular-root{display:inline-flex}.ra-circular-spin{animation:1.4s linear infinite ra-circular-rotate}@media (prefers-reduced-motion:reduce){.ra-circular-spin{animation:none}}.textfield-wrapper{flex-direction:column;font-family:Roboto,sans-serif;display:flex;& label{text-align:start;padding-block-end:0}}.textfield-input{border:var(--input-border-width,1px) solid var(--input-border-color,#ccc);border-radius:var(--control-radius,8px);padding:var(--input-padding-block,10px) 12px;box-sizing:border-box;width:100%;color:var(--input-text-color);font-size:1rem}.textfield-password-wrapper{position:relative;& .textfield-input{padding-inline-end:44px}& .pw-visibility-toggle{inset-inline-end:0;border-radius:var(--control-radius,8px);cursor:pointer;min-width:44px;min-height:44px;color:var(--text-color,black);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);&:hover{opacity:1}&:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px;opacity:1}& svg{fill:currentColor;flex-shrink:0;width:20px;height:20px;display:inline-block}}}.textfield-wrapper.disabled{opacity:.5}.textfield-label{color:#212121;font-size:.875rem;font-weight:500}.textfield-label.error{color:var(--error-color)}.textfield-wrapper.full-width{width:100%}.textfield-wrapper.row{flex-direction:row;align-items:baseline}.textfield-input.error{border-color:var(--error-color,#b3261e)}.textfield-prefix-wrapper{border:var(--input-border-width,1px) solid var(--input-border-color,#ccc);border-radius:var(--control-radius,8px);overflow:hidden}.textfield-prefix-wrapper .textfield-input{border:none;border-inline-start:var(--input-border-width,1px) solid var(--input-border-color,#ccc);border-radius:0}.textfield-prefix-wrapper .button{white-space:nowrap;border:none;border-radius:0;flex-shrink:0;height:100%}.textfield-input.textfield-input--underline{border:0;border-bottom:1px solid var(--text-color,black);border-radius:0;padding:4px}.textfield-input.textfield-input--underline.error{border-bottom-color:var(--error-color,#b3261e)}.textfield-input.small{height:40px;padding:8.5px 4px 4px}.textfield-input::placeholder{color:var(--input-placeholder-color,#767676)}.textfield-input:focus{outline:2px solid var(--focus-ring-color);outline-offset:-1px;outline-style:auto}.textfield-helptext{color:var(--text-secondary-color,#6d6d6d);font-size:.85rem}.textfield-errors{color:var(--error-color,#b3261e);margin-block:0;padding-inline-start:0;font-size:.75rem;list-style-position:inside;& li{margin-bottom:4px;list-style-type:none}}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.gap-xxl{gap:32px}