@layer components{.l-auth-logo{display:flex;flex:none;align-items:center;justify-content:center;padding:calc(var(--spacing)*6) calc(var(--spacing)*4)}@media(max-width:1099.9px){.l-auth-logo{--logo-h:calc(var(--spacing)*6)}}.l-auth-content{display:flex}.l-auth-1{display:flex;flex:1;align-items:center;justify-content:center;width:100%;padding:calc(var(--spacing)*4)}.l-auth-inner{display:flex;flex-direction:column;width:100%;min-width:0;max-width:var(--auth-width,calc(var(--spacing)*110))}.u-auth-dialog .un-dialog{width:calc(var(--spacing)*110)}.u-auth-dialog[data-size=sm] .un-dialog{width:calc(var(--spacing)*90)}.u-auth-dialog[data-size=md] .un-dialog{width:calc(var(--spacing)*125)}.u-auth-dialog[data-size=lg] .un-dialog{width:calc(var(--spacing)*175)}.u-auth-page{display:flex;flex-direction:column;width:100%;min-width:0;max-height:90dvh;overflow:hidden;border:1px solid var(--colors-line);border-radius:var(--radius-lg,.5rem);background:var(--colors-surface);color:var(--colors-fg)}.u-auth-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--spacing);min-height:calc(var(--control-h) + var(--spacing)*2);padding:calc(var(--spacing)*3) calc(var(--spacing)*4);border-block-end:1px solid var(--colors-line)}.u-auth-title{margin:0;color:var(--colors-fg);font-size:1rem;font-weight:400;line-height:1.5}.u-auth-body{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)*3);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--spacing)*4)}.u-auth-footer{flex:none;gap:calc(var(--spacing)*2);min-height:calc(var(--spacing)*15);padding:calc(var(--spacing)*3) calc(var(--spacing)*4);border-block-start:1px solid var(--colors-line)}.u-auth-footer,.u-auth-footer-text{display:flex;flex-wrap:wrap;align-items:center}.u-auth-footer-text{justify-content:center;gap:var(--spacing);width:100%;color:var(--colors-fg-muted);text-align:center}.u-auth-footer-text,.u-auth-note{margin:0;font-size:.875rem;line-height:1.25rem}.u-auth-note{padding:calc(var(--spacing)*2) calc(var(--spacing)*3);border:1px solid;border-radius:var(--radius-lg,.5rem);background:var(--colors-surface);overflow-wrap:anywhere}.u-auth-providers{display:flex;flex-direction:column;gap:calc(var(--spacing)*2);width:100%;min-width:0}.u-auth-providers-caption{margin:0;color:var(--colors-fg-muted);font-size:.875rem;line-height:1.25rem;text-align:center}.l-account-1{--edge-x:max(var(--edge-px,12px),calc((100% - var(--container-page))/2));--edge-t:max(0px,var(--edge-x));grid-template-columns:var(--edge-t) minmax(0,1fr) var(--edge-t);padding-block:var(--account-pad,calc(var(--spacing)*4))}.l-account-1,.l-account-panel{display:grid;flex:1;width:100%;min-width:0}.l-account-panel{grid-column:2;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:calc(var(--spacing)*4);align-content:start;justify-self:center;max-width:calc(var(--spacing)*300)}.l-account-body,.l-account-section{display:flex;flex-direction:column;gap:calc(var(--spacing)*4);min-width:0}@media(min-width:1200px){.l-account-1{padding-block:var(--account-pad,calc(var(--spacing)*6))}}.l-account-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--colors-line);background:var(--colors-surface-2)}.l-account-card-title{display:flex;flex:none;align-items:center;gap:calc(var(--spacing)*2);min-width:0;margin:0;padding:calc(var(--spacing)*4) calc(var(--spacing)*4) 0;font-weight:600;color:var(--colors-fg-strong)}.l-account-card-body{display:flex;flex:1;gap:calc(var(--spacing)*4);min-width:0;padding:calc(var(--spacing)*4)}.l-account-head{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:calc(var(--spacing)*2);padding-inline:0}.l-account-head-title{display:flex;align-items:center;gap:calc(var(--spacing)*3);min-width:0;margin:0;margin-inline-end:auto;font-weight:700;line-height:1.3;color:var(--colors-fg-title)}.l-account-head-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-account-head-actions{display:flex;flex:none;align-items:center;gap:calc(var(--spacing)*2)}@media(min-width:1200px){.l-account-head{display:none}}.l-account-menu{min-width:0;overflow:hidden;border:1px solid var(--colors-line)}.l-account-menu-inner{display:flex;gap:calc(var(--spacing)*2);min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:calc(var(--spacing)*2)}.l-account-section-title{margin:0;font-weight:600;color:var(--colors-fg-strong)}.u-auth-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-auth-caption{margin:0;text-align:center;font-size:.875rem;line-height:1.25rem;color:var(--colors-fg-muted)}.u-auth-link{color:var(--colors-accent);text-decoration:none;transition:color .15s}.u-auth-link:hover{color:var(--colors-accent-hover)}.u-auth-submit{width:100%;justify-content:center}.u-auth-footer-action{margin-inline-start:auto}.u-auth-confirm .un-dialog{width:calc(var(--spacing)*110)}.u-auth-upgrade .un-dialog{width:calc(var(--spacing)*125)}.u-auth-checkbox{flex:none;width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);margin-block-start:calc(var(--spacing)*.5);accent-color:var(--colors-accent)}.u-auth-agreement{display:flex;align-items:flex-start;gap:calc(var(--spacing)*2);font-size:.875rem;line-height:1.25rem;color:var(--colors-fg-muted)}.u-auth-agreement-strong{color:var(--colors-fg)}.u-auth-loading{align-items:center;gap:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*4);font-size:.875rem;line-height:1.25rem;color:var(--colors-fg-muted)}.u-auth-centered,.u-auth-loading{display:flex;justify-content:center}.u-auth-route{justify-content:center;text-decoration:none}.u-account-content{display:flex;flex-direction:column;gap:calc(var(--spacing)*4);min-width:0}.u-account-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--spacing)*4);min-width:0}@media(min-width:780px){.u-account-overview{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.u-account-details{display:grid;flex:1;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:calc(var(--spacing)*4) calc(var(--spacing)*3);min-width:0}.u-account-detail{display:contents}.u-account-label{white-space:nowrap}.u-account-detail-content{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing)*2);min-width:0}@media(max-width:374.9px){.u-account-details{grid-template-columns:minmax(0,1fr);gap:var(--spacing)}.u-account-detail-content{margin-block-end:calc(var(--spacing)*3)}}.u-account-detail-content .un-field-error{width:100%}.u-account-delete-note,.u-account-label{color:var(--colors-fg-muted)}.u-account-email,.u-account-value{font-weight:500;color:var(--colors-fg)}.u-account-email,.u-account-value{overflow-wrap:anywhere}.u-account-name-input{flex:1;flex-basis:calc(var(--spacing)*55);min-width:0;max-width:calc(var(--spacing)*80)}.u-account-avatar{position:relative;display:flex;flex:none;align-items:center;justify-content:center;align-self:center;margin-block:auto}.u-account-avatar-upload{position:absolute;z-index:2;bottom:calc(var(--spacing)*-1);inset-inline-end:calc(var(--spacing)*-1);box-shadow:0 2px 8px #0006}.u-account-avatar-upload:after{content:"";position:absolute;inset:calc(var(--spacing)*-2 - var(--control-border-w, 0px))}.u-account-avatar-input{display:none}.u-account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing)*3);min-width:0}.u-account-delete-note{margin:0;line-height:1.625}.u-profile-page{display:flex;flex:1;flex-direction:column;width:100%;min-width:0}.u-profile-loading{display:flex;flex:1;align-items:center;justify-content:center;padding:calc(var(--spacing)*6)}.u-profile-guest{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)*4);width:100%;min-width:0;padding:calc(var(--spacing)*4)}.u-profile-description{margin:0;color:var(--colors-fg-muted)}.u-profile-menu{flex:none;width:-moz-max-content;width:max-content}.u-profile-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.u-profile-section{display:flex;flex-direction:column;gap:calc(var(--spacing)*6);min-width:0}.u-profile-subscription-group{margin-block-end:calc(var(--spacing)*4);padding:calc(var(--spacing)*4);border:1px solid var(--colors-line);background:var(--colors-surface-2)}.u-subscriptions-title{margin:0 0 calc(var(--spacing)*3);font-weight:600;color:var(--colors-fg-strong)}.u-subscriptions-count,.u-subscriptions-initials,.u-subscriptions-label,.u-subscriptions-note{color:var(--colors-fg-muted)}.u-subscriptions-loading{display:flex;justify-content:center;padding-block:calc(var(--spacing)*4)}.u-subscriptions-empty{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing)*3)}.u-subscriptions-note{margin:0}.u-subscriptions-browse{font-weight:500}.u-subscriptions-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*3);margin:0;padding:0;list-style:none}.u-subscriptions-item{position:relative;width:calc(var(--spacing)*20)}.u-subscriptions-item,.u-subscriptions-link{display:flex;flex-direction:column;align-items:center;gap:var(--spacing)}.u-subscriptions-link{min-width:0;color:var(--colors-fg);text-decoration:none;transition:color .15s}.u-subscriptions-link:hover{color:var(--colors-accent)}.u-subscriptions-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--spacing)*15);height:calc(var(--spacing)*15);overflow:hidden;border-radius:50%;background:var(--colors-surface-sunk)}.u-subscriptions-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.u-subscriptions-initials{font-weight:600}.u-subscriptions-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--colors-scrim)}.u-subscriptions-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.u-subscriptions-remove{position:absolute;inset-inline-end:calc(var(--spacing)*2);top:calc(var(--spacing)*-1)}.u-profile-subscriptions{min-width:0}.u-profile-subscriptions-loading{display:flex;justify-content:center;padding-block:calc(var(--spacing)*6)}.u-profile-subscriptions-empty{border:1px solid var(--colors-line);background:var(--colors-surface-2);padding:calc(var(--spacing)*4)}.u-profile-subscriptions-title{margin:0 0 calc(var(--spacing)*2);font-weight:600;color:var(--colors-fg-strong)}.l-account-card-body{flex-direction:column}@media(min-width:780px){.l-account-card-body[data-flow=row]{flex-direction:row;align-items:stretch}}}