kwikpass-login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}kwikpass-login.is--open{pointer-events:auto}kwikpass-login .kwikpass-login__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .25s ease}kwikpass-login.is--open .kwikpass-login__backdrop{opacity:1}kwikpass-login .kwikpass-login__panel{position:fixed;top:0;right:0;height:100%;width:100%;background:#fff;padding:4rem 3.2rem 3.2rem;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .3s ease,visibility .25s ease;overflow-y:auto;transform:translate(100%)}@media screen and (min-width:550px){kwikpass-login .kwikpass-login__panel{width:min(44rem,calc(100% - 5rem))}}kwikpass-login.is--open .kwikpass-login__panel{opacity:1;visibility:visible;transform:translate(0)}kwikpass-login .kwikpass-login__close{position:absolute;top:1.6rem;right:1.6rem;width:3.2rem;height:3.2rem;border:none;background:#00000073;border-radius:50%;font-size:2.2rem;line-height:1;cursor:pointer;color:#fff;z-index:1}kwikpass-login .kwikpass-login__hero{display:block;width:calc(100% + 6.4rem);max-width:none;margin:-4rem -3.2rem 2.4rem;height:20rem;object-fit:cover;object-position:50% 22%}kwikpass-login .kwikpass-login__title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem;text-align:center;color:#171717}kwikpass-login .kwikpass-login__subtitle{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;color:#171717a6;text-align:center;margin:0 0 2.4rem}kwikpass-login .kwikpass-login__link{border:none;background:none;text-decoration:underline;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.2rem;color:#171717;padding:0;margin-inline-start:.4rem}kwikpass-login .kwikpass-login__field{display:flex;align-items:center;border:1px solid #171717;margin-bottom:1.2rem}kwikpass-login .kwikpass-login__prefix{padding:0 1.2rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;color:#171717;border-right:1px solid #171717}kwikpass-login .kwikpass-login__input{flex:1;border:none;outline:none;padding:1.4rem 1.2rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;color:#171717;background:transparent}kwikpass-login .kwikpass-login__step[data-step=otp] .kwikpass-login__input{border:1px solid #171717;width:100%;margin-bottom:1.2rem;letter-spacing:.6em;text-align:center}kwikpass-login .kwikpass-login__error{color:#c00;font-size:1.2rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 0 1.2rem}kwikpass-login .kwikpass-login__submit{width:100%;height:4.8rem;background:#171717;color:#fff;border:1px solid #171717;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}kwikpass-login .kwikpass-login__submit:hover:not(:disabled){background:#000}kwikpass-login .kwikpass-login__submit:disabled{opacity:.6;cursor:not-allowed}kwikpass-login .kwikpass-login__benefits{list-style:none;margin:2.4rem 0 0;padding:2rem 0 0;border-top:1px solid rgba(23,23,23,.12);display:flex;flex-direction:column;gap:1.2rem}kwikpass-login .kwikpass-login__benefits li{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;color:#171717;padding-left:2.4rem;position:relative}kwikpass-login .kwikpass-login__benefits li:before{content:"";position:absolute;left:0;top:.15rem;width:1.6rem;height:1.6rem;border:1.5px solid #171717;border-radius:50%}kwikpass-login .kwikpass-login__benefits li:after{content:"";position:absolute;left:.5rem;top:.55rem;width:.45rem;height:.8rem;border-right:1.5px solid #171717;border-bottom:1.5px solid #171717;transform:rotate(45deg)}kwikpass-login .kwikpass-login__step[data-step=otp]{text-align:center}kwikpass-login .kwikpass-login__step[data-step=otp] .kwikpass-login__link{display:block;margin:1.6rem auto 0}kwikpass-login .kwikpass-login__step[data-step=otp] .kwikpass-login__link:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}kwikpass-login .kwikpass-login__step[data-step=success]{text-align:center;padding-block:1.6rem}kwikpass-login .kwikpass-login__submit--secondary{background:transparent;color:#171717}kwikpass-login .kwikpass-login__submit--secondary:hover:not(:disabled){background:#171717;color:#fff}[data-kwikpass-login-trigger].is--kp-logged-in{position:relative}[data-kwikpass-login-trigger].is--kp-logged-in:after{content:"";position:absolute;top:-.1rem;right:-.1rem;width:.8rem;height:.8rem;border-radius:50%;background:#2e7d32;border:.15rem solid rgb(var(--color-background, 255, 255, 255))}@media(prefers-color-scheme:dark){kwikpass-login .kwikpass-login__panel{background:#0a0a0a}kwikpass-login .kwikpass-login__title,kwikpass-login .kwikpass-login__prefix,kwikpass-login .kwikpass-login__link,kwikpass-login .kwikpass-login__input{color:#fff}kwikpass-login .kwikpass-login__field,kwikpass-login .kwikpass-login__prefix,kwikpass-login .kwikpass-login__step[data-step=otp] .kwikpass-login__input{border-color:#fff}kwikpass-login .kwikpass-login__benefits{border-top-color:#fff3}kwikpass-login .kwikpass-login__benefits li{color:#fff}kwikpass-login .kwikpass-login__benefits li:before,kwikpass-login .kwikpass-login__benefits li:after{border-color:#fff}kwikpass-login .kwikpass-login__submit{background:#fff;color:#171717;border-color:#fff}kwikpass-login .kwikpass-login__submit:hover:not(:disabled){background:#e0e0e0}kwikpass-login .kwikpass-login__submit--secondary{background:transparent;color:#fff;border-color:#fff}kwikpass-login .kwikpass-login__submit--secondary:hover:not(:disabled){background:#fff;color:#171717}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/kwikpass-login.css.map */