body.account-experience #root main{padding-bottom:5rem}
body.account-experience [role="tablist"]{gap:.3rem;padding:.25rem}
body.account-experience [role="tablist"] [role="tab"]{position:relative;min-height:3rem;border:1px solid transparent;border-radius:.8rem;padding:.75rem .9rem;transition:color .18s,background .18s,border-color .18s,transform .18s}
body.account-experience [role="tablist"] [role="tab"]:hover{border-color:rgb(255 255 255/.08);background:rgb(255 255 255/.045);transform:translateX(2px)}
body.account-experience [role="tablist"] [role="tab"][aria-selected="true"]{border-color:rgb(139 92 246/.38);background:linear-gradient(100deg,rgb(124 58 237/.2),rgb(124 58 237/.08));box-shadow:inset 3px 0 0 #8b5cf6,0 8px 24px rgb(0 0 0/.12)}
body.account-experience [role="tabpanel"]{display:grid;gap:1rem}
body.account-experience [role="tabpanel"].account-panel-enter-forward{animation:account-panel-enter-forward .24s cubic-bezier(.22,1,.36,1) both}
body.account-experience [role="tabpanel"].account-panel-enter-backward{animation:account-panel-enter-backward .24s cubic-bezier(.22,1,.36,1) both}
@keyframes account-panel-enter-forward{from{opacity:.18;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@keyframes account-panel-enter-backward{from{opacity:.18;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
body.account-experience [role="tabpanel"]>.priviot-glass-card,
body.account-experience [role="tabpanel"]>div>.priviot-glass-card,
body.account-experience [role="tabpanel"]>section{border-color:rgb(255 255 255/.105)!important;background:linear-gradient(145deg,rgb(255 255 255/.038),rgb(255 255 255/.018))!important;box-shadow:0 18px 55px rgb(0 0 0/.12),inset 0 1px 0 rgb(255 255 255/.025)}
body.account-experience [role="tabpanel"] h2{color:var(--color-ink,#f7f4ff);letter-spacing:.045em}
body.account-experience [role="tabpanel"] input:not([type="checkbox"]):not([type="radio"]),
body.account-experience [role="tabpanel"] select,
body.account-experience [role="tabpanel"] textarea{min-height:3rem;border-radius:.8rem!important;border-color:rgb(255 255 255/.12)!important;background:rgb(6 4 11/.62)!important;transition:border-color .18s,box-shadow .18s,background .18s}
body.account-experience [role="tabpanel"] textarea{min-height:7rem}
body.account-experience [role="tabpanel"] input:not([type="checkbox"]):not([type="radio"]):focus,
body.account-experience [role="tabpanel"] select:focus,
body.account-experience [role="tabpanel"] textarea:focus{border-color:rgb(139 92 246/.7)!important;background:rgb(9 6 15/.8)!important;box-shadow:0 0 0 3px rgb(124 58 237/.14)!important}
body.account-experience [role="tabpanel"] button:not(.account-avatar-current):not(.account-avatar-option):not(.account-switch),
body.account-experience [role="tabpanel"] a[class*="rounded"]{min-height:2.75rem;border-radius:.78rem!important}
body.account-experience [role="tabpanel"] .account-switch{box-sizing:border-box;min-width:2.9rem!important;width:2.9rem!important;min-height:1.65rem!important;height:1.65rem!important;padding:0!important;border-radius:999px!important}
body.account-experience [role="tabpanel"] button:focus-visible,
body.account-experience [role="tabpanel"] a:focus-visible{outline:2px solid #a78bfa;outline-offset:3px}
body.account-experience [role="tabpanel"] [role="alert"]{border-radius:.75rem;padding:.72rem .85rem;background:rgb(248 113 113/.07)}
body.account-experience .account-avatar-card{border:0!important;background:transparent!important;box-shadow:none!important}
body.account-experience .account-information-card{border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.account-experience .account-information-card>h2{font-size:.72rem!important;letter-spacing:.14em!important}
body.account-experience .account-credential-form{padding:1rem;border:1px solid rgb(255 255 255/.08);border-radius:.85rem;background:rgb(255 255 255/.025)}
body.account-experience .account-credential-submit{min-width:9rem}
@media(min-width:1024px){body.account-experience [role="tablist"]{padding:.35rem}body.account-experience [role="tabpanel"]{gap:1.15rem}}
@media(max-width:1023px){body.account-experience [role="tablist"] [role="tab"]:hover{transform:none}body.account-experience [role="tablist"] [role="tab"][aria-selected="true"]{box-shadow:inset 0 -2px 0 #8b5cf6}}
@media(max-width:640px){body.account-experience [role="tabpanel"]>.priviot-glass-card{border-radius:1rem!important}}
@media(prefers-reduced-motion:reduce){body.account-experience [role="tabpanel"].account-panel-enter-forward,body.account-experience [role="tabpanel"].account-panel-enter-backward{animation:none}}
