#account,#create-account{background-color:var(--color-peach)}:is(#account,#create-account) .main-content .form-vertical-wrapper .h1,:is(#account,#create-account) .main-content .form-vertical-wrapper h1{margin-bottom:9rem}:is(#account,#create-account) #MainContent .section__header{display:flex;justify-content:center;align-items:center;gap:10rem;margin-bottom:7rem}:is(#account,#create-account) #MainContent .section__header h2{--ff: var(--font-value-med);--font-family: var(--font-value-med)}:is(#account,#create-account) #MainContent .section__header .section__header--active{position:relative}:is(#account,#create-account) #MainContent .section__header .section__header--active:before{content:url(//kravebeauty.com/cdn/shop/t/256/assets/active-circle.svg?v=1773004\2026);position:absolute;width:200%;left:-6rem;top:-2rem}:is(#account,#create-account) #MainContent .section__header .section__header--active.--sign-up:before{width:150%;left:-4rem;top:-1rem}:is(#account,#create-account) #MainContent input:not([type=checkbox],[type=radio]){margin-bottom:1.5rem}:is(#account,#create-account) #MainContent input:is([type=checkbox],[type=radio]){margin:0;margin-right:1rem}:is(#account,#create-account) #MainContent label{display:block}:is(#account,#create-account) #MainContent .btn{height:4rem;margin-top:4rem}:is(#account,#create-account) #MainContent input[type=email]{background-color:var(--color-white);max-width:unset;box-shadow:unset}@media screen and (max-width: 768px){:is(#account,#create-account) #MainContent .btn:last-child{margin-top:0}:is(#account,#create-account) .section__header{gap:5rem}:is(#account,#create-account) .section__header .section__header--active:before{width:175%;left:-3.5rem;top:-1rem}}.form-vertical-wrapper:has(#CustomerLoginForm){max-width:55rem}#CustomerLoginForm .account-buttons{display:flex;gap:2.5rem;margin-bottom:2rem}#CustomerLoginForm .return{text-align:left}#CustomerLoginForm .return p{--font-family: var(--font-basis-med)}#CustomerLoginForm .return a:before,#CustomerLoginForm .return a:after{content:unset}@media screen and (max-width: 768px){#CustomerLoginForm .account-buttons{flex-direction:column;gap:1.5rem}}#RecoverPasswordForm #RecoverEmail{background-color:var(--color-white);max-width:unset;box-shadow:unset}#RecoverPasswordForm .light-gray{margin-bottom:1.5rem}#RecoverPasswordForm .btn{margin-block:4rem 2rem}#RecoverPasswordForm [data-hide-reset]{font-weight:600}#RecoverPasswordForm [data-hide-reset]:before,#RecoverPasswordForm [data-hide-reset]:after{content:unset}.template- #__next :is(h1,h2,h3,h4,h5){font-family:var(--font-value)}.template- #__next .Jea.XiG{min-width:400px!important}.template- #__next h3{font-size:2.8rem}.template- #__next button{font-family:var(--font-abc)}.template- #__next button :is(.css-1k33q06,.css-vubbuv){width:1.5em;height:1.5em}.template- .Select_select-dropdown-popover__71MjL{margin:0}.template- .Select_select-dropdown-popover__71MjL button{font-family:var(--font-abc);font-size:1.6rem}.template- .chUUXF:has(.idzcOr:empty){display:none}
/*# sourceMappingURL=/cdn/shop/t/321/assets/_accounts.css.map */