.gated-access{max-width:1024px;& .gated-access__container{flex-direction:column;justify-content:space-between;align-items:center;gap:1.2rem;width:100%;padding:0 2.4rem;display:flex;@media only screen and (width>=1024px){flex-direction:row;gap:3.6rem;padding:0 7.2rem}& .gated-access__image img{border-radius:16px;max-width:500px}& .gated-access__entry{align-self:center;width:100%;@media only screen and (width>=1024px){width:327px}& .gated-access__entry-heading{font-family:var(--font-secondary-family);margin-bottom:1.5rem;font-size:3.2rem}& .gated-access__entry-password-field{position:relative}& .gated-access__entry-submit{justify-content:center;width:100%;margin-top:1.5rem;font-size:1.2rem;@media only screen and (width>=1024px){height:45px;font-size:1.6rem}}& .gated-access__entry-password-field:focus-within .field__label,& .gated-access__entry-password-field:has(.field__input:not(:placeholder-shown)) .field__label,& .gated-access__entry-password-field.has-value .field__label{opacity:.8;font-size:12px;top:6px;transform:none}& .gated-access__entry-error{& .error__message{align-items:center;gap:4px;font-size:1.4rem;display:flex;@media only screen and (width>=1024px){margin-left:1rem}}& .svg-wrapper{width:1.4rem;height:1.4rem}}}}}