.multi-step-signup{opacity:0;visibility:hidden;transition:all .3s ease;background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000000000;display:grid;grid-template-rows:auto auto 1fr}.multi-step-signup.active{opacity:1;visibility:visible}.multi-step-signup__header{display:grid;grid-template-columns:1fr auto 1fr;height:60px;padding:0 20px;align-items:center}.multi-step-signup__pager{height:42px;display:grid;justify-items:center;align-content:flex-start;grid-gap:4px;font-size:12px;border-bottom:1px solid #eaeaea}.multi-step-signup__steps{overflow:auto;height:calc(100vh - 102px);padding:40px 30px 200px}.multi-step-signup__form{display:grid;align-content:center;text-align:center}.multi-step-signup__step-1,.multi-step-signup__step-3{width:100%;max-width:520px;margin:auto}.multi-step-signup__step-2{text-align:center;max-width:820px;margin:auto;width:100%}.multi-step-signup__step-4{max-width:1010px;margin:auto}.multi-step-signup__step-5{max-width:680px;width:100%;margin:auto}.multi-step-signup__step-5 h2{max-width:360px;margin:auto}.multi-step-signup__step-5 p{max-width:550px;margin:20px auto 30px}.multi-step-signup__step-login{padding:20px 0}.multi-step-signup__step-login .gated-article__signup-login{font-size:16px}@media screen and (min-width: 1024px){.multi-step-signup__step-login .gated-article__signup-login{font-size:16px}}.multi-step-signup__step-title{font-size:26px;margin-bottom:10px}.multi-step-signup__step-description{margin-bottom:20px}.multi-step-signup__header-right{display:grid;justify-content:flex-end}.multi-step-signup__prev{display:flex;align-items:center;column-gap:12px}.multi-step-signup__dots{display:flex;column-gap:6px}.multi-step-signup__dot{width:8px;height:8px;border-radius:8px;background:#b6b6b6;transition:background .3s ease}.multi-step-signup__dot.active{background:#000}.multi-step-signup__footer{position:fixed;left:0;bottom:0;z-index:1;right:0;background:#fff;border-top:1px solid black;padding:20px;display:grid;justify-items:center;grid-gap:16px}.multi-step-signup__required{font-size:12px}.multi-step-signup__interests{display:grid;grid-gap:10px;text-align:left;margin-top:20px}.multi-step-signup__interest{display:grid;grid-template-columns:100px 1fr;background:#f2f2f2;transition:background .3s ease;position:relative}.multi-step-signup__interest.active{background:#d9e1ef}.multi-step-signup__interest-added,.multi-step-signup__interest.active .multi-step-signup__interest-add{display:none}.multi-step-signup__interest.active .multi-step-signup__interest-added{display:block}.multi-step-signup__interest svg{position:absolute;top:10px;right:10px;width:30px}.multi-step-signup__interest-content{padding:8px 20px;display:grid;justify-items:flex-start;align-content:center;text-align:left}.multi-step-signup__interest-image{aspect-ratio:.75;position:relative}.multi-step-signup__interest-title{font-size:14px;margin:8px 0}.multi-step-signup__interest-description{font-size:10px;line-height:1.3}.multi-step-signup__brand-list{height:248px;position:relative;margin-top:20px}.multi-step-signup__select{display:flex;column-gap:8px;align-items:center;padding:6px 8px;font-size:12px;background:#f2f2f2;margin-bottom:8px;border-radius:999px}.multi-step-signup__step-video{aspect-ratio:1.8;position:relative;margin-bottom:30px}.multi-step-signup__select:not([data-brand]).active{background:#d9e1ef}.multi-step-signup__select.active .multi-step-signup__add{display:none}.multi-step-signup__select.active .multi-step-signup__added{display:block}.multi-step-signup__multi-container{margin-top:25px}.multi-step-signup__multi-select{display:flex;flex-wrap:wrap;column-gap:12px;align-content:flex-start;justify-content:center}.multi-step-signup__brand-inner{overflow:auto;height:100%;padding-bottom:85px;display:flex;flex-wrap:wrap;column-gap:12px;align-content:flex-start}.multi-step-signup__gradient{position:absolute;bottom:0;left:0;width:100%;height:85px;z-index:1;pointer-events:none;background:linear-gradient(0deg,#fff,#fff0)}.multi-step-signup__added{display:none}.multi-step-signup__watches-count{display:flex;align-items:center;column-gap:12px;margin-top:30px}.multi-step-signup__error{text-align:center;font-size:12px;color:red;display:none}.multi-step-signup__errors ul{list-style-type:disc}.multi-step-signup__errors li{list-style:disc;margin-left:30px}.multi-step-signup__disclaimer{margin-top:10px}.multi-step-signup__disclaimer p{text-align:left;font-size:12px;line-height:1.4;margin-bottom:10px}.multi-step-signup__disclaimer p:last-child{opacity:60%;font-size:12px}.multi-step-signup__label{margin-bottom:16px;display:block}.multi-step-signup__brand-tags{display:flex;column-gap:8px;justify-content:center;flex-wrap:wrap}.brand-tag{height:24px;background:#d9e1ef;display:flex;align-items:center;font-size:12px;border-radius:20px;line-height:24px;padding:0 12px 0 16px;margin-bottom:8px}.brand-tag span{display:inline-block;padding-right:8px}.remove-brand-tag{font-size:18px;position:relative;top:-1px}multi-step-signup .field-container{margin-bottom:20px}multi-step-signup .field{margin-bottom:0}.field-container .field-error{margin-top:6px;font-size:12px;display:none}.field-container.active .field-error{display:flex}.field-container.active input{border:1px solid #EC1F1F}.field-error{display:flex;justify-content:flex-start;align-items:center;column-gap:6px;color:#ec1f1f}@media screen and (min-width: 768px){.multi-step-signup__header{height:82px;padding:0 30px}.multi-step-signup__step-description{margin:0 auto 30px;max-width:520px}.multi-step-signup__steps{height:calc(100vh - 124px)}.multi-step-signup__step-title{font-size:32px}.multi-step-signup__interests{grid-template-columns:1fr 1fr;margin-top:30px}}@media screen and (min-width: 1024px){.multi-step-signup__header{padding:0 40px}.multi-step-signup__footer{position:relative;left:unset;bottom:unset;right:unset;padding:0;background:transparent;border:0;margin-top:40px}.multi-step-signup__steps{height:calc(100vh - 146px);padding:40px 30px;display:grid}.multi-step-signup__step-title{font-size:36px}.multi-step-signup__interests{grid-template-columns:1fr 1fr 1fr;margin-top:50px}.multi-step-signup__interest{grid-template-columns:118px 1fr}.multi-step-signup__interest-title{font-size:16px}.multi-step-signup__interest-description{font-size:12px}.multi-step-signup__select{padding:8px 12px;column-gap:12px;margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/373/assets/section-multi-step-signup.css.map */