.section-auth{--section--width:560px;--section-auth--enter-duration:0.6s;--section-auth--enter-delay:0.1s;--section-auth--enter-step:0.07s;--section-auth--enter-ease:cubic-bezier(0.2,0.8,0.2,1)}.section-auth,.section-auth-card{align-items:flex-start;display:flex;flex-direction:column;width:100%}.section-auth-card{animation:break-auth-card-enter var(--section-auth--enter-duration) var(--section-auth--enter-ease) var(--section-auth--enter-delay) both;background-color:var(--color-surface);border:1px solid var(--color-border);max-width:34rem;padding:var(--spacing-10);position:relative;text-align:left}@media (max-width:767px){.section-auth-card{padding:var(--spacing-10) var(--spacing-9)}}.section-auth-card>*{animation:break-auth-enter var(--section-auth--enter-duration) var(--section-auth--enter-ease) calc(var(--section-auth--enter-delay) + var(--section-auth--enter-step)*6) both}.section-auth-card>:first-child{animation-delay:calc(var(--section-auth--enter-delay) + var(--section-auth--enter-step))}.section-auth-card>:nth-child(2){animation-delay:calc(var(--section-auth--enter-delay) + var(--section-auth--enter-step)*2)}.section-auth-card>:nth-child(3){animation-delay:calc(var(--section-auth--enter-delay) + var(--section-auth--enter-step)*3)}.section-auth-card>:nth-child(4){animation-delay:calc(var(--section-auth--enter-delay) + var(--section-auth--enter-step)*4)}.section-auth-card>:nth-child(5){animation-delay:calc(var(--section-auth--enter-delay) + var(--section-auth--enter-step)*5)}.section-auth-badge{align-items:center;background-color:var(--color-contrast);color:var(--color-background);display:inline-flex;height:3rem;justify-content:center;margin-bottom:var(--spacing-8);overflow:hidden;width:3rem}.section-auth-badge>svg{height:1.5rem;width:1.5rem}.section-auth-badge>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.section-auth-title{text-wrap:balance}.section-auth-text{text-wrap:pretty;color:var(--color-secondary);margin-top:var(--vertical-rhythm);max-width:28rem}.section-auth-text>b{color:var(--color-contrast);font-weight:var(--font-medium)}.section-auth-status{align-items:center;border:1px solid var(--color-border-darker);color:var(--color-contrast);display:inline-flex;margin-top:var(--spacing-8);padding:var(--spacing-2) var(--spacing-5)}.section-auth-status-paid{border-color:var(--ghost-accent-color);color:var(--ghost-accent-color)}.section-auth-meta{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:0;margin-top:var(--spacing-10);padding-top:var(--spacing-9);text-align:left;width:100%}.section-auth-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-7);justify-content:space-between}.section-auth-row>dt{color:var(--color-secondary);font-family:var(--font-mono);font-size:var(--font-xx-small);letter-spacing:.05em;text-transform:uppercase}.section-auth-row>dd{color:var(--color-contrast);font-size:var(--font-x-small);font-weight:var(--font-medium);margin-left:0;text-align:right}.section-auth-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-10);width:100%}.section-auth-actions>.button{flex:0 0 auto}.section-auth-button-mute{--button--color:var(--color-contrast);--button--background-color:transparent;--button-hover--color:var(--ghost-accent-color);--button-hover--background-color:transparent;--button-hover--opacity:1;border:1px solid var(--color-border-darker)}.section-auth-alt{color:var(--color-secondary);margin-top:var(--spacing-8)}.section-auth-alt>a{color:var(--color-contrast);font-weight:var(--font-medium);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color var(--duration-micro) var(--ease-micro)}.section-auth-alt>a:hover{text-decoration-color:var(--color-contrast);transition-duration:0s}.section-auth-links{align-items:center;color:var(--color-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-6);justify-content:center;margin-top:var(--spacing-9)}.section-auth-links>a{transition:color var(--duration-micro) var(--ease-micro)}.section-auth-links>a:hover{color:var(--color-contrast)}.section-auth-links>*+:before{color:var(--color-mute);content:"·";margin-right:var(--spacing-6)}@keyframes break-auth-card-enter{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes break-auth-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.section-auth-card,.section-auth-card>*{animation:none}}