.o-user{--form-column:1;--text-column:2;margin-top:calc(var(--header-height)*-1)}@media screen and (min-width:990px){.o-user[data-form-position=right]{--form-column:2;--text-column:1}}.o-user__inner{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;isolation:isolate}.o-user__header{margin-bottom:1rem}.o-user__header .a-link,.o-user__heading{display:inline-block}.o-user__heading{width:100%}.o-user__image-container{grid-column:1/-1;grid-row:1/-1;position:relative;z-index:-1}.o-user__image-container:before{background:var(--overlay-bg);content:"";inset:0;position:absolute}.o-user__image{inset:0;position:absolute;z-index:-1}.o-user__image img{display:block;height:100%;object-fit:cover;width:100%}.o-user__form-container{align-content:center;display:grid;gap:var(--spacing-md);grid-auto-flow:dense;grid-column:1/-1;grid-row:1/-1;grid-template-columns:1fr;padding-block:calc(var(--header-height) + var(--spacing-lg)) var(--spacing-xl)}@media screen and (min-width:990px){.o-user__form-container{grid-template-columns:repeat(2,1fr);grid-template-rows:min-content 1fr}}.o-user__form-container--reset{padding:var(--spacing-xl) 0}@media screen and (min-width:990px){.o-user__form-container--reset{grid-template-columns:1fr}.o-user__reset{margin:0 auto}}.o-user__reset form{display:flex;flex-direction:column;gap:1rem}.o-user__reset form .a-btn{margin:0 auto}.o-user__form-fields{display:grid;gap:var(--spacing-md);margin-bottom:2rem;width:100%}.o-user__form-fields .errors ul{margin-top:.5rem;padding-left:1.8rem}.o-user__form-fields .o-user__errors-title{width:100%}.o-user__form-fields #register-form-email-error,.o-user__form-fields #register-form-password-error,.o-user__form-fields .a-checkbox__label,.o-user__form-fields .errors,.o-user__form-fields .o-user__errors-list,.o-user__form-fields .o-user__errors-title{text-align:left}.o-user__form-fields--no-account-message-hidden{margin-bottom:1rem}.o-user__form-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm) var(--spacing-xs)}@media screen and (min-width:990px){.o-user__form-buttons{flex-direction:row;flex-wrap:wrap}}.o-user__form-buttons .a-btn{flex:1 1 auto}.o-user__link--cancel{margin-top:.8rem}.o-user__btns-container{display:flex;flex-wrap:wrap;gap:1.6rem}.o-user__errors-title{margin-bottom:0;outline:none}.o-user__errors-list{margin-top:.5rem;padding-left:1.8rem}.o-user__forgot-password-link{margin:1rem 0}.o-user__recover-success:focus-visible{outline:none}.o-user #register-form-email-error,.o-user #register-form-password-error{display:block;margin-top:.5rem}.o-user .a-input{margin-bottom:0}.o-user__intro{align-self:var(--v-pos);grid-column:1;justify-self:var(--h-pos);order:1}@media screen and (min-width:990px){.o-user__intro{grid-column:var(--text-column);grid-row:1;max-width:27rem;order:unset}.o-user__intro-inner{max-width:var(--max_width)}}.o-user__loyalty{border-radius:var(--border-radius-20);order:3;padding:var(--spacing-md)}@media screen and (min-width:990px){.o-user__loyalty{align-self:start;grid-column:var(--text-column);grid-row:2;max-width:27rem;order:unset}}.o-user__form{border-radius:var(--border-radius-20);grid-column:var(--form-column);justify-self:center;max-width:45rem;order:2;padding:var(--spacing-lg);width:100%}@media screen and (min-width:990px){.o-user__form{grid-row:1;max-width:35rem;order:unset}}@media screen and (min-width:990px){.o-user__form-container:has(.o-user__loyalty) .o-user__form{grid-row:1/span 2}}.o-user__has-account{display:grid;gap:var(--spacing-md)}.o-user__has-account p{margin:0}#recover{display:none}#recover:target{display:block}#recover:target~#login{display:none}