.accordion{width:100%;padding:1px;transition:all 1s;overflow:hidden}.n-box:has(.accordion){gap:0}.accordion label{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.accordion label i{font-size:1.8462rem;transition:transform .3s}.accordion .acc-header{border-bottom:1px solid var(--bd,#89898954);box-shadow:0 4px 0px var(--sh,#6c6c6c21);padding:3px}.accordion .acc-header.active{box-shadow:0 1px #0aa8c4,0 9px 8px #79beff1c}.accordion.disabled .acc-header{color:#8e8e8e}.accordion .acc-header:hover{border-bottom:1px solid #79beff;box-shadow:0 1px #79beff,0 9px 8px #79beff1c}.accordion .acc-header:hover i{color:#79beff}.accordion .acc-body{max-height:0;transition:max-height .3s ease-in-out;overflow:hidden}.accordion .acc-body .acc-content{padding:15px}.accordion .acc-body.expanded{max-height:10000px}.accordion .acc-body.collapsed{max-height:0}
.container-confirm dialog::backdrop{background:var(--olaybg,#00000080)}.container-alert:has(dialog){z-index:10040;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.container-alert:has(dialog):after{content:"";background:var(--olaybg,#00000080);z-index:0;position:absolute;inset:0}.container-confirm dialog,.container-alert dialog{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:270px;min-height:100px;padding:20px;font-size:1.2308rem;display:flex}.container-confirm div>button{margin:12px}
@property --percentage{syntax:"<number>";inherits:false;initial-value:0}data{--_p:calc(var(--percentage) * 3.6deg);color:#333;background:conic-gradient(var(--c,#4f8ccf) var(--_p), #ddd 0deg);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-weight:700;transition:--percentage .8s ease-in-out;animation:.35s popIn;display:flex;position:relative}@keyframes popIn{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}data:before{content:"";background:var(--bg,#fff);z-index:1;border-radius:50%;width:70%;height:70%;position:absolute}data span{z-index:2;color:var(--tx,#333);position:absolute}data label{color:var(--tx,#333);white-space:nowrap;text-align:center;font-size:.9231rem;position:absolute;top:100%;left:50%;transform:translate(-50%,6px)}data:has(>label){margin-bottom:18px}data.sm{width:40px;height:40px}data.sm span{font-size:.8462rem}data.lg{width:90px;height:90px}data.lg span{font-size:1.2308rem}data.xl{width:120px;height:120px}data.xl span{font-size:1.6923rem}data.xxl{width:150px;height:150px}data.xxl span{font-size:2.1538rem}
.n-ava-crop{z-index:12000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c14b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.n-ava-crop-card{color:#f9fafb;background:#111827;border-radius:16px;width:min(420px,100%);overflow:hidden;box-shadow:0 24px 64px #00000073}.n-ava-crop-head{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.n-ava-crop-head strong{letter-spacing:.04em;text-transform:uppercase;font-size:1rem;font-weight:650}.n-ava-crop-head>i{color:#e5e7eb}.n-ava-crop-stage{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#0b1220;width:320px;height:320px;margin:8px auto 0;position:relative;overflow:hidden}.n-ava-crop-stage.busy{pointer-events:none}.n-ava-crop-pct{z-index:3;pointer-events:none;background:#0a0610aa;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.n-ava-crop-pct data{--bg:#111827;--tx:#fff;--c:var(--primary,#3b9ee8);width:80px;height:80px}.n-ava-crop-pct data:before{top:50%;left:50%;transform:translate(-50%,-50%)}.n-ava-crop-pct data span{color:#fff;font-size:1.6923rem;top:50%;left:50%;transform:translate(-50%,-50%)}.n-ava-crop-stage:active{cursor:grabbing}.n-ava-crop-stage img{pointer-events:none;border-radius:0;width:auto;max-width:none;height:auto;position:absolute}.n-ava-crop-hole{pointer-events:none;outline-offset:-2px;border-radius:50%;outline:2px solid #ffffffeb;position:absolute;inset:0;box-shadow:0 0 0 999px #0000009e}.n-ava-crop-zoom{align-items:center;gap:8px;padding:12px 16px 0;display:flex}.n-ava-crop-zoom>i{color:#e5e7eb;flex-shrink:0}.n-ava-crop-zoom input[type=range]{accent-color:var(--primary,#3b9ee8);flex:1}.n-ava-crop-hint,.n-ava-crop-err{color:#9ca3af;margin:8px 16px 0;font-size:.8125rem}.n-ava-crop-err{color:#fca5a5}.n-ava-crop-actions{justify-content:flex-end;gap:8px;padding:16px;display:flex}@media (max-width:420px){.n-ava-crop-stage{width:min(320px,100vw - 48px);height:min(320px,100vw - 48px)}}
.n-ava{white-space:nowrap;--ava-border-color:#bdbdbd;--ava-border-width:2px;--ava-online-ring-color:#22c55e;--ava-online-ring-track:transparent;--ava-online-ring-width:2px;--ava-online-ring-duration:1.6s;align-items:center;gap:10px;max-width:100%;line-height:1;display:inline-flex;position:relative}.n-ava.sm{--ava-border-width:1px}.n-ava>img,.n-ava>b{width:var(--avh,37px);height:var(--avw,37px);max-width:var(--avh,37px);max-height:var(--avw,37px);box-sizing:border-box;border:var(--ava-border-width) solid var(--ava-border-color);flex-shrink:0;overflow:hidden}.n-ava>img{object-fit:cover;z-index:2;border-radius:50%;display:block;position:relative}.n-ava>b{height:var(--avh,37px);max-height:var(--avh,37px);text-transform:uppercase;background:#afafaf2e;border-radius:50%;justify-content:center;align-items:center;font-size:1.0769rem;display:inline-flex}.n-ava>i{cursor:pointer;opacity:.86;z-index:30;background:#fff;border-radius:50%;padding:2px;font-size:1.4615rem;position:absolute;bottom:4px;right:4px}.n-ava.sm>img,.n-ava.sm>b{width:28px;max-width:28px;height:28px;max-height:28px;font-size:.75rem}.n-ava.sm>i{font-size:1rem;bottom:-2px;right:-2px}.n-ava.md>img,.n-ava.md>b{width:64px;max-width:64px;height:64px;max-height:64px;font-size:2.9231rem}.n-ava.lg>img,.n-ava.lg>b{width:120px;max-width:120px;height:120px;max-height:120px;font-size:4.6154rem}.n-ava.md>i{font-size:1.5385rem;bottom:-2px;right:-4px}.n-ava.lg>i{font-size:1.5385rem;top:96px;left:86px}.n-ava.on:before{content:"";box-sizing:border-box;border:var(--ava-online-ring-width) solid var(--ava-online-ring-track);border-top-color:var(--ava-online-ring-color);border-right-color:var(--ava-online-ring-color);z-index:1;width:41px;height:41px;animation:n-ava-online-spin var(--ava-online-ring-duration) linear infinite;border-radius:50%;position:absolute;top:-2px;left:-2px}@keyframes n-ava-online-spin{to{transform:rotate(360deg)}}