/* Entrance and interaction motion shared by the website and launcher cabinets. */
.account-section,.security-panel>section,.scp-card,.auth-card{animation:account-panel-in .48s ease-out both}
.account-section:nth-child(2),.scp-card:nth-child(2){animation-delay:.06s}
.account-section:nth-child(3),.scp-card:nth-child(3){animation-delay:.12s}
.account-section:nth-child(4),.scp-card:nth-child(4){animation-delay:.18s}
.security-panel>section:nth-child(2){animation-delay:.12s}
.community-actions a,.violet-button,.logout-button,.scp-button,.baranus-nav a{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.community-actions a:hover,.logout-button:hover,.scp-button:hover{transform:translateY(-2px)}
.community-actions a:active,.violet-button:active,.logout-button:active,.scp-button:active{transform:translateY(0)}
.skin-site-form select,.skin-site-form input,.scp-edit-form select,.scp-edit-form input,.password-form input{transition:border-color .18s,box-shadow .18s}
.skin-site-form :is(input,select):focus-visible,.scp-edit-form :is(input,select):focus-visible{outline:2px solid currentColor;outline-offset:2px}
.password-panel[open] .password-form,.scp-dialog[open]{animation:account-panel-in .24s ease-out both}
.skin-site-preview canvas,.skin-preview-box canvas,#scpSkinCanvas{animation:none!important;transform:none!important}
@keyframes account-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.account-section,.security-panel>section,.scp-card,.auth-card,.password-panel[open] .password-form,.scp-dialog[open]{animation:none!important}.community-actions a,.violet-button,.logout-button,.scp-button,.baranus-nav a,.skin-site-form select,.skin-site-form input,.scp-edit-form select,.scp-edit-form input,.password-form input{transition:none!important}}

.auth-tabs button:not(.active){background:#080808!important;color:#fff!important;border-color:#ffffff30!important}.auth-tabs button{transition:background-color .2s,border-color .2s,transform .2s}.auth-tabs button:hover:not(.active){background:#202020!important;border-color:#ffffff70!important}.auth-form:not([hidden]){animation:account-panel-in .25s ease-out both}@media(prefers-reduced-motion:reduce){.auth-form:not([hidden]){animation:none!important}.auth-tabs button{transition:none!important}}