body:has(.loginModal[open]){overflow:hidden}.loginModal{--padding: var(--space-fixed-4);background-color:var(--color-off-white);border:none;border-radius:var(--bdrs-l);container:login-modal/inline-size;max-width:calc(100vw - 2*var(--space-outer));padding:var(--padding);width:100%}@media(min-width: 37.5em){.loginModal{--padding: var(--space-fixed-5)}}@media(min-width: 60em){.loginModal{max-width:55rem;--padding: var(--space-fixed-6)}}.loginModal::backdrop{background-color:rgba(0,0,0,.5)}os-login-modal[active-view]:not([active-view=login]) os-login-form{display:none}os-login-modal:not([active-view]) .loginModal__welcome,os-login-modal[active-view]:not([active-view=welcome]) .loginModal__welcome{display:none}.loginModal__chips{display:grid;margin-block:var(--space-fixed-5);row-gap:var(--space-fixed-2)}@container login-modal (max-width: 449px){.loginModal__chips{row-gap:var(--space-fixed-4)}}.loginModal__chips-row{align-items:center;display:flex;flex-direction:column;justify-content:space-between;row-gap:var(--space-fixed-2)}@container login-modal (min-width: 450px){.loginModal__chips-row{border:1px solid var(--color-light-gray);border-radius:100px;flex-direction:row;padding-block:var(--space-fixed-1);padding-inline:var(--space-fixed-3) var(--space-fixed-1)}}@container login-modal (max-width: 449px){.loginModal__chips-row .btn,.loginModal__logout{justify-content:center;width:100%}}.loginModal__close{position:absolute;right:0;top:0}.loginModal__close button{--size: var(--space-fixed-5);appearance:none;background-color:rgba(0,0,0,0);border:none;color:currentcolor;cursor:pointer;display:grid;height:var(--size);place-items:center;width:var(--size)}@media(min-width: 60em){.loginModal__close button{--size: var(--space-fixed-6)}}.loginModal__footnote{color:var(--color-cool-gray)}.loginModal__form{--background-color-input: var(--color-white);background-color:rgba(0,0,0,0)}.loginModal__alert{margin-block-start:var(--space-fixed-2)}.loginModal__fieldset{align-items:flex-end;border:none;display:flex;margin:0;padding:0}@media(max-width: 59.9375em){.loginModal__fieldset{align-items:stretch;flex-direction:column}}@media(min-width: 60em){.loginModal__form .field{flex:1}}.loginModal__fieldset[disabled] button[type=submit]{--color-bg-btn-primary: var(--color-gray);--color-bg-btn-primary-hover: var(--color-gray);cursor:default}.loginModal__fieldset[disabled] button[type=submit]::before{transform:none}.loginModal__form button[type=submit] .btn__text{width:100%}os-login-form[state=loading] button[type=submit] .btn__text{visibility:hidden}.loginModal__form .loginModal__loader{animation:rotate 1s linear infinite;left:0;position:absolute;width:100%}os-login-form:not([state=loading]) .loginModal__loader{display:none}.loginModal__title:not(:has(+.loginModal__subtitle)),.loginModal__subtitle{margin-block-end:var(--space-fixed-3)}@media(min-width: 37.5em){.loginModal__title:not(:has(+.loginModal__subtitle)),.loginModal__subtitle{margin-block-end:var(--space-fixed-4)}}

/*# sourceMappingURL=loginModal.css.map */