.framio-access-page{background:rgb(var(--ds-surface-1));min-height:100svh;color:rgb(var(--ds-fg-1));place-items:center;padding:48px 24px;display:grid;position:relative}.framio-access-dots{pointer-events:none;opacity:.7;background:url(/sites/framio/dots-0.png) 50%/cover;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 25%,#000 80%);mask-image:radial-gradient(#0000 25%,#000 80%)}.framio-access-content{width:min(288px,100%);position:relative}.framio-access-content.is-wide{width:min(440px,100%)}.framio-access-brand{justify-content:center;margin-bottom:32px;display:flex}.framio-access-brand .framio-logo{width:72px;height:24px}.framio-access-step{overflow-wrap:anywhere;gap:20px;display:grid}.framio-access-step h1{text-align:center;margin:0 0 4px;font-size:20px;font-weight:500;line-height:28px}.framio-access-step p{color:rgb(var(--ds-fg-2));margin:0;font-size:14px;line-height:22px}.framio-access-step form,.framio-access-actions{gap:12px;display:grid}.framio-access-step label,.framio-access-step small,.framio-access-step .framio-field-description{color:rgb(var(--ds-fg-2));font-size:12px;font-weight:400;line-height:18px}.framio-access-step .framio-field{gap:12px}.framio-access-step .framio-input,.framio-access-step .framio-button{width:100%;min-height:44px}.framio-access-step .framio-input{padding-inline:12px}.framio-access-footer{justify-content:center;display:flex;position:absolute;inset:auto 0 16px}