newtil-css 0.2.78 → 0.2.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +5 -5
  2. package/dist/components.css +2 -2
  3. package/dist/style.css +2 -2
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -89,7 +89,7 @@ npm install newtil-css
89
89
  <h1>My App</h1>
90
90
  </header>
91
91
  <main>
92
- <section class="n-section section-type:card">
92
+ <section class="n-section section:card">
93
93
  <h1>Welcome</h1>
94
94
  <p>Newtil CSS로 빠르게 시작하세요!</p>
95
95
  </section>
@@ -115,16 +115,16 @@ npm install newtil-css
115
115
 
116
116
  ### Section
117
117
  ```html
118
- <section class="n-section section-type:card">
118
+ <section class="n-section section:card">
119
119
  <h1>제목</h1>
120
120
  <div>내용</div>
121
121
  </section>
122
122
  ```
123
123
 
124
124
  **Section Types:**
125
- - `section-type:card` - 경계선이 있는 카드 스타일
126
- - `section-type:glass` - Glassmorphism 효과
127
- - `section-type:elevated` - 그림자 효과
125
+ - `section:card` - 경계선이 있는 카드 스타일
126
+ - `section:glass` - Glassmorphism 효과
127
+ - `section:elevated` - 그림자 효과
128
128
 
129
129
  ### List
130
130
  ```html
package/dist/components.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");:root{--header-height:64px;--footer-height:120px;--background-color:var(--color-base-1);--text-color:var(--color-base-9);--border-color:var(--color-base-4);--border-width:1px}@media (prefers-color-scheme:dark){:root{--border-color:var(--color-base-7);--border-width:0.5px;--background-color:var(--color-base-9);--text-color:var(--color-base-2)}}html:has(.n-layout){height:100%}body:has(.n-layout){height:100%}.n-layout{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:min-content 1fr min-content;height:100%;min-height:100vh;overflow-x:hidden;&>:where(header,.n-header,*>.n-header){box-shadow:1px 1px 1px var(--border-color,--color-base-3);grid-area:header;height:var(--header-height,64px)}&>:where(main,.n-main,*>.n-main){grid-area:main}&>:where(footer,.n-footer,*>.n-footer){border-top:1px solid var(--border-color,--color-base-3);grid-area:footer;height:var(--footer-height,120px)}&:has(>aside,>.n-aside){grid-template-areas:"header header" "aside main" "footer footer";grid-template-columns:min-content 1fr;overflow-x:hidden;position:relative;transition:grid-template-columns .5s ease;transition:grid-template-areas .5s ease;will-change:grid-template-columns,grid-template-areas;&>:where(aside,.n-aside,*>.n-aside){border-right:1px solid var(--border-color,--color-base-3);grid-area:aside;position:relative;resize:horizontal;transition:transform .5s ease;will-change:transform}&.layout-aside-width\:responsive:not(.layout-aside-width\:resizable)
2
2
  &>:where(aside,.n-aside,*>.n-aside){transition:width .5s ease;width:100%}&.layout-aside-width\:min-content:not(.layout-aside-width\:resizable)
3
- &>:where(aside,.n-aside,*>.n-aside){width:min-content}&.layout-aside-width\:slide-out{grid-template-columns:0 1fr;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(-100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;content:"";cursor:ew-resize;height:100%;position:absolute;right:-2px;top:0;transition:background-image .2s ease;width:4px;z-index:10}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}&.layout-aside-pos\:right{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr min-content;overflow-x:hidden;&>:where(aside,.n-aside,*>.n-aside){border-left:1px solid var(--border-color,--color-base-3);border-right:none}&.layout-aside-width\:slide-out{grid-template-columns:1fr 0;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;left:-2px;right:auto}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}}}}.n-layout{&>.n-header:has(.n-aside-toggle:checked)~:where(aside,.n-aside,*>aside,*>.n-aside){background-color:var(--background-color,--color-base-1);height:100%;left:0;position:absolute;top:0;transform:translateX(-100%)}}@media (max-width:640px){.n-layout{&.layout-aside-width\:responsive{grid-template-areas:"header header" "aside main" "footer footer";grid-template-columns:min-content 1fr}}}.n-section{--padding:var(--space-4);--gap:var(--space-4);--bd-color:var(--color-base-3);--bd-color-hover:var(--color-base-4);--bd-width:1px;--bd-radius:var(--space-3);--title-color:var(--color-base-7);--title-size:var(--size-8);--title-fw:var(--font-weight-7);--bg-color-glass:rgba(var(--rgb-base-2),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-4),0.4)}@media (prefers-color-scheme:dark){.n-section{--title-color:var(--color-base-1);--bd-color:var(--color-base-6);--bd-color-hover:var(--color-base-4);--bd-width:0.5px;--bg-color-glass:rgba(var(--rgb-base-8),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-8),0.6)}}.n-section{display:flex;flex-direction:column;overflow:clip;&.hover:hover{cursor:pointer}&.section-type\:card{border:var(--bd-width) solid var(--bd-color);border-radius:var(--bd-radius);&.hover:hover{border:var(--bd-width) solid var(--bd-color-hover)}}&.section-type\:glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass);transition:background .3s ease,backdrop-filter .3s ease,border .3s ease;&.hover:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass-hover)}}&.section-type\:elevated{box-shadow:var(--shadow-lg);&.hover:hover{box-shadow:var(--shadow-xl)}}&>h1,&>header{border-bottom:var(--bd-width) solid var(--bd-color);max-width:100%;min-width:0;overflow:hidden;padding:var(--padding);text-overflow:ellipsis;white-space:nowrap;width:100%}&>h1,&>header,&>header>h1{align-items:center;color:var(--title-color);display:flex;font-size:var(--title-size);font-weight:var(--title-fw)}&>h1+*,&>header+*{max-height:2000px;opacity:1;overflow:hidden;padding:var(--padding);transition:max-height .6s ease,opacity .6s ease,padding .6s ease}&:has(.n-list.list-dir\:column),&:has(.n-list.list-direction\:column)>*{&>h1+*,&>header+*{padding:0}}&.content-toggle\:hide{&>h1,&>header{border-bottom:none}&>h1+*,&>header+*{max-height:0;opacity:0;padding-bottom:0;padding-top:0}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined){>h1,>header{align-items:center;display:flex;width:100%}>h1,>header>h1{font-size:var(--panel-header-fs,var(--font-size-7,16px));font-weight:var(--panel-header-fw,var(--font-weight-2,bold))}>:is(table,ul,dl,form,div,.content){align-items:var(--content-align,start);display:flex;flex-direction:var(--content-direction,column);justify-content:var(--content-justify,start);list-style:var(--list-style,circle);overflow:hidden;position:relative;width:var(--panel-content-width,100%);>:where(li,dt,dd,.item){align-items:start;display:flex;flex-direction:row;flex-direction:column;padding:1em 1.5em;width:100%}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined):has(>h1,>header){>:is(table,ul,dl,form,div,.content){padding-top:1em}}.list-title\:underline{>h1,>header{border-bottom:1px solid var(--panel-header-bd-bottom,var(--color-base-3));padding-bottom:10px}}.list-item-style\:circle{>:where(table,ul,dl,form,div,.content){list-style:var(--list-style,circle)}}.n-frame\:outlined.n-frame-item\:card{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd,section){align-items:start;flex-direction:column;padding:1em 1.5em}}}.n-frame\:outlined{>:where(table,ul,dl,form,div,.content){gap:1em;>:where(li,dt,dd,section){align-items:center;border:1px solid var(--panel-header-bd-bottom,var(--color-base-3));display:flex;min-height:40px;padding:0 10px}}}.n-frame\:outlined.outlined-gap\:1{>:where(table,ul,dl,form,div,.content){gap:var(--space-1,4px)}}.n-frame\:outlined.outlined-gap\:2{>:where(table,ul,dl,form,div,.content){gap:var(--space-2,8px)}}.n-frame\:ruled{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd){line-height:2.5em;position:relative}>:where(li,dt,dd,section):after{background-color:var(--panel-header-bd-bottom,var(--color-base-3));bottom:0;content:"";display:flex;height:1px;padding:0;position:absolute;width:100%}>:where(li,dt,dd):last-child:after{display:none;min-height:40px}}}.n-frame\:ruled:has(section):before{align-items:center;color:red;content:"ruled-list 클래스 박스 안에 section 태그를 포함할 수 없습니다.";display:flex;font-weight:700;justify-content:center;padding:20px 20px 0;width:100%}.n-form{--form-border-radius:16px;--form-padding:24px;--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-radius:6px;--input-border-color:var(--color-base-3);--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1);display:flex;flex-direction:column;gap:var(--space-5);>div{display:flex;flex-direction:column;gap:5px;padding:5px 0;width:100%;label{display:flex;flex-direction:column;gap:5px;>span{display:inline-flex;font-weight:500;width:100%}>input[type=email],>input[type=number],>input[type=password],>input[type=search],>input[type=tel],>input[type=text],>input[type=url],>textarea{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-7),.85);cursor:default;flex-grow:1;font-size:14px;line-height:150%;padding:4px var(--input-padding-x);transition:border .12s}>textarea{height:auto;min-height:100px;overflow-y:auto}}}&.n-label-pos\:left{>div{label{align-items:center;flex-direction:row;width:100%;>span{text-wrap:nowrap;display:inline-flex;justify-content:center;overflow:hidden;text-overflow:ellipsis " [..]";white-space:nowrap;width:20%}>span:after{content:" : "}input{flex-grow:1}}}}}.n-input{--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-color:var(--color-base-3);--input-border-radius:6px;--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1)}.n-input,input[type=email].n-input,input[type=number].n-input,input[type=password].n-input,input[type=search].n-input,input[type=tel].n-input,input[type=text].n-input,input[type=url].n-input,textarea.n-input{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-10),.85);padding:4px var(--input-padding-x);width:100%}.n-input,.n-input-type\:outline,.n-input\:outline,input[type=email].n-input,input[type=email].n-input-type\:outline,input[type=email].n-input\:outline,input[type=number].n-input,input[type=number].n-input-type\:outline,input[type=number].n-input\:outline,input[type=password].n-input,input[type=password].n-input-type\:outline,input[type=password].n-input\:outline,input[type=search].n-input,input[type=search].n-input-type\:outline,input[type=search].n-input\:outline,input[type=tel].n-input,input[type=tel].n-input-type\:outline,input[type=tel].n-input\:outline,input[type=text].n-input,input[type=text].n-input-type\:outline,input[type=text].n-input\:outline,input[type=url].n-input,input[type=url].n-input-type\:outline,input[type=url].n-input\:outline{height:var(--input-input-height)}.n-input-type\:underline,.n-input\:underline,input[type=email].n-input-type\:underline,input[type=email].n-input\:underline,input[type=number].n-input-type\:underline,input[type=number].n-input\:underline,input[type=password].n-input-type\:underline,input[type=password].n-input\:underline,input[type=search].n-input-type\:underline,input[type=search].n-input\:underline,input[type=tel].n-input-type\:underline,input[type=tel].n-input\:underline,input[type=text].n-input-type\:underline,input[type=text].n-input\:underline,input[type=url].n-input-type\:underline,input[type=url].n-input\:underline{background-color:transparent;border-left:none;border-radius:0;border-right:none;border-top:none;border-width:var(--input-underline-border-width);box-shadow:none;transition-duration:.2s;transition-property:border-color}textarea.n-input{height:100%;min-height:var(--input-textarea-min-height);resize:none}.n-input.n-input-status\:focus,input[type=email].n-input.n-input-status\:focus,input[type=email].n-input:focus,input[type=number].n-input.n-input-status\:focus,input[type=number].n-input:focus,input[type=password].n-input.n-input-status\:focus,input[type=password].n-input:focus,input[type=search].n-input.n-input-status\:focus,input[type=search].n-input:focus,input[type=tel].n-input.n-input-status\:focus,input[type=tel].n-input:focus,input[type=text].n-input.n-input-status\:focus,input[type=text].n-input:focus,input[type=url].n-input.n-input-status\:focus,input[type=url].n-input:focus,textarea.n-input.n-input-status\:focus,textarea.n-input:focus{border-color:var(--input-border-color-focus)}.n-input.n-input-status\:success,input[type=email].n-input.n-input-status\:success,input[type=number].n-input.n-input-status\:success,input[type=password].n-input.n-input-status\:success,input[type=search].n-input.n-input-status\:success,input[type=tel].n-input.n-input-status\:success,input[type=text].n-input.n-input-status\:success,input[type=url].n-input.n-input-status\:success,textarea.n-input.n-input-status\:success{border-color:var(--input-border-color-success)}.n-input.n-input-status\:warning,input[type=email].n-input.n-input-status\:warning,input[type=number].n-input.n-input-status\:warning,input[type=password].n-input.n-input-status\:warning,input[type=search].n-input.n-input-status\:warning,input[type=tel].n-input.n-input-status\:warning,input[type=text].n-input.n-input-status\:warning,input[type=url].n-input.n-input-status\:warning,textarea.n-input.n-input-status\:warning{border-color:var(--input-border-color-warning);color:var(--input-color-warning)}.n-input.n-input-status\:disabled,input[type=email].n-input.n-input-status\:disabled,input[type=email].n-input:disabled,input[type=number].n-input.n-input-status\:disabled,input[type=number].n-input:disabled,input[type=password].n-input.n-input-status\:disabled,input[type=password].n-input:disabled,input[type=search].n-input.n-input-status\:disabled,input[type=search].n-input:disabled,input[type=tel].n-input.n-input-status\:disabled,input[type=tel].n-input:disabled,input[type=text].n-input.n-input-status\:disabled,input[type=text].n-input:disabled,input[type=url].n-input.n-input-status\:disabled,input[type=url].n-input:disabled,textarea.n-input.n-input-status\:disabled,textarea.n-input:disabled{background-color:rgba(var(--rgb-base-2),.6);border-color:var(--color-base-4);color:rgba(var(--rgb-base-10),.27);cursor:not-allowed}.n-input::placeholder{color:var(--color-base-5);font-size:var(--font-size-2);font-weight:var(--font-weight-1);letter-spacing:-.02em;line-height:150%}.n-input.n-input-status\:disabled::placeholder,.n-input:disabled::placeholder{color:rgba(var(--rgb-base-10),.27)}label:has(+.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-right:var(--space-2)}.n-input+label{align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-left:var(--space-2)}label:has(.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);gap:var(--space-2);letter-spacing:-.02em;line-height:150%;width:100%}label:has(.n-input.n-input-label\:top){align-items:start;flex-direction:column;gap:var(--space-1)}label:has(.n-input.n-input-label\:bottom){align-items:start;flex-direction:column-reverse;gap:var(--space-1)}:is(.n-header,.n-header\:sticky){--header-height:64px;--header-border-width:1px;--header-border-color:var(--color-base-3);--header-padding:var(--space-4);align-items:center;box-shadow:1px 1px 1px var(--header-border-color,--color-base-3);display:flex;flex-direction:row;flex-shrink:0;grid-area:header;height:var(--header-height,64px);justify-content:start;padding:0 var(--header-padding,var(--space-4));position:relative;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:var(--space-4);>ul{align-items:center;display:flex;>li>a{vertical-align:top}}>ul.hide{display:none}>ul.show{display:flex}}>.content{align-items:center;display:flex;flex-direction:row;justify-content:start;margin:0 auto;max-width:var(--header-content-width,1200px);position:relative;width:100%;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:0;>ul{align-items:center;display:flex;>li>a{vertical-align:top}}}>ul.hide{display:none}>ul.show{display:flex}}}.n-header\:sticky{position:sticky;top:0;width:100%;z-index:1000}.n-header.content-pos\:left{>.content{margin:initial}}.n-header.content-pos\:center{>.content{margin:0 auto}}.n-header.content-pos\:right{>.content{margin:0 0 0 auto}}.n-header.menu-pos\:right{>:is(.nav,nav){left:auto;right:var(--space-4)}>.content{>:is(.nav,nav){left:auto;right:0}}}.n-header.menu-pos\:left{>:is(.nav,nav){left:0;right:auto}>.content{>:is(.nav,nav){left:0;right:auto}}}.n-header.logo-pos\:left{>.title,>h1{margin:0 auto 0 0}>.content{>:is(.title,h1){margin:0 auto 0 0}}}.n-header.logo-pos\:center{>.title,>h1{margin:0 auto}>.content{>:is(.title,h1){margin:0 auto}}}.n-header.logo-pos\:right{>.title,>h1{margin:0 0 0 auto}>.content{>.title,>h1{margin:0 0 0 auto}}}.n-header .mobile-menu{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu-header{align-items:center;display:flex;justify-content:flex-end;padding:.5rem}.n-header .mobile-menu-title{font-size:1.25rem;font-weight:600;margin:0}.n-header .mobile-menu-content{padding:1rem}.n-header .mobile-menu\:1{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu\:1.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu\:2{background:var(--color-base-1);border-top:1px solid var(--color-base-3);bottom:0;box-shadow:0 -4px 12px rgba(0,0,0,.15);left:0;padding:1rem;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:1001}.n-header .mobile-menu\:2.is\:open{transform:translateY(0)}.n-header .mobile-menu\:3{background:rgba(0,0,0,.8);bottom:0;display:none;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1001}.n-footer,.n-header .mobile-menu\:3.is\:open{display:flex}.n-footer{border-top:var(--border-width,1px) solid var(--border-color,--color-base-3);flex-direction:column;flex-shrink:0;height:var(--footer-height,auto);padding:var(--footer-padding,var(--space-5))}.n-modal{--modal-border-radius:16px;--modal-border:none;--modal-box-shadow:rgba(0,0,0,.08) 0 16px 20px -4px,rgba(0,0,0,.03) 0 8px 8px -4px;--modal-z-index:1200;background-color:rgba(0,0,0,.5);background-color:var(--color-base-1);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-box-shadow);content:"";height:100vh;left:0;max-width:90vw;padding:16px 24px;position:fixed;position:fixed;right:50%;top:0;top:50%;transform:translate(50%,-50%);width:100vw;z-index:var(--modal-z-index,10);z-index:var(--modal-z-index)}:root{--heading-font-size:var(--font-size-7)}.n-heading{align-items:center;display:flex;font-size:var(--heading-font-size);font-weight:700;unicode-bidi:isolate;.heading-truncate{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;>a{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.heading-overflow-clamp{text-wrap:nowrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;width:100%}}.n-table{--n-table-bg-color:var(--color-base-1);background-color:var(--n-table-bg-color);border-collapse:collapse;table-layout:fixed;width:100%;>thead{--n-thead-bg-color:var(--color-base-2);background-color:var(--n-thead-bg-color)}>:is(thead,tbody)>tr{--n-tr-height:40px;--n-tr-border-color:var(--color-base-3);border-top:1px solid var(--n-tr-border-color);height:var(--n-tr-height);position:relative}>:is(thead,tbody)>tr>:is(th,td){text-align:center;vertical-align:middle;img,input{vertical-align:middle}&:has(img){padding:8px}}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)
3
+ &>:where(aside,.n-aside,*>.n-aside){width:min-content}&.layout-aside-width\:slide-out{grid-template-columns:0 1fr;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(-100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;content:"";cursor:ew-resize;height:100%;position:absolute;right:-2px;top:0;transition:background-image .2s ease;width:4px;z-index:10}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}&.layout-aside-pos\:right{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr min-content;overflow-x:hidden;&>:where(aside,.n-aside,*>.n-aside){border-left:1px solid var(--border-color,--color-base-3);border-right:none}&.layout-aside-width\:slide-out{grid-template-columns:1fr 0;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;left:-2px;right:auto}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}}}}@media (max-width:640px){.n-layout:has(>aside,>.n-aside).layout-aside-pos\:right{&.layout-aside-width\:responsive{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr min-content}}}.n-layout{&>.n-header:has(.n-aside-toggle:checked)~:where(aside,.n-aside,*>aside,*>.n-aside){background-color:var(--background-color,--color-base-1);height:100%;left:0;position:absolute;top:0;transform:translateX(-100%)}}@media (max-width:640px){.n-layout{&.layout-aside-width\:responsive{grid-template-areas:"header header" "aside main" "footer footer";grid-template-columns:min-content 1fr}}}.n-section{--padding:var(--space-4);--gap:var(--space-4);--bd-color:var(--color-base-5);--bd-color-hover:var(--color-base-8);--bd-width:1px;--bd-radius:var(--space-3);--title-color:var(--color-base-7);--title-size:var(--size-8);--title-fw:var(--font-weight-7);--bg-color-glass:rgba(var(--rgb-base-2),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-4),0.4)}@media (prefers-color-scheme:dark){.n-section{--title-color:var(--color-base-1);--bd-color:var(--color-base-6);--bd-color-hover:var(--color-base-2);--bd-width:0.5px;--bg-color-glass:rgba(var(--rgb-base-8),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-8),0.6)}}.n-section{display:flex;flex-direction:column;overflow:clip;&.hover:hover{cursor:pointer}&.section\:card{border:var(--bd-width) solid var(--bd-color);border-radius:var(--bd-radius);&.hover:hover{border:var(--border-width-1) solid var(--bd-color-hover)}}&.section\:glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass);transition:background .3s ease,backdrop-filter .3s ease,border .3s ease;&.hover:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass-hover)}}&.section\:elevated{box-shadow:var(--shadow-lg);&.hover:hover{box-shadow:var(--shadow-xl)}}&>h1,&>header{border-bottom:var(--bd-width) solid var(--bd-color);max-width:100%;min-width:0;overflow:hidden;padding:var(--padding);text-overflow:ellipsis;white-space:nowrap;width:100%}&>h1,&>header,&>header>h1{align-items:center;color:var(--title-color);display:flex;font-size:var(--title-size);font-weight:var(--title-fw)}&>h1+*,&>header+*{max-height:2000px;opacity:1;overflow:hidden;padding:var(--padding);transition:max-height .6s ease,opacity .6s ease,padding .6s ease}&:has(.n-list.list-dir\:column),&:has(.n-list.list-direction\:column)>*{&>h1+*,&>header+*{padding:0}}&.content-toggle\:hide{&>h1,&>header{border-bottom:none}&>h1+*,&>header+*{max-height:0;opacity:0;padding-bottom:0;padding-top:0}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined){>h1,>header{align-items:center;display:flex;width:100%}>h1,>header>h1{font-size:var(--panel-header-fs,var(--font-size-7,16px));font-weight:var(--panel-header-fw,var(--font-weight-2,bold))}>:is(table,ul,dl,form,div,.content){align-items:var(--content-align,start);display:flex;flex-direction:var(--content-direction,column);justify-content:var(--content-justify,start);list-style:var(--list-style,circle);overflow:hidden;position:relative;width:var(--panel-content-width,100%);>:where(li,dt,dd,.item){align-items:start;display:flex;flex-direction:row;flex-direction:column;padding:1em 1.5em;width:100%}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined):has(>h1,>header){>:is(table,ul,dl,form,div,.content){padding-top:1em}}.list-title\:underline{>h1,>header{border-bottom:1px solid var(--panel-header-bd-bottom,var(--color-base-3));padding-bottom:10px}}.list-item-style\:circle{>:where(table,ul,dl,form,div,.content){list-style:var(--list-style,circle)}}.n-frame\:outlined.n-frame-item\:card{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd,section){align-items:start;flex-direction:column;padding:1em 1.5em}}}.n-frame\:outlined{>:where(table,ul,dl,form,div,.content){gap:1em;>:where(li,dt,dd,section){align-items:center;border:1px solid var(--panel-header-bd-bottom,var(--color-base-3));display:flex;min-height:40px;padding:0 10px}}}.n-frame\:outlined.outlined-gap\:1{>:where(table,ul,dl,form,div,.content){gap:var(--space-1,4px)}}.n-frame\:outlined.outlined-gap\:2{>:where(table,ul,dl,form,div,.content){gap:var(--space-2,8px)}}.n-frame\:ruled{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd){line-height:2.5em;position:relative}>:where(li,dt,dd,section):after{background-color:var(--panel-header-bd-bottom,var(--color-base-3));bottom:0;content:"";display:flex;height:1px;padding:0;position:absolute;width:100%}>:where(li,dt,dd):last-child:after{display:none;min-height:40px}}}.n-frame\:ruled:has(section):before{align-items:center;color:red;content:"ruled-list 클래스 박스 안에 section 태그를 포함할 수 없습니다.";display:flex;font-weight:700;justify-content:center;padding:20px 20px 0;width:100%}.n-form{--form-border-radius:16px;--form-padding:24px;--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-radius:6px;--input-border-color:var(--color-base-3);--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1);display:flex;flex-direction:column;gap:var(--space-5);>div{display:flex;flex-direction:column;gap:5px;padding:5px 0;width:100%;label{display:flex;flex-direction:column;gap:5px;>span{display:inline-flex;font-weight:500;width:100%}>input[type=email],>input[type=number],>input[type=password],>input[type=search],>input[type=tel],>input[type=text],>input[type=url],>textarea{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-7),.85);cursor:default;flex-grow:1;font-size:14px;line-height:150%;padding:4px var(--input-padding-x);transition:border .12s}>textarea{height:auto;min-height:100px;overflow-y:auto}}}&.n-label-pos\:left{>div{label{align-items:center;flex-direction:row;width:100%;>span{text-wrap:nowrap;display:inline-flex;justify-content:center;overflow:hidden;text-overflow:ellipsis " [..]";white-space:nowrap;width:20%}>span:after{content:" : "}input{flex-grow:1}}}}}.n-input{--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-color:var(--color-base-3);--input-border-radius:6px;--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1)}.n-input,input[type=email].n-input,input[type=number].n-input,input[type=password].n-input,input[type=search].n-input,input[type=tel].n-input,input[type=text].n-input,input[type=url].n-input,textarea.n-input{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-10),.85);padding:4px var(--input-padding-x);width:100%}.n-input,.n-input-type\:outline,.n-input\:outline,input[type=email].n-input,input[type=email].n-input-type\:outline,input[type=email].n-input\:outline,input[type=number].n-input,input[type=number].n-input-type\:outline,input[type=number].n-input\:outline,input[type=password].n-input,input[type=password].n-input-type\:outline,input[type=password].n-input\:outline,input[type=search].n-input,input[type=search].n-input-type\:outline,input[type=search].n-input\:outline,input[type=tel].n-input,input[type=tel].n-input-type\:outline,input[type=tel].n-input\:outline,input[type=text].n-input,input[type=text].n-input-type\:outline,input[type=text].n-input\:outline,input[type=url].n-input,input[type=url].n-input-type\:outline,input[type=url].n-input\:outline{height:var(--input-input-height)}.n-input-type\:underline,.n-input\:underline,input[type=email].n-input-type\:underline,input[type=email].n-input\:underline,input[type=number].n-input-type\:underline,input[type=number].n-input\:underline,input[type=password].n-input-type\:underline,input[type=password].n-input\:underline,input[type=search].n-input-type\:underline,input[type=search].n-input\:underline,input[type=tel].n-input-type\:underline,input[type=tel].n-input\:underline,input[type=text].n-input-type\:underline,input[type=text].n-input\:underline,input[type=url].n-input-type\:underline,input[type=url].n-input\:underline{background-color:transparent;border-left:none;border-radius:0;border-right:none;border-top:none;border-width:var(--input-underline-border-width);box-shadow:none;transition-duration:.2s;transition-property:border-color}textarea.n-input{height:100%;min-height:var(--input-textarea-min-height);resize:none}.n-input.n-input-status\:focus,input[type=email].n-input.n-input-status\:focus,input[type=email].n-input:focus,input[type=number].n-input.n-input-status\:focus,input[type=number].n-input:focus,input[type=password].n-input.n-input-status\:focus,input[type=password].n-input:focus,input[type=search].n-input.n-input-status\:focus,input[type=search].n-input:focus,input[type=tel].n-input.n-input-status\:focus,input[type=tel].n-input:focus,input[type=text].n-input.n-input-status\:focus,input[type=text].n-input:focus,input[type=url].n-input.n-input-status\:focus,input[type=url].n-input:focus,textarea.n-input.n-input-status\:focus,textarea.n-input:focus{border-color:var(--input-border-color-focus)}.n-input.n-input-status\:success,input[type=email].n-input.n-input-status\:success,input[type=number].n-input.n-input-status\:success,input[type=password].n-input.n-input-status\:success,input[type=search].n-input.n-input-status\:success,input[type=tel].n-input.n-input-status\:success,input[type=text].n-input.n-input-status\:success,input[type=url].n-input.n-input-status\:success,textarea.n-input.n-input-status\:success{border-color:var(--input-border-color-success)}.n-input.n-input-status\:warning,input[type=email].n-input.n-input-status\:warning,input[type=number].n-input.n-input-status\:warning,input[type=password].n-input.n-input-status\:warning,input[type=search].n-input.n-input-status\:warning,input[type=tel].n-input.n-input-status\:warning,input[type=text].n-input.n-input-status\:warning,input[type=url].n-input.n-input-status\:warning,textarea.n-input.n-input-status\:warning{border-color:var(--input-border-color-warning);color:var(--input-color-warning)}.n-input.n-input-status\:disabled,input[type=email].n-input.n-input-status\:disabled,input[type=email].n-input:disabled,input[type=number].n-input.n-input-status\:disabled,input[type=number].n-input:disabled,input[type=password].n-input.n-input-status\:disabled,input[type=password].n-input:disabled,input[type=search].n-input.n-input-status\:disabled,input[type=search].n-input:disabled,input[type=tel].n-input.n-input-status\:disabled,input[type=tel].n-input:disabled,input[type=text].n-input.n-input-status\:disabled,input[type=text].n-input:disabled,input[type=url].n-input.n-input-status\:disabled,input[type=url].n-input:disabled,textarea.n-input.n-input-status\:disabled,textarea.n-input:disabled{background-color:rgba(var(--rgb-base-2),.6);border-color:var(--color-base-4);color:rgba(var(--rgb-base-10),.27);cursor:not-allowed}.n-input::placeholder{color:var(--color-base-5);font-size:var(--font-size-2);font-weight:var(--font-weight-1);letter-spacing:-.02em;line-height:150%}.n-input.n-input-status\:disabled::placeholder,.n-input:disabled::placeholder{color:rgba(var(--rgb-base-10),.27)}label:has(+.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-right:var(--space-2)}.n-input+label{align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-left:var(--space-2)}label:has(.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);gap:var(--space-2);letter-spacing:-.02em;line-height:150%;width:100%}label:has(.n-input.n-input-label\:top){align-items:start;flex-direction:column;gap:var(--space-1)}label:has(.n-input.n-input-label\:bottom){align-items:start;flex-direction:column-reverse;gap:var(--space-1)}:is(.n-header,.n-header\:sticky){--header-height:64px;--header-border-width:1px;--header-border-color:var(--color-base-3);--header-padding:var(--space-4);align-items:center;box-shadow:1px 1px 1px var(--header-border-color,--color-base-3);display:flex;flex-direction:row;flex-shrink:0;grid-area:header;height:var(--header-height,64px);justify-content:start;padding:0 var(--header-padding,var(--space-4));position:relative;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:var(--space-4);>ul{align-items:center;display:flex;>li>a{vertical-align:top}}>ul.hide{display:none}>ul.show{display:flex}}>.content{align-items:center;display:flex;flex-direction:row;justify-content:start;margin:0 auto;max-width:var(--header-content-width,1200px);position:relative;width:100%;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:0;>ul{align-items:center;display:flex;>li>a{vertical-align:top}}}>ul.hide{display:none}>ul.show{display:flex}}}.n-header\:sticky{position:sticky;top:0;width:100%;z-index:1000}.n-header.content-pos\:left{>.content{margin:initial}}.n-header.content-pos\:center{>.content{margin:0 auto}}.n-header.content-pos\:right{>.content{margin:0 0 0 auto}}.n-header.menu-pos\:right{>:is(.nav,nav){left:auto;right:var(--space-4)}>.content{>:is(.nav,nav){left:auto;right:0}}}.n-header.menu-pos\:left{>:is(.nav,nav){left:0;right:auto}>.content{>:is(.nav,nav){left:0;right:auto}}}.n-header.logo-pos\:left{>.title,>h1{margin:0 auto 0 0}>.content{>:is(.title,h1){margin:0 auto 0 0}}}.n-header.logo-pos\:center{>.title,>h1{margin:0 auto}>.content{>:is(.title,h1){margin:0 auto}}}.n-header.logo-pos\:right{>.title,>h1{margin:0 0 0 auto}>.content{>.title,>h1{margin:0 0 0 auto}}}.n-header .mobile-menu{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu-header{align-items:center;display:flex;justify-content:flex-end;padding:.5rem}.n-header .mobile-menu-title{font-size:1.25rem;font-weight:600;margin:0}.n-header .mobile-menu-content{padding:1rem}.n-header .mobile-menu\:1{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu\:1.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu\:2{background:var(--color-base-1);border-top:1px solid var(--color-base-3);bottom:0;box-shadow:0 -4px 12px rgba(0,0,0,.15);left:0;padding:1rem;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:1001}.n-header .mobile-menu\:2.is\:open{transform:translateY(0)}.n-header .mobile-menu\:3{background:rgba(0,0,0,.8);bottom:0;display:none;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1001}.n-footer,.n-header .mobile-menu\:3.is\:open{display:flex}.n-footer{border-top:var(--border-width,1px) solid var(--border-color,--color-base-3);flex-direction:column;flex-shrink:0;height:var(--footer-height,auto);padding:var(--footer-padding,var(--space-5))}.n-modal{--modal-border-radius:16px;--modal-border:none;--modal-box-shadow:rgba(0,0,0,.08) 0 16px 20px -4px,rgba(0,0,0,.03) 0 8px 8px -4px;--modal-z-index:1200;background-color:rgba(0,0,0,.5);background-color:var(--color-base-1);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-box-shadow);content:"";height:100vh;left:0;max-width:90vw;padding:16px 24px;position:fixed;position:fixed;right:50%;top:0;top:50%;transform:translate(50%,-50%);width:100vw;z-index:var(--modal-z-index,10);z-index:var(--modal-z-index)}:root{--heading-font-size:var(--font-size-7)}.n-heading{align-items:center;display:flex;font-size:var(--heading-font-size);font-weight:700;unicode-bidi:isolate;.heading-truncate{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;>a{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.heading-overflow-clamp{text-wrap:nowrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;width:100%}}.n-table{--n-table-bg-color:var(--color-base-1);background-color:var(--n-table-bg-color);border-collapse:collapse;table-layout:fixed;width:100%;>thead{--n-thead-bg-color:var(--color-base-2);background-color:var(--n-thead-bg-color)}>:is(thead,tbody)>tr{--n-tr-height:40px;--n-tr-border-color:var(--color-base-3);border-top:1px solid var(--n-tr-border-color);height:var(--n-tr-height);position:relative}>:is(thead,tbody)>tr>:is(th,td){text-align:center;vertical-align:middle;img,input{vertical-align:middle}&:has(img){padding:8px}}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)
4
4
  label:has(.n-row-expander):before{content:"\e5c5";font-family:Material Symbols Outlined;font-size:24px}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)+tr{display:table-row}}.n-table\:expandable{>tbody>tr:nth-child(odd):not(:has(.n-row-expander))>td:last-child:after{align-items:center;background-color:rgba(var(--rgb-base-1),.7);color:red;content:"오류 : n-table:expandable은 n-row-expander가 필요합니다.";display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)
5
5
  label:has(.n-row-expander):before{content:"\e5c7";font-family:Material Symbols Outlined;font-size:24px}>tbody>tr:nth-child(odd):has(.n-row-expander:not(:checked))+tr{display:none}>tbody>tr:nth-child(odd):has(.n-row-expander:not(:checked))
6
- label:has(.n-row-expander):before{content:"\e5c5"}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)+tr{display:table-row;>td{line-height:normal;overflow:hidden;padding:10px;text-align:start}}}.n-list{--n-list-gap:var(--space-2);--n-list-sep-color:var(--color-base-5)}@media (prefers-color-scheme:dark){.n-list{--n-list-sep-color:var(--color-base-7,#333a44)}}.n-list{align-items:center;display:flex;flex-direction:row;text-overflow:ellipsis;&>*{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:var(--space-2) var(--space-4);position:relative}&.hover>:hover{background-color:var(--color-background-onhover);color:var(--color-text-onhover)}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{gap:var(--n-list-gap)}&.list-sep>*+:before,&.list-sep\:dashed>*+:before,&.list-sep\:dot>*+:before,&.list-sep\:dotted>*+:before,&.list-sep\:solid>*+:before,&.list-seperator>*+:before,&.list-seperator\:dashed>*+:before,&.list-seperator\:dot>*+:before,&.list-seperator\:dotted>*+:before,&.list-seperator\:solid>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%);background-repeat:repeat-y;background-size:1px 4px;bottom:25%;content:"";left:calc(var(--n-list-gap)*-.7);pointer-events:none;position:absolute;top:25%;width:1px}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 100%,transparent 100%)}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%)}}&.list-sep\:dot,&.list-seperator\:dot{&>*+:before{background-image:radial-gradient(circle,var(--n-list-sep-color) 1.5px,transparent 1.6px);background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%);background-repeat:no-repeat;background-size:3px 9px;background-size:3px 4px;bottom:45%;top:45%;width:3px}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%)}}&.list-fit\:fill>*{flex:1 0 auto}&.list-fit\:shrink>*{flex:0 1 auto;min-width:0}&.list-fit\:noshrink{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&.list-fit\:content>*,&.list-fit\:noshrink>*{flex:0 0 auto}&.list-fit\:wrap>*{flex-wrap:wrap}&.list-fit\:nowrap>*{flex-wrap:nowrap}&.list-vertical-align\:left{justify-content:flex-start}&.list-vertical-align\:center{justify-content:center}&.list-vertical-align\:right{justify-content:flex-end}&.list-active,&.list-active\:bar,&.list-active\:color{&>*{cursor:pointer;transition:background-color .3s ease,color .3s ease,opacity .3s ease;& label,input{cursor:pointer}&.active,&:has(input:checked){background-color:var(--color-background-onactive);color:var(--color-text-onactive)}}}&.list-active\:bar{&>*{&.active{background-color:transparent;color:var(--color-text-onactive);& .n-icon{color:var(--color-icon-onactive)}}&:hover{background-color:transparent;& .n-icon{color:var(--color-icon-onhover)}}&.active:after{background-color:var(--color-background-onactive)}&.active:after,&:hover:after{bottom:0;content:"";height:3px;left:0;opacity:1;position:absolute;right:0}&:hover:after{background-color:var(--color-background-onhover)}&:not(.active):not(:hover):after{opacity:0}}}&.gap\:1{--n-list-gap:var(--space-1)}&.gap\:1,&.gap\:2{gap:var(--n-list-gap)}&.gap\:2{--n-list-gap:var(--space-2)}&.gap\:3{--n-list-gap:var(--space-3)}&.gap\:3,&.gap\:4{gap:var(--n-list-gap)}&.gap\:4{--n-list-gap:var(--space-4)}&.gap\:5{--n-list-gap:var(--space-5)}&.gap\:5,&.gap\:6{gap:var(--n-list-gap)}&.gap\:6{--n-list-gap:var(--space-6)}&.gap\:7{--n-list-gap:var(--space-7)}&.gap\:7,&.gap\:8{gap:var(--n-list-gap)}&.gap\:8{--n-list-gap:var(--space-8)}&.list-dir\:column,&.list-direction\:column{--n-list-gap:0;align-items:flex-start;flex-direction:column;&>*{display:flex;justify-content:flex-start;width:100%}&>*+:before{display:none}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 50%,transparent 50%);background-repeat:repeat-x;background-size:4px 1px;content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;width:auto}}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 100%,transparent 100%);background-size:100% 1px}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 50%,transparent 50%);background-size:4px 1px}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 50%,transparent 50%);background-size:8px 1px}}&.list-align\:left>*{justify-content:flex-start}&.list-align\:center>*{justify-content:center}&.list-align\:right>*{justify-content:flex-end}&.list-valign\:top>*,&.list-vertical-align\:top>*{align-items:flex-start}&.list-valign\:center>*,&.list-vertical-align\:center>*{align-items:center}&.list-valign\:bottom>*,&.list-vertical-align\:bottom>*{align-items:flex-end}}& .w\:grow{flex-grow:1}&.list-type\:aside-menu{flex-direction:column;overflow:hidden;width:100%;&>*{align-items:center;border:none;display:flex;flex-shrink:0;justify-content:flex-start;overflow:hidden;padding:10px;width:100%}}}.n-list\:wrap{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.n-list\:dl{display:flex;flex-direction:column;>div{display:flex;flex-direction:row;padding:var(--space-2) 0;>dt{font-weight:700;&:after{content:":"}}>dd{flex-grow:1;margin-left:var(--space-2)}}>div:last-child{border-bottom:none}}.n-list\:dl.dl-sperator\:solid{>div{border-bottom:1px solid var(--color-base-5)}}.n-list\:dl.dl-sperator\:ruled{>div{border-bottom:1px dashed var(--color-base-5)}}@media (hover:hover) and (pointer:fine){.n-list{&.list-type\:aside-menu{&>li:hover{background-color:var(--color-hover-bg);color:var(--color-hover-text)}}}}.list-type\:cols{--column-width:300px;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(var(--column-width),1fr));&.column-width\:1{--column-width:250px}&.column-width\:2{--column-width:300px}&.column-width\:3{--column-width:350px}&.column-width\:4{--column-width:400px}&.column-width\:5{--column-width:450px}&.column-width\:6{--column-width:500px}&.column-width\:auto{--column-width:auto}&.column-width\:100p{--column-width:100%}&.column-width\:50p{--column-width:50%}&.column-width\:33p{--column-width:33.33%}&.column-width\:25p{--column-width:25%}}:root{--icon-size:24px}.n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;transition:all .2s ease-in-out;visibility:visible;width:var(--icon-size);&:before{align-items:center;content:"";display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);overflow:hidden;vertical-align:top;width:var(--icon-size)}&.n-hover:not(.n-deco):hover{background-color:var(--color-base-3);border-radius:50%;transform:scale(1.4);&:before{transform:scale(.72)}}}.icon-style\:outlined:before{font-family:Material Symbols Outlined}.icon-style\:filled:before{font-variation-settings:"FILL" 1}.icon-style\:rounded:before{font-family:Material Symbols Rounded}.icon-style\:sharp:before{font-family:Material Symbols Sharp}.icon-color\:main-1:before{color:var(--color-main-1)}.icon-color\:main-2:before{color:var(--color-main-2)}.icon-color\:main-3:before{color:var(--color-main-3)}.icon-color\:sub-1:before{color:var(--color-sub-1)}.icon-color\:sub-2:before{color:var(--color-sub-2)}.icon-color\:sub-3:before{color:var(--color-sub-3)}.icon-color\:accent-1:before{color:var(--color-accent-1)}.icon-color\:accent-2:before{color:var(--color-accent-2)}.icon-color\:accent-3:before{color:var(--color-accent-3)}.icon-color\:base-1:before{color:var(--color-base-1)}.icon-color\:base-2:before{color:var(--color-base-2)}.icon-color\:base-3:before{color:var(--color-base-3)}.icon-color\:base-4:before{color:var(--color-base-4)}.icon-color\:base-5:before{color:var(--color-base-5)}.icon-color\:base-6:before{color:var(--color-base-6)}.icon-color\:base-7:before{color:var(--color-base-7)}.icon-color\:base-8:before{color:var(--color-base-8)}.icon-color\:base-9:before{color:var(--color-base-9)}.icon-color\:base-10:before{color:var(--color-base-10)}.icon-size\:1{--icon-size:var(--size-1)}.icon-size\:2{--icon-size:var(--size-2)}.icon-size\:3{--icon-size:var(--size-3)}.icon-size\:4{--icon-size:var(--size-4)}.icon-size\:5{--icon-size:var(--size-5)}.icon-size\:6{--icon-size:var(--size-6)}.icon-size\:7{--icon-size:var(--size-7)}.icon-size\:8{--icon-size:var(--size-8)}.icon-size\:9{--icon-size:var(--size-9)}.icon-size\:10{--icon-size:var(--size-10)}.icon-size\:11{--icon-size:var(--size-11)}.icon-size\:12{--icon-size:var(--size-12)}.icon-size\:13{--icon-size:var(--size-13)}@media (min-width:640px){.sm\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.sm\:n-icon:before{content:"\e87d";font-family:Material Symbols Outlined;font-size:var(--icon-size)}.sm\:icon-color\:main-1:before{color:var(--color-main-1)}.sm\:icon-color\:main-2:before{color:var(--color-main-2)}.sm\:icon-color\:main-3:before{color:var(--color-main-3)}.sm\:icon-color\:sub-1:before{color:var(--color-sub-1)}.sm\:icon-color\:sub-2:before{color:var(--color-sub-2)}.sm\:icon-color\:sub-3:before{color:var(--color-sub-3)}.sm\:icon-color\:accent-1:before{color:var(--color-accent-1)}.sm\:icon-color\:accent-2:before{color:var(--color-accent-2)}.sm\:icon-color\:accent-3:before{color:var(--color-accent-3)}.sm\:icon-color\:base-1:before{color:var(--color-base-1)}.sm\:icon-color\:base-2:before{color:var(--color-base-2)}.sm\:icon-color\:base-3:before{color:var(--color-base-3)}.sm\:icon-color\:base-4:before{color:var(--color-base-4)}.sm\:icon-color\:base-5:before{color:var(--color-base-5)}.sm\:icon-color\:base-6:before{color:var(--color-base-6)}.sm\:icon-color\:base-7:before{color:var(--color-base-7)}.sm\:icon-color\:base-8:before{color:var(--color-base-8)}.sm\:icon-color\:base-9:before{color:var(--color-base-9)}.sm\:icon-color\:base-10:before{color:var(--color-base-10)}.sm\:icon-size\:1{--icon-size:var(--size-1)}.sm\:icon-size\:2{--icon-size:var(--size-2)}.sm\:icon-size\:3{--icon-size:var(--size-3)}.sm\:icon-size\:4{--icon-size:var(--size-4)}.sm\:icon-size\:5{--icon-size:var(--size-5)}.sm\:icon-size\:6{--icon-size:var(--size-6)}.sm\:icon-size\:7{--icon-size:var(--size-7)}.sm\:icon-size\:8{--icon-size:var(--size-8)}.sm\:icon-size\:9{--icon-size:var(--size-9)}.sm\:icon-size\:10{--icon-size:var(--size-10)}.sm\:icon-size\:11{--icon-size:var(--size-11)}.sm\:icon-size\:12{--icon-size:var(--size-12)}.sm\:icon-size\:13{--icon-size:var(--size-13)}.sm\:icon-size\:xs:before{font-size:var(--font-size-xs)}.sm\:icon-size\:sm:before{font-size:var(--font-size-sm)}.sm\:icon-size\:base:before{font-size:var(--font-size-base)}.sm\:icon-size\:lg:before{font-size:var(--font-size-lg)}.sm\:icon-size\:xl:before{font-size:var(--font-size-xl)}.sm\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.sm\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.sm\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}@media (min-width:768px){.md\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.md\:icon-size\:1{--icon-size:var(--size-1)}.md\:icon-size\:2{--icon-size:var(--size-2)}.md\:icon-size\:3{--icon-size:var(--size-3)}.md\:icon-size\:4{--icon-size:var(--size-4)}.md\:icon-size\:5{--icon-size:var(--size-5)}.md\:icon-size\:6{--icon-size:var(--size-6)}.md\:icon-size\:7{--icon-size:var(--size-7)}.md\:icon-size\:8{--icon-size:var(--size-8)}.md\:icon-size\:9{--icon-size:var(--size-9)}.md\:icon-size\:10{--icon-size:var(--size-10)}.md\:icon-size\:11{--icon-size:var(--size-11)}.md\:icon-size\:12{--icon-size:var(--size-12)}.md\:icon-size\:13{--icon-size:var(--size-13)}.md\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}}@media (min-width:1024px){.lg\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.lg\:icon-size\:1{--icon-size:var(--size-1)}.lg\:icon-size\:2{--icon-size:var(--size-2)}.lg\:icon-size\:3{--icon-size:var(--size-3)}.lg\:icon-size\:4{--icon-size:var(--size-4)}.lg\:icon-size\:5{--icon-size:var(--size-5)}.lg\:icon-size\:6{--icon-size:var(--size-6)}.lg\:icon-size\:7{--icon-size:var(--size-7)}.lg\:icon-size\:8{--icon-size:var(--size-8)}.lg\:icon-size\:9{--icon-size:var(--size-9)}.lg\:icon-size\:10{--icon-size:var(--size-10)}.lg\:icon-size\:11{--icon-size:var(--size-11)}.lg\:icon-size\:12{--icon-size:var(--size-12)}.lg\:icon-size\:13{--icon-size:var(--size-13)}.lg\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}.lg\:icon-color\:main-1:before{color:var(--color-main-1)}.lg\:icon-color\:main-2:before{color:var(--color-main-2)}.lg\:icon-color\:main-3:before{color:var(--color-main-3)}.lg\:icon-color\:sub-1:before{color:var(--color-sub-1)}.lg\:icon-color\:sub-2:before{color:var(--color-sub-2)}.lg\:icon-color\:sub-3:before{color:var(--color-sub-3)}.lg\:icon-color\:accent-1:before{color:var(--color-accent-1)}.lg\:icon-color\:accent-2:before{color:var(--color-accent-2)}.lg\:icon-color\:accent-3:before{color:var(--color-accent-3)}.lg\:icon-color\:base-1:before{color:var(--color-base-1)}.lg\:icon-color\:base-2:before{color:var(--color-base-2)}.lg\:icon-color\:base-3:before{color:var(--color-base-3)}.lg\:icon-color\:base-4:before{color:var(--color-base-4)}.lg\:icon-color\:base-5:before{color:var(--color-base-5)}.lg\:icon-color\:base-6:before{color:var(--color-base-6)}.lg\:icon-color\:base-7:before{color:var(--color-base-7)}.lg\:icon-color\:base-8:before{color:var(--color-base-8)}.lg\:icon-color\:base-9:before{color:var(--color-base-9)}.lg\:icon-color\:base-10:before{color:var(--color-base-10)}.lg\:icon-size\:xs:before{font-size:var(--font-size-xs)}.lg\:icon-size\:sm:before{font-size:var(--font-size-sm)}.lg\:icon-size\:base:before{font-size:var(--font-size-base)}.lg\:icon-size\:lg:before{font-size:var(--font-size-lg)}.lg\:icon-size\:xl:before{font-size:var(--font-size-xl)}.lg\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.lg\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.lg\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}@media (min-width:1280px){.xl\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.xl\:icon-size\:1{--icon-size:var(--size-1)}.xl\:icon-size\:2{--icon-size:var(--size-2)}.xl\:icon-size\:3{--icon-size:var(--size-3)}.xl\:icon-size\:4{--icon-size:var(--size-4)}.xl\:icon-size\:5{--icon-size:var(--size-5)}.xl\:icon-size\:6{--icon-size:var(--size-6)}.xl\:icon-size\:7{--icon-size:var(--size-7)}.xl\:icon-size\:8{--icon-size:var(--size-8)}.xl\:icon-size\:9{--icon-size:var(--size-9)}.xl\:icon-size\:10{--icon-size:var(--size-10)}.xl\:icon-size\:11{--icon-size:var(--size-11)}.xl\:icon-size\:12{--icon-size:var(--size-12)}.xl\:icon-size\:13{--icon-size:var(--size-13)}.xl\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}.xl\:icon-color\:main-1:before{color:var(--color-main-1)}.xl\:icon-color\:main-2:before{color:var(--color-main-2)}.xl\:icon-color\:main-3:before{color:var(--color-main-3)}.xl\:icon-color\:sub-1:before{color:var(--color-sub-1)}.xl\:icon-color\:sub-2:before{color:var(--color-sub-2)}.xl\:icon-color\:sub-3:before{color:var(--color-sub-3)}.xl\:icon-color\:accent-1:before{color:var(--color-accent-1)}.xl\:icon-color\:accent-2:before{color:var(--color-accent-2)}.xl\:icon-color\:accent-3:before{color:var(--color-accent-3)}.xl\:icon-color\:base-1:before{color:var(--color-base-1)}.xl\:icon-color\:base-2:before{color:var(--color-base-2)}.xl\:icon-color\:base-3:before{color:var(--color-base-3)}.xl\:icon-color\:base-4:before{color:var(--color-base-4)}.xl\:icon-color\:base-5:before{color:var(--color-base-5)}.xl\:icon-color\:base-6:before{color:var(--color-base-6)}.xl\:icon-color\:base-7:before{color:var(--color-base-7)}.xl\:icon-color\:base-8:before{color:var(--color-base-8)}.xl\:icon-color\:base-9:before{color:var(--color-base-9)}.xl\:icon-color\:base-10:before{color:var(--color-base-10)}.xl\:icon-size\:xs:before{font-size:var(--font-size-xs)}.xl\:icon-size\:sm:before{font-size:var(--font-size-sm)}.xl\:icon-size\:base:before{font-size:var(--font-size-base)}.xl\:icon-size\:lg:before{font-size:var(--font-size-lg)}.xl\:icon-size\:xl:before{font-size:var(--font-size-xl)}.xl\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.xl\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.xl\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}.n-btn{--btn-font-size:14px;--btn-border-color:var(--color-base-4);--btn-border-radius:6px;--btn-bg-color:var(--color-base-1);--btn-text-color:var(--color-base-6);--btn-padding:8px 16px;--btn-active-color:rgba(var(--rgb-main-1),0.7);--btn-hover-color:rgba(var(--rgb-base-4),0.7);--btn-sep-color:var(--color-base-7,#333a44)}@media (prefers-color-scheme:dark){.n-btn{--btn-border-color:var(--color-base-3);--btn-bg-color:var(--color-base-7);--btn-text-color:var(--color-base-2);--btn-active-color:rgba(var(--rgb-main-1),0.7);--btn-sep-color:var(--color-base-7,#333a44)}}.n-btn{align-items:center;background-color:var(--btn-bg-color);border:1px solid var(--btn-border-color);border-radius:var(--btn-border-radius);box-sizing:border-box;color:var(--btn-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--btn-font-size,14px);font-weight:400;height:auto;justify-content:center;line-height:1.4em;padding:var(--btn-padding);position:relative;transition:background-color .15s ease,border-color .15s ease,color .15s ease;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}&:hover{--btn-bg-color:var(--btn-hover-color);text-decoration:none}&:active{--btn-bg-color:var(--btn-active-color);--btn-border-color:var(--btn-border-color);--btn-text-color:var(--btn-text-color)}&:focus-visible{outline:2px solid var(--color-main-1,rgba(0,123,255,.5));outline-offset:1px}}.n-btn.n-icon:not(.n-deco){--btn-padding:4px;text-indent:-999px;&:before{text-indent:0}}.n-btn.n-icon.n-deco{text-indent:0}.btn-type\:rounded{border-radius:var(--btn-border-radius,8px)}.btn-type\:circle{border-radius:50%}.btn-size\:1{--btn-padding:var(--space-1) calc(var(--space-1)*2)}.btn-size\:2{--btn-padding:var(--space-2) calc(var(--space-2)*2)}.btn-size\:3{--btn-padding:var(--space-3) calc(var(--space-3)*2)}.btn-size\:4{--btn-padding:var(--space-4) calc(var(--space-4)*2)}.btn-size\:5{--btn-padding:var(--space-5) calc(var(--space-5)*2)}.btn-size\:6{--btn-padding:var(--space-6) calc(var(--space-6)*2)}.btn-size\:7{--btn-padding:var(--space-7) calc(var(--space-7)*2)}.btn-size\:8{--btn-padding:var(--space-8) calc(var(--space-8)*2)}.btn-size\:9{--btn-padding:var(--space-9) calc(var(--space-9)*2)}.btn-size\:ex{--btn-padding:var(--space-20) calc(var(--space-20)*2)}.btn-size\:inline{line-height:1em;padding:0}.btn-size\:small{--btn-font-size:var(--font-size-xs);--btn-padding:var(--space-1) var(--space-2);line-height:1em}.btn-color\:main-1{--btn-bg-color:var(--color-main-1);--btn-border-color:var(--color-main-1);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-main-2);--btn-border-color:var(--color-main-2);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-main-3);--btn-text-color:var(--color-base-1)}}.btn-color\:main-2{--btn-bg-color:var(--color-main-2);--btn-border-color:var(--color-main-2);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-main-3);--btn-border-color:var(--color-main-3);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-main-1);--btn-text-color:var(--color-base-1)}}.btn-color\:main-3{--btn-bg-color:var(--color-main-3);--btn-border-color:var(--color-main-3);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-main-1);--btn-border-color:var(--color-main-1);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-main-2);--btn-text-color:var(--color-base-1)}}.btn-color\:sub-1{--btn-bg-color:var(--color-sub-1);--btn-border-color:var(--color-sub-1);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-sub-2);--btn-border-color:var(--color-sub-2);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-sub-3);--btn-text-color:var(--color-base-1)}}.btn-color\:sub-2{--btn-bg-color:var(--color-sub-2);--btn-border-color:var(--color-sub-2);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-sub-3);--btn-border-color:var(--color-sub-3);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-sub-1);--btn-text-color:var(--color-base-1)}}.btn-color\:sub-3{--btn-bg-color:var(--color-sub-3);--btn-border-color:var(--color-sub-3);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-sub-1);--btn-border-color:var(--color-sub-1);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-sub-2);--btn-text-color:var(--color-base-1)}}.btn-color\:accent-1{--btn-bg-color:var(--color-accent-1);--btn-border-color:var(--color-accent-1);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-accent-2);--btn-border-color:var(--color-accent-2);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-accent-3);--btn-text-color:var(--color-base-1)}}.btn-color\:accent-2{--btn-bg-color:var(--color-accent-2);--btn-border-color:var(--color-accent-2);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-accent-3);--btn-border-color:var(--color-accent-3);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-accent-1);--btn-text-color:var(--color-base-1)}}.btn-color\:accent-3{--btn-bg-color:var(--color-accent-3);--btn-border-color:var(--color-accent-3);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-accent-1);--btn-border-color:var(--color-accent-1);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-accent-2);--btn-text-color:var(--color-base-1)}}@media (min-width:640px){.md\:n-btn{--btn-font-size:14px;--btn-border-color:var(--color-base-3);--btn-border-radius:8px;--btn-bg-hover:var(--color-base-2);align-items:center;background-color:transparent;border:1px solid var(--btn-border-color,var(--color-base-3));border-radius:var(--btn-border-radius,8px);box-sizing:content-box;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--btn-font-size,14px);font-weight:500;justify-content:center;line-height:1em;padding:var(--btn-padding,8px 16px);position:relative;transition:border-color .3s,background-color .3s;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;justify-content:center}}.md\:n-btn:hover{background-color:var(--btn-bg-hover,var(--color-base-2));text-decoration:none}.md\:n-btn\:static{cursor:unset}.md\:btn-size\:inline{line-height:1em;padding:0}.md\:btn-size\:small{--btn-font-size:12px;line-height:1em;padding:var(--btn-padding,4px 8px)}.md\:btn-size\:1{--btn-font-size:14px;padding:var(--btn-padding,8px 16px)}.md\:btn-size\:2{--btn-font-size:16px;padding:var(--btn-padding,10px 18px)}.md\:btn-size\:3{font-size:18px;padding:var(--btn-padding,12px 20px)}.md\:btn-size\:1:is(.n-icon){mask-size:var(--icon-size-1)}.md\:btn-size\:2:is(.n-icon){mask-size:var(--icon-size-2)}.md\:btn-size\:3:is(.n-icon){mask-size:var(--icon-size-3)}.md\:btn-color\:main{background-color:var(--color-main-1);border-color:var(--color-main-2);color:var(--color-base-1)}.md\:btn-color\:main:hover{--btn-bg-hover:var(--color-main-1)}.md\:btn-color\:sub{border-color:var(--color-sub-2);color:var(--color-base-1)}.md\:btn-color\:sub:hover{--btn-bg-hover:rgba(var(--rgb-sub-1),0.7)}.md\:btn-color\:accent{border-color:var(--color-accent-2);color:var(--color-base-1)}.md\:btn-color\:accent:hover{--btn-bg-hover:rgba(var(--rgb-accent-1),0.9)}.md\:btn-color\:accent:is(.n-icon):before{background-color:var(--color-base-1)}.md\:btn-size\:1:is(.n-icon):not(.n-deco),.md\:btn:is(.n-icon):not(.n-deco){--btn-padding:8px;text-indent:-999px}.md\:btn-size\:2:is(.n-icon):not(.n-deco){--btn-padding:10px}.md\:btn-size\:3:is(.n-icon):not(.n-deco){--btn-padding:12px}}@media (min-width:1024px){.lg\:n-btn{--btn-font-size:14px;--btn-border-color:var(--color-base-3);--btn-border-radius:8px;--btn-bg-hover:var(--color-base-2);align-items:center;background-color:transparent;border:1px solid var(--btn-border-color,var(--color-base-3));border-radius:var(--btn-border-radius,8px);box-sizing:content-box;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--btn-font-size,14px);font-weight:500;justify-content:center;line-height:1em;padding:var(--btn-padding,8px 16px);position:relative;transition:border-color .3s,background-color .3s;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;justify-content:center}}.lg\:n-btn:hover{background-color:var(--btn-bg-hover,var(--color-base-2));text-decoration:none}.lg\:n-btn\:static{cursor:unset}.lg\:btn-size\:inline{line-height:1em;padding:0}.lg\:btn-size\:small{--btn-font-size:12px;line-height:1em;padding:var(--btn-padding,4px 8px)}.lg\:btn-size\:1{--btn-font-size:14px;padding:var(--btn-padding,8px 16px)}.lg\:btn-size\:2{--btn-font-size:16px;padding:var(--btn-padding,10px 18px)}.lg\:btn-size\:3{font-size:18px;padding:var(--btn-padding,12px 20px)}.lg\:btn-size\:1:is(.n-icon){mask-size:var(--icon-size-1)}.lg\:btn-size\:2:is(.n-icon){mask-size:var(--icon-size-2)}.lg\:btn-size\:3:is(.n-icon){mask-size:var(--icon-size-3)}.lg\:btn-color\:main{border-color:var(--color-main-2);color:var(--color-base-1)}.lg\:btn-color\:main:hover{--btn-bg-hover:var(--color-main-1)}.lg\:btn-color\:sub{border-color:var(--color-sub-2);color:var(--color-base-1)}.lg\:btn-color\:sub:hover{--btn-bg-hover:rgba(var(--rgb-sub-1),0.7)}.lg\:btn-color\:accent{border-color:var(--color-accent-2);color:var(--color-base-1)}.lg\:btn-color\:accent:hover{--btn-bg-hover:rgba(var(--rgb-accent-1),0.9)}.lg\:btn-size\:1:is(.n-icon):not(.n-deco),.lg\:n-btn:is(.n-icon):not(.n-deco){--btn-padding:8px;text-indent:-999px}.lg\:btn-size\:2:is(.n-icon):not(.n-deco){--btn-padding:10px}.lg\:btn-size\:3:is(.n-icon):not(.n-deco){--btn-padding:12px}}.n-deco{--deco-gap:4px;align-items:center;display:inline-flex;gap:var(--deco-gap);justify-content:center;text-align:center;text-indent:0;width:auto;&:before{align-items:center;display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}}.deco-pos\:bottom,.deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.deco-pos\:left:before,.deco-pos\:top:before{order:unset}.deco-pos\:bottom:before,.deco-pos\:right:before{order:1}.deco-pos\:bottom,.deco-pos\:top{width:auto}:not(.n-deco).deco-pos\:bottom,:not(.n-deco).deco-pos\:left,:not(.n-deco).deco-pos\:right,:not(.n-deco).deco-pos\:top{align-items:center;display:flex;flex-direction:row;justify-content:center;overflow:visible;position:relative}:not(.n-deco).deco-pos\:bottom:before,:not(.n-deco).deco-pos\:left:before,:not(.n-deco).deco-pos\:right:before,:not(.n-deco).deco-pos\:top:before{border:1px solid red;color:red;content:"Error: n-deco is missing.";display:flex;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:100%;left:0;position:absolute;top:0;width:150px}.deco-gap\:0{--deco-gap:0px}.deco-gap\:1{--deco-gap:5px}.deco-gap\:2{--deco-gap:10px}@media screen and (min-width:576px){.sm\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.sm\:deco-pos\:bottom,.sm\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.sm\:deco-pos\:left,.sm\:deco-pos\:top{&:before{order:unset}}.sm\:deco-pos\:bottom:before,.sm\:deco-pos\:right:before{order:1}.sm\:deco-pos\:left,.sm\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.sm\:deco-gap\:0{--deco-gap:0px}.sm\:deco-gap\:1{--deco-gap:5px}.sm\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:768px){.md\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.md\:deco-pos\:bottom,.md\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.md\:deco-pos\:left,.md\:deco-pos\:top{&:before{order:unset}}.md\:deco-pos\:bottom:before,.md\:deco-pos\:right:before{order:1}.md\:deco-pos\:left,.md\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.md\:deco-gap\:0{--deco-gap:0px}.md\:deco-gap\:1{--deco-gap:5px}.md\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:992px){.lg\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.lg\:deco-pos\:bottom,.lg\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.lg\:deco-pos\:left,.lg\:deco-pos\:top{&:before{order:unset}}.lg\:deco-pos\:bottom:before,.lg\:deco-pos\:right:before{order:1}.lg\:deco-pos\:left,.lg\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.lg\:deco-gap\:0{--deco-gap:0px}.lg\:deco-gap\:1{--deco-gap:5px}.lg\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:1200px){.xl\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var (--deco-gap);text-align:center;text-indent:0;width:auto}.xl\:deco-pos\:bottom,.xl\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.xl\:deco-pos\:left,.xl\:deco-pos\:top{&:before{order:unset}}.xl\:deco-pos\:bottom:before,.xl\:deco-pos\:right:before{order:1}.xl\:deco-pos\:left,.xl\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.xl\:deco-gap\:0{--deco-gap:0px}.xl\:deco-gap\:1{--deco-gap:5px}.xl\:deco-gap\:2{--deco-gap:10px}}
6
+ label:has(.n-row-expander):before{content:"\e5c5"}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)+tr{display:table-row;>td{line-height:normal;overflow:hidden;padding:10px;text-align:start}}}.n-list{--gap:var(--space-2);--sp-color:var(--color-base-5);--sp-bg-image:none;--sp-dot-bg-size:3px 4px;--sp-dot-width:3px;--icon-color-active:var(--color-main-2);--icon-color-hover:var(--color-base-3);--bar-color-active:var(--color-main-2);--bar-color-hover:var(--color-base-3);--bg-color-hover:rgba(var(--rgb-base-2),0.3);--text-color-active:inherit}@media (prefers-color-scheme:dark){.n-list{--sp-color:var(--color-base-7,#333a44);--icon-color-active:var(--color-main-2);--icon-color-hover:var(--color-base-3);--bar-color-active:var(--color-main-2);--bar-color-hover:var(--color-base-3);--bg-color-hover:rgba(var(--rgb-base-8),0.3);--text-color-active:inherit}}.n-list{align-items:center;display:flex;flex-direction:row;text-overflow:ellipsis;&>*{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:var(--space-2) var(--space-4);position:relative}&.hover>:hover{background-color:var(--bg-color-hover)}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{gap:var(--gap)}&.list-sep>*+:before,&.list-sep\:dashed>*+:before,&.list-sep\:dot>*+:before,&.list-sep\:dotted>*+:before,&.list-sep\:solid>*+:before,&.list-seperator>*+:before,&.list-seperator\:dashed>*+:before,&.list-seperator\:dot>*+:before,&.list-seperator\:dotted>*+:before,&.list-seperator\:solid>*+:before{background-image:var(--sp-bg-image);background-repeat:repeat-y;background-size:1px 4px;bottom:25%;content:"";left:calc(var(--gap)*-.7);pointer-events:none;position:absolute;top:25%;width:1px}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{--sp-bg-image:linear-gradient(to bottom,var(--sp-color) 100%,transparent 100%)}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{--sp-bg-image:linear-gradient(to bottom,var(--sp-color) 50%,transparent 50%)}}&.list-sep\:dot,&.list-seperator\:dot{&>*+:before{--sp-bg-image:radial-gradient(circle,var(--sp-color) 1.5px,transparent 1.6px);background-image:linear-gradient(to bottom,var(--sp-color) 50%,transparent 50%);background-repeat:no-repeat;background-size:var(--sp-dot-bg-size);bottom:45%;top:45%;width:var(--sp-dot-width)}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to bottom,var(--sp-color) 50%,transparent 50%)}}&.list-fit\:fill>*{flex:1 0 auto}&.list-fit\:shrink>*{flex:0 1 auto;min-width:0}&.list-fit\:noshrink{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&.list-fit\:content>*,&.list-fit\:noshrink>*{flex:0 0 auto}&.list-fit\:wrap>*{flex-wrap:wrap}&.list-fit\:nowrap>*{flex-wrap:nowrap}&.list-vertical-align\:left{justify-content:flex-start}&.list-vertical-align\:center{justify-content:center}&.list-vertical-align\:right{justify-content:flex-end}&.active,&.active\:bar,&.active\:color{&>*{cursor:pointer;transition:background-color .3s ease,color .3s ease,opacity .3s ease;& label,input{cursor:pointer}&.active,&:has(input:checked){background-color:var(--color-background-onactive);color:var(--text-color-active)}}}&.active\:bar{&>*{&.active{background-color:transparent;color:var(--text-color-active);& .n-icon{color:var(--icon-color-active)}}&:hover{background-color:transparent;& .n-icon{color:var(--icon-color-hover)}}&:hover:after{background-color:var(--bar-color-hover)}&.active:after,&:hover:after{bottom:0;content:"";height:3px;left:0;opacity:1;position:absolute;right:0}&.active:after{background-color:var(--bar-color-active)}&:not(.active):not(:hover):after{opacity:0}}}&.list-dir\:column,&.list-direction\:column{--gap:0;align-items:flex-start;flex-direction:column;&>*{display:flex;justify-content:flex-start;width:100%}&>*+:before{display:none}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 50%,transparent 50%);background-repeat:repeat-x;background-size:4px 1px;content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;width:auto}}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 100%,transparent 100%);background-size:100% 1px}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 50%,transparent 50%);background-size:4px 1px}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 50%,transparent 50%);background-size:8px 1px}}&.list-align\:left>*{justify-content:flex-start}&.list-align\:center>*{justify-content:center}&.list-align\:right>*{justify-content:flex-end}&.list-valign\:top>*,&.list-vertical-align\:top>*{align-items:flex-start}&.list-valign\:center>*,&.list-vertical-align\:center>*{align-items:center}&.list-valign\:bottom>*,&.list-vertical-align\:bottom>*{align-items:flex-end}}& .w\:grow{flex-grow:1}&.list\:aside-menu{flex-direction:column;overflow:hidden;width:100%;&>*{align-items:center;border:none;display:flex;flex-shrink:0;justify-content:flex-start;overflow:hidden;padding:10px;width:100%}}}.n-list\:wrap{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.n-list\:dl{display:flex;flex-direction:column;>div{display:flex;flex-direction:row;padding:var(--space-2) 0;>dt{font-weight:700;&:after{content:":"}}>dd{flex-grow:1;margin-left:var(--space-2)}}>div:last-child{border-bottom:none}}.n-list\:dl.dl-sperator\:solid{>div{border-bottom:1px solid var(--color-base-5)}}.n-list\:dl.dl-sperator\:ruled{>div{border-bottom:1px dashed var(--color-base-5)}}@media (hover:hover) and (pointer:fine){.n-list{&.list\:aside-menu{&>li:hover{background-color:var(--color-hover-bg);color:var(--color-hover-text)}}}}.list\:cols{--column-width:300px;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(var(--column-width),1fr));&.column-width\:1{--column-width:250px}&.column-width\:2{--column-width:300px}&.column-width\:3{--column-width:350px}&.column-width\:4{--column-width:400px}&.column-width\:5{--column-width:450px}&.column-width\:6{--column-width:500px}&.column-width\:auto{--column-width:auto}&.column-width\:100p{--column-width:100%}&.column-width\:50p{--column-width:50%}&.column-width\:33p{--column-width:33.33%}&.column-width\:25p{--column-width:25%}}:root{--icon-size:24px;--icon-family:"Material Symbols Outlined";--icon-color:var(--color-base-9);--icon-variation-settings:"FILL" 0}@media (prefers-color-scheme:dark){:root{--icon-color:var(--color-base-2)}}.n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;transition:all .2s ease-in-out;visibility:visible;width:var(--icon-size);&:before{align-items:center;color:inherit;content:"";display:inline-flex;flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:var(--icon-variation-settings);height:var(--icon-size);overflow:hidden;vertical-align:top;width:var(--icon-size)}&.hover:not(.n-deco):hover{background-color:var(--color-base-3);border-radius:50%;transform:scale(1.4);&:before{transform:scale(.72)}}.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}.icon-style\:filled:before{--icon-variation-settings:"FILL" 1}.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}.icon-color\:main-1:before{--icon-color:var(--color-main-1)}.icon-color\:main-2:before{--icon-color:var(--color-main-2)}.icon-color\:main-3:before{--icon-color:var(--color-main-3)}.icon-color\:sub-1:before{--icon-color:var(--color-sub-1)}.icon-color\:sub-2:before{--icon-color:var(--color-sub-2)}.icon-color\:sub-3:before{--icon-color:var(--color-sub-3)}.icon-color\:accent-1:before{--icon-color:var(--color-accent-1)}.icon-color\:accent-2:before{--icon-color:var(--color-accent-2)}.icon-color\:accent-3:before{--icon-color:var(--color-accent-3)}.icon-color\:base-1:before{--icon-color:var(--color-base-1)}.icon-color\:base-2:before{--icon-color:var(--color-base-2)}.icon-color\:base-3:before{--icon-color:var(--color-base-3)}.icon-color\:base-4:before{--icon-color:var(--color-base-4)}.icon-color\:base-5:before{--icon-color:var(--color-base-5)}.icon-color\:base-6:before{--icon-color:var(--color-base-6)}.icon-color\:base-7:before{--icon-color:var(--color-base-7)}.icon-color\:base-8:before{--icon-color:var(--color-base-8)}.icon-color\:base-9:before{--icon-color:var(--color-base-9)}.icon-color\:base-10:before{--icon-color:var(--color-base-10)}.icon-size\:1{--icon-size:var(--size-1)}.icon-size\:2{--icon-size:var(--size-2)}.icon-size\:3{--icon-size:var(--size-3)}.icon-size\:4{--icon-size:var(--size-4)}.icon-size\:5{--icon-size:var(--size-5)}.icon-size\:6{--icon-size:var(--size-6)}.icon-size\:7{--icon-size:var(--size-7)}.icon-size\:8{--icon-size:var(--size-8)}.icon-size\:9{--icon-size:var(--size-9)}.icon-size\:10{--icon-size:var(--size-10)}.icon-size\:11{--icon-size:var(--size-11)}.icon-size\:12{--icon-size:var(--size-12)}.icon-size\:13{--icon-size:var(--size-13)}}@media (min-width:640px){.sm\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size);&:before{content:"\e87d";font-family:Material Symbols Outlined;font-size:var(--icon-size)}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:1{--icon-size:var(--size-1)}&.icon-size\:2{--icon-size:var(--size-2)}&.icon-size\:3{--icon-size:var(--size-3)}&.icon-size\:4{--icon-size:var(--size-4)}&.icon-size\:5{--icon-size:var(--size-5)}&.icon-size\:6{--icon-size:var(--size-6)}&.icon-size\:7{--icon-size:var(--size-7)}&.icon-size\:8{--icon-size:var(--size-8)}&.icon-size\:9{--icon-size:var(--size-9)}&.icon-size\:10{--icon-size:var(--size-10)}&.icon-size\:11{--icon-size:var(--size-11)}&.icon-size\:12{--icon-size:var(--size-12)}&.icon-size\:13{--icon-size:var(--size-13)}&.icon-size\:xs:before{font-size:var(--font-size-xs)}&.icon-size\:sm:before{font-size:var(--font-size-sm)}&.icon-size\:base:before{font-size:var(--font-size-base)}&.icon-size\:lg:before{font-size:var(--font-size-lg)}&.icon-size\:xl:before{font-size:var(--font-size-xl)}&.icon-size\:2xl:before{font-size:var(--font-size-2xl)}&.icon-size\:3xl:before{font-size:var(--font-size-3xl)}&.icon-size\:4xl:before{font-size:var(--font-size-4xl)}}}@media (min-width:768px){.md\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size);&.icon-size\:1{--icon-size:var(--size-1)}&.icon-size\:2{--icon-size:var(--size-2)}&.icon-size\:3{--icon-size:var(--size-3)}&.icon-size\:4{--icon-size:var(--size-4)}&.icon-size\:5{--icon-size:var(--size-5)}&.icon-size\:6{--icon-size:var(--size-6)}&.icon-size\:7{--icon-size:var(--size-7)}&.icon-size\:8{--icon-size:var(--size-8)}&.icon-size\:9{--icon-size:var(--size-9)}&.icon-size\:10{--icon-size:var(--size-10)}&.icon-size\:11{--icon-size:var(--size-11)}&.icon-size\:12{--icon-size:var(--size-12)}&.icon-size\:13{--icon-size:var(--size-13)}&:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}}}@media (min-width:1024px){.lg\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size);&.icon-size\:1{--icon-size:var(--size-1)}&.icon-size\:2{--icon-size:var(--size-2)}&.icon-size\:3{--icon-size:var(--size-3)}&.icon-size\:4{--icon-size:var(--size-4)}&.icon-size\:5{--icon-size:var(--size-5)}&.icon-size\:6{--icon-size:var(--size-6)}&.icon-size\:7{--icon-size:var(--size-7)}&.icon-size\:8{--icon-size:var(--size-8)}&.icon-size\:9{--icon-size:var(--size-9)}&.icon-size\:10{--icon-size:var(--size-10)}&.icon-size\:11{--icon-size:var(--size-11)}&.icon-size\:12{--icon-size:var(--size-12)}&.icon-size\:13{--icon-size:var(--size-13)}&:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:xs:before{font-size:var(--font-size-xs)}&.icon-size\:sm:before{font-size:var(--font-size-sm)}&.icon-size\:base:before{font-size:var(--font-size-base)}&.icon-size\:lg:before{font-size:var(--font-size-lg)}&.icon-size\:xl:before{font-size:var(--font-size-xl)}&.icon-size\:2xl:before{font-size:var(--font-size-2xl)}&.icon-size\:3xl:before{font-size:var(--font-size-3xl)}&.icon-size\:4xl:before{font-size:var(--font-size-4xl)}}}@media (min-width:1280px){.xl\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.xl\:icon-size\:1{--icon-size:var(--size-1)}.xl\:icon-size\:2{--icon-size:var(--size-2)}.xl\:icon-size\:3{--icon-size:var(--size-3)}.xl\:icon-size\:4{--icon-size:var(--size-4)}.xl\:icon-size\:5{--icon-size:var(--size-5)}.xl\:icon-size\:6{--icon-size:var(--size-6)}.xl\:icon-size\:7{--icon-size:var(--size-7)}.xl\:icon-size\:8{--icon-size:var(--size-8)}.xl\:icon-size\:9{--icon-size:var(--size-9)}.xl\:icon-size\:10{--icon-size:var(--size-10)}.xl\:icon-size\:11{--icon-size:var(--size-11)}.xl\:icon-size\:12{--icon-size:var(--size-12)}.xl\:icon-size\:13{--icon-size:var(--size-13)}.xl\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}.xl\:icon-color\:main-1:before{color:var(--color-main-1)}.xl\:icon-color\:main-2:before{color:var(--color-main-2)}.xl\:icon-color\:main-3:before{color:var(--color-main-3)}.xl\:icon-color\:sub-1:before{color:var(--color-sub-1)}.xl\:icon-color\:sub-2:before{color:var(--color-sub-2)}.xl\:icon-color\:sub-3:before{color:var(--color-sub-3)}.xl\:icon-color\:accent-1:before{color:var(--color-accent-1)}.xl\:icon-color\:accent-2:before{color:var(--color-accent-2)}.xl\:icon-color\:accent-3:before{color:var(--color-accent-3)}.xl\:icon-color\:base-1:before{color:var(--color-base-1)}.xl\:icon-color\:base-2:before{color:var(--color-base-2)}.xl\:icon-color\:base-3:before{color:var(--color-base-3)}.xl\:icon-color\:base-4:before{color:var(--color-base-4)}.xl\:icon-color\:base-5:before{color:var(--color-base-5)}.xl\:icon-color\:base-6:before{color:var(--color-base-6)}.xl\:icon-color\:base-7:before{color:var(--color-base-7)}.xl\:icon-color\:base-8:before{color:var(--color-base-8)}.xl\:icon-color\:base-9:before{color:var(--color-base-9)}.xl\:icon-color\:base-10:before{color:var(--color-base-10)}.xl\:icon-size\:xs:before{font-size:var(--font-size-xs)}.xl\:icon-size\:sm:before{font-size:var(--font-size-sm)}.xl\:icon-size\:base:before{font-size:var(--font-size-base)}.xl\:icon-size\:lg:before{font-size:var(--font-size-lg)}.xl\:icon-size\:xl:before{font-size:var(--font-size-xl)}.xl\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.xl\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.xl\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}.icon\:home:before{content:"\e88a"}.icon\:menu:before{content:"\e5d2"}.icon\:close:before{content:"\e5cd"}.icon\:arrow_back:before{content:"\e5c4"}.icon\:arrow_forward:before{content:"\e5c8"}.icon\:expand_more:before{content:"\e5cf"}.icon\:expand_less:before{content:"\e5ce"}.icon\:chevron_left:before{content:"\e5cb"}.icon\:chevron_right:before{content:"\e5cc"}.icon\:more_vert:before{content:"\e5d4"}.icon\:more_horiz:before{content:"\e5d3"}.icon\:refresh:before{content:"\e5d5"}.icon\:settings:before{content:"\e8b8"}.icon\:apps:before{content:"\e5c3"}.icon\:launch:before{content:"\e895"}.icon\:add:before{content:"\e145"}.icon\:remove:before{content:"\e15b"}.icon\:edit:before{content:"\e3c9"}.icon\:delete:before{content:"\e872"}.icon\:save:before{content:"\e161"}.icon\:check:before{content:"\e5ca"}.icon\:clear:before{content:"\e14c"}.icon\:cancel:before{content:"\e5c9"}.icon\:done:before{content:"\e876"}.icon\:search:before{content:"\e8b6"}.icon\:share:before{content:"\e80d"}.icon\:download:before{content:"\e2c4"}.icon\:upload:before{content:"\e2c6"}.icon\:copy:before{content:"\e14d"}.icon\:visibility:before{content:"\e8f4"}.icon\:visibility_off:before{content:"\e8f5"}.icon\:lock:before{content:"\e897"}.icon\:lock_open:before{content:"\e898"}.icon\:sync:before{content:"\e627"}.icon\:info:before{content:"\e88e"}.icon\:email:before{content:"\e0be"}.icon\:phone:before{content:"\e0cd"}.icon\:chat:before{content:"\e0b7"}.icon\:notifications:before{content:"\e7f4"}.icon\:send:before{content:"\e163"}.icon\:reply:before{content:"\e15e"}.icon\:help:before{content:"\e887"}.icon\:feedback:before{content:"\e87f"}.icon\:play_arrow:before{content:"\e037"}.icon\:pause:before{content:"\e034"}.icon\:stop:before{content:"\e047"}.icon\:volume_up:before{content:"\e050"}.icon\:volume_off:before{content:"\e04f"}.icon\:mic:before{content:"\e029"}.icon\:mic_off:before{content:"\e02b"}.icon\:folder:before{content:"\e2c7"}.icon\:folder_open:before{content:"\e2c8"}.icon\:attach_file:before{content:"\e226"}.icon\:cloud:before{content:"\e2bd"}.icon\:description:before{content:"\e873"}.icon\:person:before{content:"\e7fd"}.icon\:people:before{content:"\e7fb"}.icon\:favorite:before{content:"\e87d"}.icon\:star:before{content:"\e838"}.icon\:thumb_up:before{content:"\e8dc"}.n-btn{--line-height:1.4em;--font-size:14px;--padding:0.3em 0.7em;--bd-radius:6px;--bd-color:var(--color-base-4);--bd-color-hover:var(--color-base-8);--bd-color-active:var(--color-main-2);--bg-color:var(--color-base-3);--bg-color-hover:transparent;--bg-color-active:rgba(var(--rgb-main-2),0.7);--text-color:var(--color-base-8);--text-color-hover:var(--color-base-7);--text-color-active:var(--color-accent-2);--text-indent:-999px}@media (prefers-color-scheme:dark){.n-btn{--bd-color:var(--color-base-3);--bd-color-hover:var(--color-base-7);--bd-color-active:var(--color-base-9);--bg-color:var(--color-base-7);--bg-color-hover:transparent;--bg-color-active:rgba(var(--rgb-main-1),0.7);--text-color:var(--color-base-2);--text-color-hover:var(--color-base-2);--text-color-active:var(--color-accent-1)}}.n-btn{align-items:center;background-color:var(--bg-color);border:1px solid var(--bd-color);border-radius:var(--bd-radius);box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size,14px);font-weight:400;height:auto;justify-content:center;line-height:var(--line-height);padding:var(--padding);position:relative;transition:background-color .15s ease,border-color .15s ease,color .15s ease;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}&:hover{background-color:var(--bg-color-hover);border-color:var(--bd-color-hover);color:var(--text-color-hover);text-decoration:none;transition:background-color .4s ease,border-color .4s ease,color .4s ease}&:active{color:var(--text-color-active)}&:focus-visible{outline:2px solid var(--bd-color-active);outline-offset:1px}&.n-icon:not(.n-deco){--padding:4px;text-indent:-999px;&:before{text-indent:0}}&.n-icon.n-deco{text-indent:0}&.btn\:rounded{--bd-radius:8px}&.btn\:circle{--bd-radius:50%}&.btn\:badge{--font-size:var(--size-5);--bd-radius:0.6em;--padding:0.2em 0.4em}&.disabled{--text-color:var(--color-base-1);--text-color-hover:var(--color-base-5);--text-color-active:var(--color-base-5);--bd-color:var(--color-base-5);--bd-color-hover:var(--color-base-5);--bd-color-active:var(--color-base-5);--bg-color:var(--color-base-4);--bg-color-hover:var(--color-base-3);--bg-color-active:var(--color-base-3)}&.btn-size\:1{--font-size:var(--size-6)}&.btn-size\:2{--font-size:var(--size-7)}&.btn-size\:3{--font-size:var(--size-8)}&.btn-size\:4{--font-size:var(--size-9)}&.btn-size\:5{--font-size:var(--size-10)}&.btn-size\:6{--font-size:var(--size-11)}&.btn-size\:7{--font-size:var(--size-12)}&.btn-size\:8{--font-size:var(--size-13)}&.btn-size\:9{--font-size:var(--size-14)}&.btn-size\:ex{--font-size:var(--size-15)}&.btn-size\:inline{--padding:0;--line-height:1em}&.btn-size\:small{--font-size:var(--size-1);--padding:0.1em 0.2em;--line-height:1em}&.btn-color\:main-1{--bg-color:var(--color-main-1);--bd-color:var(--color-main-1);--text-color:var(--color-base-1);&:hover{--bg-color-hover:var(--color-main-2);--bd-color-hover:var(--color-main-2);--text-color:var(--color-base-1)}&:active{--bg-color:var(--color-main-3);--bd-color:var(--color-main-3);--text-color:var(--color-main-3)}}&.btn-color\:sub-1{--bg-color:var(--color-sub-1);--bd-color:var(--color-sub-1);--text-color:var(--color-base-1);&:hover{--bd-color-hover:var(--color-sub-2);--text-color:var(--color-base-1)}&:active{--bd-color:var(--color-sub-3);--text-color:var(--color-sub-3)}}&.btn-color\:accent-1{--bg-color:var(--color-accent-1);--bd-color:var(--color-accent-1);--text-color:var(--color-base-1);&:hover{--bd-color-hover:var(--color-accent-2);--text-color:var(--color-base-1)}&:active{--bg-color:var(--color-accent-3);--bd-color:var(--color-accent-3);--text-color:var(--color-accent-3)}}}.n-deco{--deco-gap:4px;align-items:center;display:inline-flex;gap:var(--deco-gap);justify-content:center;text-align:center;text-indent:0;width:auto;&:before{align-items:center;display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}}.deco-pos\:bottom,.deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.deco-pos\:left:before,.deco-pos\:top:before{order:unset}.deco-pos\:bottom:before,.deco-pos\:right:before{order:1}.deco-pos\:bottom,.deco-pos\:top{width:auto}:not(.n-deco).deco-pos\:bottom,:not(.n-deco).deco-pos\:left,:not(.n-deco).deco-pos\:right,:not(.n-deco).deco-pos\:top{align-items:center;display:flex;flex-direction:row;justify-content:center;overflow:visible;position:relative}:not(.n-deco).deco-pos\:bottom:before,:not(.n-deco).deco-pos\:left:before,:not(.n-deco).deco-pos\:right:before,:not(.n-deco).deco-pos\:top:before{border:1px solid red;color:red;content:"Error: n-deco is missing.";display:flex;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:100%;left:0;position:absolute;top:0;width:150px}.deco-gap\:0{--deco-gap:0px}.deco-gap\:1{--deco-gap:5px}.deco-gap\:2{--deco-gap:10px}@media screen and (min-width:576px){.sm\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.sm\:deco-pos\:bottom,.sm\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.sm\:deco-pos\:left,.sm\:deco-pos\:top{&:before{order:unset}}.sm\:deco-pos\:bottom:before,.sm\:deco-pos\:right:before{order:1}.sm\:deco-pos\:left,.sm\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.sm\:deco-gap\:0{--deco-gap:0px}.sm\:deco-gap\:1{--deco-gap:5px}.sm\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:768px){.md\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.md\:deco-pos\:bottom,.md\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.md\:deco-pos\:left,.md\:deco-pos\:top{&:before{order:unset}}.md\:deco-pos\:bottom:before,.md\:deco-pos\:right:before{order:1}.md\:deco-pos\:left,.md\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.md\:deco-gap\:0{--deco-gap:0px}.md\:deco-gap\:1{--deco-gap:5px}.md\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:992px){.lg\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.lg\:deco-pos\:bottom,.lg\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.lg\:deco-pos\:left,.lg\:deco-pos\:top{&:before{order:unset}}.lg\:deco-pos\:bottom:before,.lg\:deco-pos\:right:before{order:1}.lg\:deco-pos\:left,.lg\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.lg\:deco-gap\:0{--deco-gap:0px}.lg\:deco-gap\:1{--deco-gap:5px}.lg\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:1200px){.xl\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var (--deco-gap);text-align:center;text-indent:0;width:auto}.xl\:deco-pos\:bottom,.xl\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.xl\:deco-pos\:left,.xl\:deco-pos\:top{&:before{order:unset}}.xl\:deco-pos\:bottom:before,.xl\:deco-pos\:right:before{order:1}.xl\:deco-pos\:left,.xl\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.xl\:deco-gap\:0{--deco-gap:0px}.xl\:deco-gap\:1{--deco-gap:5px}.xl\:deco-gap\:2{--deco-gap:10px}}
package/dist/style.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --space-20
3
3
  )!important}.navigation,.sidebar,.site-footer,.site-header,[aria-required=true],[required],[role=banner],[role=complementary],[role=contentinfo],[role=navigation],aside[role=complementary],footer[role=contentinfo],header[role=banner],nav[role=navigation]{position:relative!important}[aria-required=true]:after,[required]:after{color:var(--color-danger-1)!important;content:" *"!important;font-weight:var(--font-weight-bold)!important}[aria-invalid=true]{border-color:var(--color-danger-1)!important;box-shadow:0 0 0 2px rgba(var(--rgb-danger-1),.2)!important}.alert-error,.error-message,[role=alert]{background-color:rgba(var(--rgb-danger-1),.1)!important;border:1px solid var(--color-danger-1)!important;border-radius:var(--radius-sm)!important;color:var(--color-danger-1)!important}.alert-error,.alert-success,.error-message,.success-message,[role=alert]{font-size:var(--font-size-sm)!important;margin-top:var(--space-1)!important;padding:var(--space-2) var(--space-3)!important}.alert-success,.success-message{background-color:rgba(var(--rgb-success-1),.1)!important;border:1px solid var(--color-success-1)!important;border-radius:var(--radius-sm)!important;color:var(--color-success-1)!important}.alert-warning,.warning-message{background-color:rgba(var(--rgb-warning-1),.1)!important;border:1px solid var(--color-warning-1)!important;border-radius:var(--radius-sm)!important;color:var(--color-warning-1)!important;font-size:var(--font-size-sm)!important;margin-top:var(--space-1)!important;padding:var(--space-2) var(--space-3)!important}.keyboard-focusable{outline:2px solid transparent!important;outline-offset:2px!important;transition:outline-color var(--duration-fast) var(--ease-out)!important}.keyboard-focusable:focus-visible{outline-color:var(--color-main-1)!important}.skip-tab-order{height:1px!important;left:-10000px!important;overflow:hidden!important;position:absolute!important;top:auto!important;width:1px!important}.reading-order-1{order:1!important}.reading-order-2{order:2!important}.reading-order-3{order:3!important}.reading-order-4{order:4!important}.reading-order-5{order:5!important}.live-region-assertive,.live-region-off,.live-region-polite,[aria-live=assertive],[aria-live=off],[aria-live=polite]{position:relative!important}.status-message{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.table-caption,caption{background-color:var(--color-base-1)!important;border-bottom:1px solid var(--color-base-3)!important;padding:var(--space-2) var(--space-4)!important}.table-caption,.table-header,caption,th{font-weight:var(--font-weight-semibold)!important;text-align:left!important}.table-header,th{background-color:var(--color-base-2)!important;border-bottom:2px solid var(--color-base-4)!important}.table-cell,.table-header,td,th{padding:var(--space-3) var(--space-4)!important}.table-cell,td{border-bottom:1px solid var(--color-base-3)!important;vertical-align:top!important}@media (max-width:767px){.skip-link{left:var(--space-2)!important}.skip-link,.visually-hidden-focusable:focus{font-size:var(--font-size-base)!important;padding:var(--space-3) var(--space-4)!important}}@media (min-width:1024px){.skip-link,.skip-links a{left:var(--space-8)!important}}@media (prefers-reduced-motion:reduce){.skip-link,.skip-links a,.visually-hidden-focusable,[aria-expanded] .collapse-icon{animation:none!important;transition:none!important}}.accessible-button{align-items:center!important;background-color:var(--color-main-1)!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--color-white)!important;cursor:pointer!important;display:inline-flex!important;justify-content:center!important;outline:2px solid transparent!important;outline-offset:2px!important;padding:var(--space-2) var(--space-4)!important;position:relative!important;transition:all var(--duration-fast) var(--ease-out)!important}.accessible-button:focus-visible{outline-color:var(--color-accent-1)!important}.accessible-button:disabled{cursor:not-allowed!important;opacity:var(--opacity-50)!important;pointer-events:none!important}.accessible-link{border-radius:var(--radius-xs)!important;color:var(--color-main-1)!important;outline:2px solid transparent!important;outline-offset:2px!important;text-decoration:underline!important;transition:all var(--duration-fast) var(--ease-out)!important}.accessible-link:hover{color:var(--color-main-2)!important;text-decoration-thickness:2px!important}.accessible-link:focus-visible{background-color:rgba(var(--rgb-main-1),.1)!important;margin:-2px -4px!important;outline-color:var(--color-main-1)!important;padding:2px 4px!important}.outline\:none{outline:none!important}.outline\:solid{outline:2px solid var(--color-main-1)!important;outline-offset:2px!important}.outline\:dashed{outline:2px dashed var(--color-main-1)!important;outline-offset:2px!important}.outline\:dotted{outline:2px dotted var(--color-main-1)!important;outline-offset:2px!important}.outline-width\:1,.outline\:1{outline-width:1px!important}.outline-width\:2,.outline\:2{outline-width:2px!important}.outline-width\:3,.outline\:3{outline-width:3px!important}.outline-width\:4,.outline\:4{outline-width:4px!important}.outline-color\:main-1,.outline\:main-1{outline-color:var(--color-main-1)!important}.outline-color\:sub-1,.outline\:sub-1{outline-color:var(--color-sub-1)!important}.outline-color\:accent-1,.outline\:accent-1{outline-color:var(--color-accent-1)!important}.outline-color\:white,.outline\:white{outline-color:var(--color-white)!important}.outline-color\:black,.outline\:black{outline-color:var(--color-black)!important}.outline-color\:danger-1,.outline\:danger-1{outline-color:var(--color-danger-1)!important}.outline-color\:success-1,.outline\:success-1{outline-color:var(--color-success-1)!important}.outline-color\:warning-1,.outline\:warning-1{outline-color:var(--color-warning-1)!important}.outline-offset\:0{outline-offset:0!important}.outline-offset\:1{outline-offset:1px!important}.outline-offset\:2{outline-offset:2px!important}.outline-offset\:4{outline-offset:4px!important}.outline-offset\:8{outline-offset:8px!important}.focus-visible\:outline-main:focus-visible{outline:2px solid var(--color-main-1)!important;outline-offset:2px!important}.focus-visible\:outline-accent:focus-visible{outline:2px solid var(--color-accent-1)!important;outline-offset:2px!important}.focus-visible\:outline-white:focus-visible{outline:2px solid var(--color-white)!important;outline-offset:2px!important}.focus-visible\:outline-black:focus-visible{outline:2px solid var(--color-black)!important;outline-offset:2px!important}.focus-visible\:bg-main-1:focus-visible{background-color:var(--color-main-1)!important;color:var(--color-white)!important}.focus-visible\:bg-accent-1:focus-visible{background-color:var(--color-accent-1)!important;color:var(--color-white)!important}.focus-visible\:bg-base-2:focus-visible{background-color:var(--color-base-2)!important}.focus-visible\:shadow-main:focus-visible{box-shadow:0 0 0 3px rgba(var(--rgb-main-1),.3)!important}.focus-visible\:shadow-accent:focus-visible{box-shadow:0 0 0 3px rgba(var(--rgb-accent-1),.3)!important}.focus-visible\:shadow-danger:focus-visible{box-shadow:0 0 0 3px rgba(var(--rgb-danger-1),.3)!important}.focus-within\:outline-main:focus-within{outline:2px solid var(--color-main-1)!important;outline-offset:2px!important}.focus-within\:bg-base-1:focus-within{background-color:var(--color-base-1)!important}.focus-within\:border-main-1:focus-within{border-color:var(--color-main-1)!important}.focus-within\:shadow-main:focus-within{box-shadow:0 0 0 3px rgba(var(--rgb-main-1),.2)!important}.focus-trap{position:relative!important}.focus-trap:after,.focus-trap:before{clip:rect(1px,1px,1px,1px)!important;content:""!important;height:1px!important;overflow:hidden!important;position:absolute!important;width:1px!important}.focus-trap:before{left:0!important;top:0!important}.focus-trap:after{bottom:0!important;right:0!important}.focus-first,.focus-last{position:relative!important}.focus-indicator{border-radius:var(--radius-sm)!important;outline:2px solid transparent!important;outline-offset:2px!important;transition:outline-color var(--duration-fast) var(--ease-out)!important}.focus-indicator:focus-visible{outline-color:var(--color-main-1)!important}.focus-indicator-high-contrast{outline:3px solid transparent!important;outline-offset:3px!important;transition:outline-color var(--duration-fast) var(--ease-out)!important}.focus-indicator-high-contrast:focus-visible{background-color:var(--color-yellow)!important;color:var(--color-black)!important;outline-color:var(--color-black)!important}.focus-indicator-inner{box-shadow:inset 0 0 0 0 var(--color-main-1)!important;transition:box-shadow var(--duration-fast) var(--ease-out)!important}.focus-indicator-inner:focus-visible{box-shadow:inset 0 0 0 3px var(--color-main-1)!important}.focus-indicator-rounded{border-radius:var(--radius-full)!important;outline:2px solid transparent!important;outline-offset:2px!important;transition:outline-color var(--duration-fast) var(--ease-out)!important}.focus-indicator-rounded:focus-visible{outline-color:var(--color-main-1)!important}.btn-focus{outline:2px solid transparent!important;outline-offset:2px!important;position:relative!important;transition:all var(--duration-fast) var(--ease-out)!important}.btn-focus:focus-visible{box-shadow:var(--shadow-md)!important;outline-color:var(--color-accent-1)!important;transform:translateY(-1px)!important}.btn-focus-primary{outline:2px solid transparent!important;outline-offset:2px!important;transition:all var(--duration-fast) var(--ease-out)!important}.btn-focus-primary:focus-visible{box-shadow:0 0 0 3px rgba(var(--rgb-main-1),.5)!important;outline-color:var(--color-white)!important}.btn-focus-secondary{outline:2px solid transparent!important;outline-offset:2px!important;transition:all var(--duration-fast) var(--ease-out)!important}.btn-focus-secondary:focus-visible{background-color:var(--color-base-1)!important;outline-color:var(--color-main-1)!important}.link-focus{border-radius:var(--radius-xs)!important;outline:2px solid transparent!important;outline-offset:2px!important;position:relative!important;transition:all var(--duration-fast) var(--ease-out)!important}.link-focus:focus-visible{background-color:rgba(var(--rgb-main-1),.1)!important;margin:-2px -4px!important;outline-color:var(--color-main-1)!important;padding:2px 4px!important}.nav-link-focus{border-radius:var(--radius-sm)!important;outline:2px solid transparent!important;outline-offset:2px!important;transition:all var(--duration-fast) var(--ease-out)!important}.nav-link-focus:focus-visible{background-color:var(--color-base-1)!important;outline-color:var(--color-accent-1)!important}.input-focus{border:1px solid var(--color-base-4)!important;outline:2px solid transparent!important;transition:all var(--duration-fast) var(--ease-out)!important}.input-focus:focus{border-color:var(--color-main-1)!important;box-shadow:0 0 0 1px var(--color-main-1)!important;outline-color:var(--color-main-1)!important}.checkbox-focus,.radio-focus{outline:2px solid transparent!important;outline-offset:2px!important}.checkbox-focus:focus-visible,.radio-focus:focus-visible{outline-color:var(--color-main-1)!important}.select-focus{border:1px solid var(--color-base-4)!important;outline:2px solid transparent!important;transition:all var(--duration-fast) var(--ease-out)!important}.select-focus:focus{border-color:var(--color-main-1)!important;box-shadow:0 0 0 1px var(--color-main-1)!important;outline-color:var(--color-main-1)!important}.focus-glow{box-shadow:0 0 0 0 rgba(var(--rgb-main-1),0)!important;outline:none!important;transition:box-shadow var(--duration-fast) var(--ease-out)!important}.focus-glow:focus-visible{box-shadow:0 0 0 4px rgba(var(--rgb-main-1),.3),0 0 20px rgba(var(--rgb-main-1),.2)!important}.focus-pulse{outline:2px solid transparent!important;outline-offset:2px!important;transition:outline-color var(--duration-fast) var(--ease-out)!important}.focus-pulse:focus-visible{animation:focus-pulse-animation 1s ease-in-out infinite!important;outline-color:var(--color-main-1)!important}@keyframes focus-pulse-animation{0%,to{outline-color:var(--color-main-1);outline-width:2px}50%{outline-color:var(--color-main-2);outline-width:3px}}.auto-focus{outline:2px solid var(--color-main-1)!important;outline-offset:2px!important}.no-focus{-webkit-tap-highlight-color:transparent!important;outline:none!important}.no-focus:focus,.no-focus:focus-visible{box-shadow:none!important;outline:none!important}.keyboard-only-focus{outline:none!important}.keyboard-only-focus:focus:not(:focus-visible){box-shadow:none!important;outline:none!important}.keyboard-only-focus:focus-visible{outline:2px solid var(--color-main-1)!important;outline-offset:2px!important}@media (max-width:767px){.btn-focus,.focus-indicator,.input-focus,.link-focus{outline-offset:3px!important;outline-width:3px!important}}@media (hover:none) and (pointer:coarse){.btn-focus:focus-visible,.focus-indicator:focus-visible,.link-focus:focus-visible{outline-offset:3px!important;outline-width:3px!important}}@media (prefers-reduced-motion:reduce){.btn-focus,.focus-glow,.focus-indicator,.focus-pulse,.input-focus,.link-focus{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.btn-focus:focus-visible,.focus-indicator:focus-visible,.input-focus:focus,.link-focus:focus-visible{background-color:var(--color-yellow)!important;color:var(--color-black)!important;outline-color:var(--color-black)!important;outline-width:3px!important}}@media (prefers-contrast:high){.high-contrast-text,.text-high-contrast{background-color:var(--color-white)!important;border:2px solid var(--color-black)!important;color:var(--color-black)!important}.high-contrast-link,.link-high-contrast{background-color:var(--color-white)!important;color:var(--color-blue)!important;text-decoration:underline!important;text-decoration-thickness:2px!important}.high-contrast-link:hover,.link-high-contrast:hover{background-color:var(--color-blue)!important;color:var(--color-white)!important;outline:2px solid var(--color-black)!important}.btn-high-contrast,.high-contrast-btn{background-color:var(--color-black)!important;border:3px solid var(--color-black)!important;color:var(--color-white)!important}.btn-high-contrast:hover,.high-contrast-btn:hover{background-color:var(--color-yellow)!important;border-color:var(--color-black)!important;color:var(--color-black)!important}}.contrast-black-white{background-color:var(--color-white)!important;border:2px solid var(--color-black)!important;color:var(--color-black)!important}.contrast-white-black{background-color:var(--color-black)!important;border:2px solid var(--color-white)!important;color:var(--color-white)!important}.contrast-black-yellow{background-color:var(--color-yellow)!important;border:2px solid var(--color-black)!important;color:var(--color-black)!important}.contrast-yellow-black{background-color:var(--color-black)!important;border:2px solid var(--color-yellow)!important;color:var(--color-yellow)!important}.contrast-white-blue{background-color:var(--color-blue)!important;border:2px solid var(--color-white)!important;color:var(--color-white)!important}.contrast-blue-white{border:2px solid var(--color-blue)!important;color:var(--color-blue)!important}.contrast-blue-white,.text-large-contrast{background-color:var(--color-white)!important}.text-large-contrast{border-radius:var(--radius-xs)!important;color:var(--color-black)!important;font-size:1.25rem!important;font-weight:var(--font-weight-bold)!important;padding:var(--space-1) var(--space-2)!important}.heading-high-contrast{background-color:var(--color-yellow)!important;border:3px solid var(--color-black)!important;border-radius:var(--radius-sm)!important;color:var(--color-black)!important;font-weight:var(--font-weight-black)!important;padding:var(--space-2) var(--space-4)!important}.text-emphasis-high{background-color:var(--color-red)!important;border:2px solid var(--color-black)!important;border-radius:var(--radius-xs)!important;padding:var(--space-1) var(--space-2)!important}.btn-primary-contrast,.text-emphasis-high{color:var(--color-white)!important;font-weight:var(--font-weight-bold)!important}.btn-primary-contrast{background-color:var(--color-black)!important;border:3px solid var(--color-black)!important;border-radius:var(--radius-sm)!important;font-size:1.125rem!important;padding:var(--space-3) var(--space-6)!important;transition:all var(--duration-fast) var(--ease-out)!important}.btn-primary-contrast:hover{background-color:var(--color-yellow)!important;border-color:var(--color-black)!important;color:var(--color-black)!important;transform:scale(1.05)!important}.btn-primary-contrast:focus-visible{outline:4px solid var(--color-blue)!important;outline-offset:2px!important}.btn-secondary-contrast{background-color:var(--color-white)!important;border:3px solid var(--color-black)!important;border-radius:var(--radius-sm)!important;color:var(--color-black)!important;font-size:1.125rem!important;font-weight:var(--font-weight-bold)!important;padding:var(--space-3) var(--space-6)!important;transition:all var(--duration-fast) var(--ease-out)!important}.btn-secondary-contrast:hover{background-color:var(--color-black)!important;border-color:var(--color-black)!important;color:var(--color-white)!important}.btn-secondary-contrast:focus-visible{outline:4px solid var(--color-blue)!important;outline-offset:2px!important}.btn-danger-contrast{background-color:var(--color-red)!important;border:3px solid var(--color-black)!important;border-radius:var(--radius-sm)!important;color:var(--color-white)!important;font-size:1.125rem!important;font-weight:var(--font-weight-bold)!important;padding:var(--space-3) var(--space-6)!important;transition:all var(--duration-fast) var(--ease-out)!important}.btn-danger-contrast:hover{background-color:var(--color-white)!important;border-color:var(--color-red)!important;color:var(--color-red)!important}.btn-danger-contrast:focus-visible{outline:4px solid var(--color-yellow)!important;outline-offset:2px!important}.link-contrast{background-color:transparent!important;border-radius:var(--radius-xs)!important;color:var(--color-blue)!important;font-weight:var(--font-weight-semibold)!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;transition:all var(--duration-fast) var(--ease-out)!important}.link-contrast:hover{background-color:var(--color-blue)!important;color:var(--color-white)!important;margin:-2px -4px!important;padding:2px 4px!important;text-decoration:none!important}.link-contrast:focus-visible{background-color:var(--color-blue)!important;color:var(--color-white)!important;outline:3px solid var(--color-yellow)!important;outline-offset:2px!important}.link-contrast:visited{color:var(--color-purple)!important}.link-contrast:visited:hover{background-color:var(--color-purple)!important;color:var(--color-white)!important}.input-contrast{background-color:var(--color-white)!important;border:3px solid var(--color-black)!important;border-radius:var(--radius-sm)!important;color:var(--color-black)!important;font-size:1.125rem!important;font-weight:var(--font-weight-medium)!important;padding:var(--space-3) var(--space-4)!important;transition:all var(--duration-fast) var(--ease-out)!important}.input-contrast:focus{background-color:var(--color-yellow)!important;border-color:var(--color-blue)!important;outline:3px solid var(--color-blue)!important;outline-offset:2px!important}.input-contrast::placeholder{color:var(--color-base-6)!important;font-weight:var(--font-weight-normal)!important}.label-contrast{background-color:var(--color-yellow)!important;border:2px solid var(--color-black)!important;border-radius:var(--radius-xs)!important;color:var(--color-black)!important;font-size:1.125rem!important;font-weight:var(--font-weight-bold)!important;padding:var(--space-1) var(--space-2)!important}.checkbox-contrast,.radio-contrast{background-color:var(--color-white)!important;border:3px solid var(--color-black)!important;cursor:pointer!important;height:1.5rem!important;width:1.5rem!important}.checkbox-contrast:checked,.radio-contrast:checked{background-color:var(--color-black)!important;border-color:var(--color-black)!important}.checkbox-contrast:focus-visible,.radio-contrast:focus-visible{outline:3px solid var(--color-blue)!important;outline-offset:2px!important}.table-header-contrast{background-color:var(--color-black)!important;color:var(--color-white)!important;font-size:1.125rem!important;font-weight:var(--font-weight-bold)!important}.table-cell-contrast,.table-header-contrast{border:2px solid var(--color-black)!important;padding:var(--space-3) var(--space-4)!important}.table-cell-contrast{background-color:var(--color-white)!important;color:var(--color-black)!important;font-size:1rem!important}.table-row-contrast:nth-child(2n){background-color:var(--color-base-1)!important}.table-row-contrast:nth-child(odd){background-color:var(--color-white)!important}.nav-contrast{background-color:var(--color-black)!important;border:3px solid var(--color-white)!important;padding:var(--space-4)!important}.nav-contrast a{border:2px solid transparent!important;border-radius:var(--radius-sm)!important;color:var(--color-white)!important;font-size:1.125rem!important;font-weight:var(--font-weight-bold)!important;padding:var(--space-2) var(--space-4)!important;text-decoration:none!important;transition:all var(--duration-fast) var(--ease-out)!important}.nav-contrast a:hover{background-color:var(--color-yellow)!important;border-color:var(--color-black)!important;color:var(--color-black)!important}.nav-contrast a:focus-visible{outline:3px solid var(--color-blue)!important;outline-offset:2px!important}.nav-contrast a[aria-current=page]{border-color:var(--color-black)!important}.card-contrast,.nav-contrast a[aria-current=page]{background-color:var(--color-white)!important;color:var(--color-black)!important}.card-contrast{border:4px solid var(--color-black)!important;border-radius:var(--radius-md)!important;box-shadow:4px 4px 0 var(--color-black)!important;padding:var(--space-6)!important}.card-contrast:hover{box-shadow:6px 6px 0 var(--color-black)!important;transform:translate(-2px,-2px)!important}.card-header-contrast{background-color:var(--color-black)!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important;color:var(--color-white)!important;font-size:1.25rem!important;font-weight:var(--font-weight-bold)!important;margin:calc(var(--space-6)*-1) calc(var(--space-6)*-1) var(--space-4) calc(var(--space-6)*-1)!important;padding:var(--space-4) var(--space-6)!important}.alert-success-contrast{background-color:var(--color-green)!important}.alert-success-contrast,.alert-warning-contrast{border:3px solid var(--color-black)!important;border-radius:var(--radius-md)!important;color:var(--color-black)!important;font-size:1.125rem!important;font-weight:var(--font-weight-bold)!important;padding:var(--space-4) var(--space-6)!important}.alert-warning-contrast{background-color:var(--color-yellow)!important}.alert-error-contrast{background-color:var(--color-red)!important}.alert-error-contrast,.alert-info-contrast{border:3px solid var(--color-black)!important;border-radius:var(--radius-md)!important;color:var(--color-white)!important;font-size:1.125rem!important;font-weight:var(--font-weight-bold)!important;padding:var(--space-4) var(--space-6)!important}.alert-info-contrast{background-color:var(--color-blue)!important}@media (max-width:767px){.btn-danger-contrast,.btn-primary-contrast,.btn-secondary-contrast{border-width:4px!important;font-size:1.25rem!important;padding:var(--space-4) var(--space-8)!important}.input-contrast{border-width:4px!important;font-size:1.25rem!important;padding:var(--space-4) var(--space-5)!important}.text-large-contrast{font-size:1.5rem!important}}@media (min-width:1024px){.heading-high-contrast{font-size:2rem!important;padding:var(--space-4) var(--space-8)!important}.card-contrast{border-width:5px!important;box-shadow:6px 6px 0 var(--color-black)!important;padding:var(--space-8)!important}}.high-contrast-page{background-color:var(--color-white)!important;color:var(--color-black)!important;font-weight:var(--font-weight-medium)!important;line-height:1.6!important}.high-contrast-page *{border-color:var(--color-black)!important}.high-contrast-container{background-color:var(--color-white)!important;border:3px solid var(--color-black)!important;border-radius:var(--radius-lg)!important;color:var(--color-black)!important;margin:var(--space-4)!important;padding:var(--space-6)!important}.print\:block{display:none!important}@media print{.print\:block{display:block!important}}.print\:inline{display:none!important}@media print{.print\:inline{display:inline!important}}.print\:inline-block{display:none!important}@media print{.print\:inline-block{display:inline-block!important}}.print\:flex{display:none!important}@media print{.print\:flex{display:flex!important}}.print\:hidden{display:block!important}@media print{.print\:hidden{display:none!important}}.screen-only{display:block!important}@media print{.screen-only{display:none!important}}.print-only{display:none!important}@media print{.print-only{display:block!important}}.page-break-before\:auto{page-break-before:auto!important}.break-before\:page,.page-break-before\:always{page-break-before:always!important}.break-before\:avoid,.page-break-before\:avoid{page-break-before:avoid!important}.break-before\:left,.page-break-before\:left{page-break-before:left!important}.break-before\:right,.page-break-before\:right{page-break-before:right!important}.page-break-after\:auto{page-break-after:auto!important}.break-after\:page,.page-break-after\:always{page-break-after:always!important}.break-after\:avoid,.page-break-after\:avoid{page-break-after:avoid!important}.break-after\:left,.page-break-after\:left{page-break-after:left!important}.break-after\:right,.page-break-after\:right{page-break-after:right!important}.page-break-inside\:auto{page-break-inside:auto!important}.break-inside\:avoid,.page-break-inside\:avoid{page-break-inside:avoid!important}.break-before\:auto{break-before:auto!important}.break-before\:avoid{break-before:avoid!important}.break-before\:page{break-before:page!important}.break-before\:left{break-before:left!important}.break-before\:right{break-before:right!important}.break-before\:column{break-before:column!important}.break-after\:auto{break-after:auto!important}.break-after\:avoid{break-after:avoid!important}.break-after\:page{break-after:page!important}.break-after\:left{break-after:left!important}.break-after\:right{break-after:right!important}.break-after\:column{break-after:column!important}.break-inside\:auto{break-inside:auto!important}.break-inside\:avoid{break-inside:avoid!important}.break-inside\:avoid-page{break-inside:avoid-page!important}.break-inside\:avoid-column{break-inside:avoid-column!important}@media print{.print\:text-black{color:#000!important}.print\:bg-white{background-color:#fff!important}.print\:bg-transparent{background-color:transparent!important}.print\:border-black{border-color:#000!important}.print\:border-gray{border-color:#666!important}}.ink-saving{background:#fff!important;border-color:#000!important;color:#000!important}@media print{.ink-saving{background:transparent!important;box-shadow:none!important;text-shadow:none!important}.ink-saving img{filter:grayscale(100%)!important;opacity:.8!important}.print\:no-gradient{background-image:none!important;background:#fff!important}.print\:text-xs{font-size:10pt!important}.print\:text-sm{font-size:11pt!important}.print\:text-base{font-size:12pt!important}.print\:text-lg{font-size:14pt!important}.print\:text-xl{font-size:16pt!important}.print\:text-2xl{font-size:18pt!important}.print\:text-3xl{font-size:24pt!important}.print-optimized{color:#000!important;font-family:Times New Roman,serif!important;line-height:1.4!important}.print-optimized h1,.print-optimized h2,.print-optimized h3,.print-optimized h4,.print-optimized h5,.print-optimized h6{color:#000!important;page-break-after:avoid!important}.print-optimized p{orphans:3!important;widows:3!important}.print\:m-0{margin:0!important}.print\:p-0{padding:0!important}.print\:m-2{margin:.5cm!important}.print\:p-2{padding:.5cm!important}.print\:m-4{margin:1cm!important}.print\:p-4{padding:1cm!important}.print\:w-full{width:100%!important}.print\:w-1\/2{width:50%!important}.print\:w-1\/3{width:33.333333%!important}.print\:w-2\/3{width:66.666667%!important}.print\:w-1\/4{width:25%!important}.print\:w-3\/4{width:75%!important}}.print-table{border-collapse:collapse!important;width:100%!important}@media print{.print-table{page-break-inside:auto!important}.print-table thead{display:table-header-group!important}.print-table tbody{display:table-row-group!important}.print-table tr{page-break-inside:avoid!important}.print-table td,.print-table th{border:1pt solid #000!important;font-size:10pt!important;padding:.25cm!important}.print-table th{background-color:#f0f0f0!important;font-weight:700!important}.print-urls a:after{color:#666!important;font-size:smaller!important}.print-urls a:after,.print-urls a[href^="mailto:"]:after,.print-urls a[href^="tel:"]:after{content:" (" attr(href) ")"!important}.print-urls a[href^="#"]:after,.print-urls a[href^="/"]:after{content:""!important}.print-no-links a{color:#000!important;text-decoration:none!important}.print-img-optimize img{filter:grayscale(100%)!important}.print-img-full img,.print-img-optimize img{height:auto!important;max-width:100%!important;page-break-inside:avoid!important}.print-img-small img{height:auto!important;max-width:50%!important}.print-img-hide img{display:none!important}.print-header{border-bottom:1pt solid #000!important;top:0!important}.print-footer,.print-header{background:#fff!important;font-size:10pt!important;height:1cm!important;left:0!important;padding:.25cm!important;position:fixed!important;right:0!important;text-align:center!important}.print-footer{border-top:1pt solid #000!important;bottom:0!important}.print-content{margin-bottom:1.5cm!important;margin-top:1.5cm!important}}.print-section{page-break-after:avoid!important;page-break-before:auto!important;page-break-inside:avoid!important}@media print{.print-section-new-page{page-break-before:always!important}.print-section-avoid-break,.print-section-keep-together{page-break-inside:avoid!important}.print-section-keep-together{page-break-after:avoid!important;page-break-before:avoid!important}.print-form input,.print-form select,.print-form textarea{background:#fff!important;border:1pt solid #000!important;color:#000!important;font-size:10pt!important;padding:.1cm!important}.print-form input[type=checkbox],.print-form input[type=radio]{height:.4cm!important;width:.4cm!important}.print-form label{color:#000!important;font-weight:700!important}.print-form input:not([value]),.print-form input[value=""]{background:transparent!important;border:none!important;border-bottom:1pt solid #000!important;min-width:3cm!important}}.print-optimized-page{background:#fff!important;color:#000!important;font-size:12pt!important;line-height:1.4!important}@media print{.print-optimized-page{font-family:Times New Roman,serif!important;margin:2cm!important}.print-optimized-page *{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.print-optimized-page img{height:auto!important;max-width:100%!important;page-break-inside:avoid!important}.print-optimized-page h1,.print-optimized-page h2,.print-optimized-page h3,.print-optimized-page h4,.print-optimized-page h5,.print-optimized-page h6{margin-bottom:.5em!important;margin-top:1em!important;page-break-after:avoid!important}.print-optimized-page li,.print-optimized-page p{orphans:3!important;widows:3!important}.print-optimized-page blockquote,.print-optimized-page pre{border-left:2pt solid #000!important;margin:1em 0!important;padding-left:.5cm!important;page-break-inside:avoid!important}.print-barcode,.print-qr{filter:none!important;page-break-inside:avoid!important}}.print-preview{background:#fff!important;box-shadow:0 0 10px rgba(0,0,0,.1)!important;color:#000!important;font-family:Times New Roman,serif!important;font-size:12pt!important;line-height:1.4!important;margin:0 auto!important;max-width:21cm!important;padding:2cm!important}@page landscape{size:landscape}.print-landscape{page:landscape!important}@page portrait{size:portrait}.print-portrait{page:portrait!important}@page{size:A4;margin:2cm}@page A4{size:A4;margin:2cm}@page letter{size:letter;margin:1in}.print-debug{outline:1px solid red!important}@media print{.print-debug{outline:1pt solid #000!important}.print-debug:before{background:#ff0!important;color:#000!important;content:"PRINT DEBUG"!important;display:block!important;font-size:8pt!important;margin-bottom:2pt!important;padding:2pt!important}}.transform-compat{-webkit-transform:var(--transform,none)!important;-moz-transform:var(--transform,none)!important;-ms-transform:var(--transform,none)!important;-o-transform:var(--transform,none)!important;transform:var(--transform,none)!important}.transition-compat{-webkit-transition:var(--transition,all .3s ease)!important;-moz-transition:var(--transition,all .3s ease)!important;-ms-transition:var(--transition,all .3s ease)!important;-o-transition:var(--transition,all .3s ease)!important;transition:var(--transition,all .3s ease)!important}.animation-compat{-webkit-animation:var(--animation,none)!important;-moz-animation:var(--animation,none)!important;-ms-animation:var(--animation,none)!important;-o-animation:var(--animation,none)!important;animation:var(--animation,none)!important}.box-shadow-compat{-webkit-box-shadow:var(--shadow,none)!important;-moz-box-shadow:var(--shadow,none)!important;box-shadow:var(--shadow,none)!important}.border-radius-compat{-webkit-border-radius:var(--radius,0)!important;-moz-border-radius:var(--radius,0)!important;border-radius:var(--radius,0)!important}.linear-gradient-compat{background:var(--gradient-fallback,#fff)!important;background:-webkit-linear-gradient(var(--gradient-direction,top),var(--gradient-stops))!important;background:-moz-linear-gradient(var(--gradient-direction,top),var(--gradient-stops))!important;background:-ms-linear-gradient(var(--gradient-direction,top),var(--gradient-stops))!important;background:-o-linear-gradient(var(--gradient-direction,top),var(--gradient-stops))!important;background:linear-gradient(var(--gradient-direction,to bottom),var(--gradient-stops))!important}.flex-compat{display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important}.flex-direction-row-compat{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-direction-column-compat{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.justify-content-center-compat{-webkit-box-pack:center!important;-ms-flex-pack:center!important;-webkit-justify-content:center!important;justify-content:center!important}.align-items-center-compat{-webkit-box-align:center!important;-ms-flex-align:center!important;-webkit-align-items:center!important;align-items:center!important}.flex-1-compat{-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.grid-compat{display:-ms-grid!important;display:grid!important}@supports not (display:grid){.grid-compat{display:flex!important;flex-wrap:wrap!important}.grid-compat>*{flex:1!important;min-width:0!important}}.user-select-none-compat{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.user-select-all-compat{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-text-compat{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.appearance-none-compat{-webkit-appearance:none!important;-moz-appearance:none!important;-ms-appearance:none!important;appearance:none!important}.backdrop-filter-compat{-webkit-backdrop-filter:var(--backdrop-filter,none)!important;backdrop-filter:var(--backdrop-filter,none)!important}@supports not (backdrop-filter:blur(1px)) and not (-webkit-backdrop-filter:blur(1px)){.backdrop-filter-fallback{background-color:hsla(0,0%,100%,.8)!important}.backdrop-filter-fallback.dark{background-color:rgba(0,0,0,.8)!important}}.sticky-compat{position:-webkit-sticky!important;position:sticky!important}@supports not (position:sticky){.sticky-fallback{position:fixed!important;top:0!important;z-index:var(--z-index-fixed,1000)!important}}.object-fit-cover-compat{object-fit:cover!important;object-position:center!important}@supports not (object-fit:cover){.object-fit-cover-fallback{overflow:hidden!important;position:relative!important}.object-fit-cover-fallback img{height:auto!important;left:50%!important;min-height:100%!important;min-width:100%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important}}@supports not (aspect-ratio:1/1){.aspect-ratio-fallback{overflow:hidden!important;position:relative!important}.aspect-ratio-fallback:before{content:""!important;display:block!important;padding-top:var(--aspect-ratio-percent,100%)!important}.aspect-ratio-fallback>*{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}}.scroll-smooth-compat{scroll-behavior:smooth!important}@supports not (scroll-behavior:smooth){.scroll-smooth-js{scroll-behavior:auto!important}}@supports not (container-type:inline-size){.container-fallback{width:100%!important}}@supports not (font-size:clamp(1rem,4vw,2rem)){.clamp-fallback{font-size:1.25rem!important}@media (min-width:768px){.clamp-fallback{font-size:1.5rem!important}}@media (min-width:1200px){.clamp-fallback{font-size:2rem!important}}}@supports not (color:var(--primary-color )){.css-variables-fallback{background-color:#fff!important;border-color:#dee2e6!important;color:#007bff!important}}.ie-only{display:none!important}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ie-only{display:block!important}.ie-hide{display:none!important}}@supports (-ms-grid-columns:1fr){.ie-grid-fix{-ms-grid-columns:1fr!important;-ms-grid-rows:auto!important}}@supports (-webkit-touch-callout:none){.safari-fix{-webkit-transform:translateZ(0)!important}.ios-viewport-fix{height:-webkit-fill-available!important}}@-moz-document url-prefix(){.firefox-scrollbar{scrollbar-color:var(--color-base-4) var(--color-base-1)!important;scrollbar-width:thin!important}}@media (hover:hover){.hover-supported:hover{background-color:var(--color-base-2)!important;transform:translateY(-2px)!important}}@media (hover:none){.hover-not-supported{font-size:1.125rem!important;padding:var(--space-4)!important}}@media (pointer:fine){.fine-pointer{cursor:pointer!important}}@media (pointer:coarse){.coarse-pointer{min-height:44px!important;min-width:44px!important}}.motion-safe{animation:var(--animation,none)!important;transition:var(--transition,all .3s ease)!important}@media (prefers-reduced-motion:reduce){.motion-safe{animation:none!important;transition:none!important}}@media (-ms-high-contrast:active){.high-contrast-mode{background:ButtonFace!important;border:1px solid!important;color:ButtonText!important}}@media (prefers-color-scheme:dark){.dark-mode-supported{background-color:var(--color-base-9)!important;color:var(--color-white)!important}}@media print{.print-font-fallback{font-family:Times New Roman,serif!important}.print-safe{background:#fff!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}}@supports (-webkit-appearance:none) and (not (-moz-appearance:none)){.chromium-only{display:block!important}}@supports (-webkit-appearance:none){.webkit-only{display:block!important}}@supports (-moz-appearance:none){.gecko-only{display:block!important}}.gpu-accelerated{-webkit-transform:translateZ(0)!important;-moz-transform:translateZ(0)!important;-ms-transform:translateZ(0)!important;-o-transform:translateZ(0)!important;transform:translateZ(0)!important;will-change:var(--will-change,auto)!important}.no-gpu-acceleration{transform:none!important;will-change:auto!important}.critical-css{display:block!important;margin:0!important;padding:0!important;position:relative!important}:root{--header-height:64px;--footer-height:120px;--background-color:var(--color-base-1);--text-color:var(--color-base-9);--border-color:var(--color-base-4);--border-width:1px}@media (prefers-color-scheme:dark){:root{--border-color:var(--color-base-7);--border-width:0.5px;--background-color:var(--color-base-9);--text-color:var(--color-base-2)}}html:has(.n-layout){height:100%}body:has(.n-layout){height:100%}.n-layout{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:min-content 1fr min-content;height:100%;min-height:100vh;overflow-x:hidden;&>:where(header,.n-header,*>.n-header){box-shadow:1px 1px 1px var(--border-color,--color-base-3);grid-area:header;height:var(--header-height,64px)}&>:where(main,.n-main,*>.n-main){grid-area:main}&>:where(footer,.n-footer,*>.n-footer){border-top:1px solid var(--border-color,--color-base-3);grid-area:footer;height:var(--footer-height,120px)}&:has(>aside,>.n-aside){grid-template-areas:"header header" "aside main" "footer footer";grid-template-columns:min-content 1fr;overflow-x:hidden;position:relative;transition:grid-template-columns .5s ease;transition:grid-template-areas .5s ease;will-change:grid-template-columns,grid-template-areas;&>:where(aside,.n-aside,*>.n-aside){border-right:1px solid var(--border-color,--color-base-3);grid-area:aside;position:relative;resize:horizontal;transition:transform .5s ease;will-change:transform}&.layout-aside-width\:responsive:not(.layout-aside-width\:resizable)
4
4
  &>:where(aside,.n-aside,*>.n-aside){transition:width .5s ease;width:100%}&.layout-aside-width\:min-content:not(.layout-aside-width\:resizable)
5
- &>:where(aside,.n-aside,*>.n-aside){width:min-content}&.layout-aside-width\:slide-out{grid-template-columns:0 1fr;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(-100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;content:"";cursor:ew-resize;height:100%;position:absolute;right:-2px;top:0;transition:background-image .2s ease;width:4px;z-index:10}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}&.layout-aside-pos\:right{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr min-content;overflow-x:hidden;&>:where(aside,.n-aside,*>.n-aside){border-left:1px solid var(--border-color,--color-base-3);border-right:none}&.layout-aside-width\:slide-out{grid-template-columns:1fr 0;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;left:-2px;right:auto}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}}}}.n-layout{&>.n-header:has(.n-aside-toggle:checked)~:where(aside,.n-aside,*>aside,*>.n-aside){background-color:var(--background-color,--color-base-1);height:100%;left:0;position:absolute;top:0;transform:translateX(-100%)}}@media (max-width:640px){.n-layout{&.layout-aside-width\:responsive{grid-template-areas:"header header" "aside main" "footer footer";grid-template-columns:min-content 1fr}}}.n-section{--padding:var(--space-4);--gap:var(--space-4);--bd-color:var(--color-base-3);--bd-color-hover:var(--color-base-4);--bd-width:1px;--bd-radius:var(--space-3);--title-color:var(--color-base-7);--title-size:var(--size-8);--title-fw:var(--font-weight-7);--bg-color-glass:rgba(var(--rgb-base-2),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-4),0.4)}@media (prefers-color-scheme:dark){.n-section{--title-color:var(--color-base-1);--bd-color:var(--color-base-6);--bd-color-hover:var(--color-base-4);--bd-width:0.5px;--bg-color-glass:rgba(var(--rgb-base-8),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-8),0.6)}}.n-section{display:flex;flex-direction:column;overflow:clip;&.hover:hover{cursor:pointer}&.section-type\:card{border:var(--bd-width) solid var(--bd-color);border-radius:var(--bd-radius);&.hover:hover{border:var(--bd-width) solid var(--bd-color-hover)}}&.section-type\:glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass);transition:background .3s ease,backdrop-filter .3s ease,border .3s ease;&.hover:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass-hover)}}&.section-type\:elevated{box-shadow:var(--shadow-lg);&.hover:hover{box-shadow:var(--shadow-xl)}}&>h1,&>header{border-bottom:var(--bd-width) solid var(--bd-color);max-width:100%;min-width:0;overflow:hidden;padding:var(--padding);text-overflow:ellipsis;white-space:nowrap;width:100%}&>h1,&>header,&>header>h1{align-items:center;color:var(--title-color);display:flex;font-size:var(--title-size);font-weight:var(--title-fw)}&>h1+*,&>header+*{max-height:2000px;opacity:1;overflow:hidden;padding:var(--padding);transition:max-height .6s ease,opacity .6s ease,padding .6s ease}&:has(.n-list.list-dir\:column),&:has(.n-list.list-direction\:column)>*{&>h1+*,&>header+*{padding:0}}&.content-toggle\:hide{&>h1,&>header{border-bottom:none}&>h1+*,&>header+*{max-height:0;opacity:0;padding-bottom:0;padding-top:0}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined){>h1,>header{align-items:center;display:flex;width:100%}>h1,>header>h1{font-size:var(--panel-header-fs,var(--font-size-7,16px));font-weight:var(--panel-header-fw,var(--font-weight-2,bold))}>:is(table,ul,dl,form,div,.content){align-items:var(--content-align,start);display:flex;flex-direction:var(--content-direction,column);justify-content:var(--content-justify,start);list-style:var(--list-style,circle);overflow:hidden;position:relative;width:var(--panel-content-width,100%);>:where(li,dt,dd,.item){align-items:start;display:flex;flex-direction:row;flex-direction:column;padding:1em 1.5em;width:100%}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined):has(>h1,>header){>:is(table,ul,dl,form,div,.content){padding-top:1em}}.list-title\:underline{>h1,>header{border-bottom:1px solid var(--panel-header-bd-bottom,var(--color-base-3));padding-bottom:10px}}.list-item-style\:circle{>:where(table,ul,dl,form,div,.content){list-style:var(--list-style,circle)}}.n-frame\:outlined.n-frame-item\:card{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd,section){align-items:start;flex-direction:column;padding:1em 1.5em}}}.n-frame\:outlined{>:where(table,ul,dl,form,div,.content){gap:1em;>:where(li,dt,dd,section){align-items:center;border:1px solid var(--panel-header-bd-bottom,var(--color-base-3));display:flex;min-height:40px;padding:0 10px}}}.n-frame\:outlined.outlined-gap\:1{>:where(table,ul,dl,form,div,.content){gap:var(--space-1,4px)}}.n-frame\:outlined.outlined-gap\:2{>:where(table,ul,dl,form,div,.content){gap:var(--space-2,8px)}}.n-frame\:ruled{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd){line-height:2.5em;position:relative}>:where(li,dt,dd,section):after{background-color:var(--panel-header-bd-bottom,var(--color-base-3));bottom:0;content:"";display:flex;height:1px;padding:0;position:absolute;width:100%}>:where(li,dt,dd):last-child:after{display:none;min-height:40px}}}.n-frame\:ruled:has(section):before{align-items:center;color:red;content:"ruled-list 클래스 박스 안에 section 태그를 포함할 수 없습니다.";display:flex;font-weight:700;justify-content:center;padding:20px 20px 0;width:100%}.n-form{--form-border-radius:16px;--form-padding:24px;--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-radius:6px;--input-border-color:var(--color-base-3);--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1);display:flex;flex-direction:column;gap:var(--space-5);>div{display:flex;flex-direction:column;gap:5px;padding:5px 0;width:100%;label{display:flex;flex-direction:column;gap:5px;>span{display:inline-flex;font-weight:500;width:100%}>input[type=email],>input[type=number],>input[type=password],>input[type=search],>input[type=tel],>input[type=text],>input[type=url],>textarea{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-7),.85);cursor:default;flex-grow:1;font-size:14px;line-height:150%;padding:4px var(--input-padding-x);transition:border .12s}>textarea{height:auto;min-height:100px;overflow-y:auto}}}&.n-label-pos\:left{>div{label{align-items:center;flex-direction:row;width:100%;>span{text-wrap:nowrap;display:inline-flex;justify-content:center;overflow:hidden;text-overflow:ellipsis " [..]";white-space:nowrap;width:20%}>span:after{content:" : "}input{flex-grow:1}}}}}.n-input{--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-color:var(--color-base-3);--input-border-radius:6px;--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1)}.n-input,input[type=email].n-input,input[type=number].n-input,input[type=password].n-input,input[type=search].n-input,input[type=tel].n-input,input[type=text].n-input,input[type=url].n-input,textarea.n-input{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-10),.85);padding:4px var(--input-padding-x);width:100%}.n-input,.n-input-type\:outline,.n-input\:outline,input[type=email].n-input,input[type=email].n-input-type\:outline,input[type=email].n-input\:outline,input[type=number].n-input,input[type=number].n-input-type\:outline,input[type=number].n-input\:outline,input[type=password].n-input,input[type=password].n-input-type\:outline,input[type=password].n-input\:outline,input[type=search].n-input,input[type=search].n-input-type\:outline,input[type=search].n-input\:outline,input[type=tel].n-input,input[type=tel].n-input-type\:outline,input[type=tel].n-input\:outline,input[type=text].n-input,input[type=text].n-input-type\:outline,input[type=text].n-input\:outline,input[type=url].n-input,input[type=url].n-input-type\:outline,input[type=url].n-input\:outline{height:var(--input-input-height)}.n-input-type\:underline,.n-input\:underline,input[type=email].n-input-type\:underline,input[type=email].n-input\:underline,input[type=number].n-input-type\:underline,input[type=number].n-input\:underline,input[type=password].n-input-type\:underline,input[type=password].n-input\:underline,input[type=search].n-input-type\:underline,input[type=search].n-input\:underline,input[type=tel].n-input-type\:underline,input[type=tel].n-input\:underline,input[type=text].n-input-type\:underline,input[type=text].n-input\:underline,input[type=url].n-input-type\:underline,input[type=url].n-input\:underline{background-color:transparent;border-left:none;border-radius:0;border-right:none;border-top:none;border-width:var(--input-underline-border-width);box-shadow:none;transition-duration:.2s;transition-property:border-color}textarea.n-input{height:100%;min-height:var(--input-textarea-min-height);resize:none}.n-input.n-input-status\:focus,input[type=email].n-input.n-input-status\:focus,input[type=email].n-input:focus,input[type=number].n-input.n-input-status\:focus,input[type=number].n-input:focus,input[type=password].n-input.n-input-status\:focus,input[type=password].n-input:focus,input[type=search].n-input.n-input-status\:focus,input[type=search].n-input:focus,input[type=tel].n-input.n-input-status\:focus,input[type=tel].n-input:focus,input[type=text].n-input.n-input-status\:focus,input[type=text].n-input:focus,input[type=url].n-input.n-input-status\:focus,input[type=url].n-input:focus,textarea.n-input.n-input-status\:focus,textarea.n-input:focus{border-color:var(--input-border-color-focus)}.n-input.n-input-status\:success,input[type=email].n-input.n-input-status\:success,input[type=number].n-input.n-input-status\:success,input[type=password].n-input.n-input-status\:success,input[type=search].n-input.n-input-status\:success,input[type=tel].n-input.n-input-status\:success,input[type=text].n-input.n-input-status\:success,input[type=url].n-input.n-input-status\:success,textarea.n-input.n-input-status\:success{border-color:var(--input-border-color-success)}.n-input.n-input-status\:warning,input[type=email].n-input.n-input-status\:warning,input[type=number].n-input.n-input-status\:warning,input[type=password].n-input.n-input-status\:warning,input[type=search].n-input.n-input-status\:warning,input[type=tel].n-input.n-input-status\:warning,input[type=text].n-input.n-input-status\:warning,input[type=url].n-input.n-input-status\:warning,textarea.n-input.n-input-status\:warning{border-color:var(--input-border-color-warning);color:var(--input-color-warning)}.n-input.n-input-status\:disabled,input[type=email].n-input.n-input-status\:disabled,input[type=email].n-input:disabled,input[type=number].n-input.n-input-status\:disabled,input[type=number].n-input:disabled,input[type=password].n-input.n-input-status\:disabled,input[type=password].n-input:disabled,input[type=search].n-input.n-input-status\:disabled,input[type=search].n-input:disabled,input[type=tel].n-input.n-input-status\:disabled,input[type=tel].n-input:disabled,input[type=text].n-input.n-input-status\:disabled,input[type=text].n-input:disabled,input[type=url].n-input.n-input-status\:disabled,input[type=url].n-input:disabled,textarea.n-input.n-input-status\:disabled,textarea.n-input:disabled{background-color:rgba(var(--rgb-base-2),.6);border-color:var(--color-base-4);color:rgba(var(--rgb-base-10),.27);cursor:not-allowed}.n-input::placeholder{color:var(--color-base-5);font-size:var(--font-size-2);font-weight:var(--font-weight-1);letter-spacing:-.02em;line-height:150%}.n-input.n-input-status\:disabled::placeholder,.n-input:disabled::placeholder{color:rgba(var(--rgb-base-10),.27)}label:has(+.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-right:var(--space-2)}.n-input+label{align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-left:var(--space-2)}label:has(.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);gap:var(--space-2);letter-spacing:-.02em;line-height:150%;width:100%}label:has(.n-input.n-input-label\:top){align-items:start;flex-direction:column;gap:var(--space-1)}label:has(.n-input.n-input-label\:bottom){align-items:start;flex-direction:column-reverse;gap:var(--space-1)}:is(.n-header,.n-header\:sticky){--header-height:64px;--header-border-width:1px;--header-border-color:var(--color-base-3);--header-padding:var(--space-4);align-items:center;box-shadow:1px 1px 1px var(--header-border-color,--color-base-3);display:flex;flex-direction:row;flex-shrink:0;grid-area:header;height:var(--header-height,64px);justify-content:start;padding:0 var(--header-padding,var(--space-4));position:relative;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:var(--space-4);>ul{align-items:center;display:flex;>li>a{vertical-align:top}}>ul.hide{display:none}>ul.show{display:flex}}>.content{align-items:center;display:flex;flex-direction:row;justify-content:start;margin:0 auto;max-width:var(--header-content-width,1200px);position:relative;width:100%;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:0;>ul{align-items:center;display:flex;>li>a{vertical-align:top}}}>ul.hide{display:none}>ul.show{display:flex}}}.n-header\:sticky{position:sticky;top:0;width:100%;z-index:1000}.n-header.content-pos\:left{>.content{margin:initial}}.n-header.content-pos\:center{>.content{margin:0 auto}}.n-header.content-pos\:right{>.content{margin:0 0 0 auto}}.n-header.menu-pos\:right{>:is(.nav,nav){left:auto;right:var(--space-4)}>.content{>:is(.nav,nav){left:auto;right:0}}}.n-header.menu-pos\:left{>:is(.nav,nav){left:0;right:auto}>.content{>:is(.nav,nav){left:0;right:auto}}}.n-header.logo-pos\:left{>.title,>h1{margin:0 auto 0 0}>.content{>:is(.title,h1){margin:0 auto 0 0}}}.n-header.logo-pos\:center{>.title,>h1{margin:0 auto}>.content{>:is(.title,h1){margin:0 auto}}}.n-header.logo-pos\:right{>.title,>h1{margin:0 0 0 auto}>.content{>.title,>h1{margin:0 0 0 auto}}}.n-header .mobile-menu{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu-header{align-items:center;display:flex;justify-content:flex-end;padding:.5rem}.n-header .mobile-menu-title{font-size:1.25rem;font-weight:600;margin:0}.n-header .mobile-menu-content{padding:1rem}.n-header .mobile-menu\:1{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu\:1.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu\:2{background:var(--color-base-1);border-top:1px solid var(--color-base-3);bottom:0;box-shadow:0 -4px 12px rgba(0,0,0,.15);left:0;padding:1rem;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:1001}.n-header .mobile-menu\:2.is\:open{transform:translateY(0)}.n-header .mobile-menu\:3{background:rgba(0,0,0,.8);bottom:0;display:none;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1001}.n-footer,.n-header .mobile-menu\:3.is\:open{display:flex}.n-footer{border-top:var(--border-width,1px) solid var(--border-color,--color-base-3);flex-direction:column;flex-shrink:0;height:var(--footer-height,auto);padding:var(--footer-padding,var(--space-5))}.n-modal{--modal-border-radius:16px;--modal-border:none;--modal-box-shadow:rgba(0,0,0,.08) 0 16px 20px -4px,rgba(0,0,0,.03) 0 8px 8px -4px;--modal-z-index:1200;background-color:rgba(0,0,0,.5);background-color:var(--color-base-1);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-box-shadow);content:"";height:100vh;left:0;max-width:90vw;padding:16px 24px;position:fixed;position:fixed;right:50%;top:0;top:50%;transform:translate(50%,-50%);width:100vw;z-index:var(--modal-z-index,10);z-index:var(--modal-z-index)}:root{--heading-font-size:var(--font-size-7)}.n-heading{align-items:center;display:flex;font-size:var(--heading-font-size);font-weight:700;unicode-bidi:isolate;.heading-truncate{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;>a{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.heading-overflow-clamp{text-wrap:nowrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;width:100%}}.n-table{--n-table-bg-color:var(--color-base-1);background-color:var(--n-table-bg-color);border-collapse:collapse;table-layout:fixed;width:100%;>thead{--n-thead-bg-color:var(--color-base-2);background-color:var(--n-thead-bg-color)}>:is(thead,tbody)>tr{--n-tr-height:40px;--n-tr-border-color:var(--color-base-3);border-top:1px solid var(--n-tr-border-color);height:var(--n-tr-height);position:relative}>:is(thead,tbody)>tr>:is(th,td){text-align:center;vertical-align:middle;img,input{vertical-align:middle}&:has(img){padding:8px}}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)
5
+ &>:where(aside,.n-aside,*>.n-aside){width:min-content}&.layout-aside-width\:slide-out{grid-template-columns:0 1fr;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(-100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;content:"";cursor:ew-resize;height:100%;position:absolute;right:-2px;top:0;transition:background-image .2s ease;width:4px;z-index:10}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,transparent 0,transparent 1px),linear-gradient(to right,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}&.layout-aside-pos\:right{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr min-content;overflow-x:hidden;&>:where(aside,.n-aside,*>.n-aside){border-left:1px solid var(--border-color,--color-base-3);border-right:none}&.layout-aside-width\:slide-out{grid-template-columns:1fr 0;overflow-x:hidden;transition:grid-template-columns .5s ease;&>:where(aside,.n-aside,*>.n-aside){overflow:hidden;pointer-events:none;transform:translateX(100%);z-index:-1}}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-4) 0,var(--color-base-4) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 8px,1px 8px,1px 100%;left:-2px;right:auto}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside):hover:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-base-6) 0,var(--color-base-6) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 6px,1px 6px,1px 100%}&.layout-aside-width\:resizable>:where(aside,.n-aside,*>.n-aside).resizing:after{background-image:linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,transparent 0,transparent 1px),linear-gradient(to left,var(--color-main-1) 0,var(--color-main-1) 1px);background-position:1px 0,2px 0,0 0;background-repeat:repeat-y;background-size:1px 4px,1px 4px,1px 100%}}}}@media (max-width:640px){.n-layout:has(>aside,>.n-aside).layout-aside-pos\:right{&.layout-aside-width\:responsive{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr min-content}}}.n-layout{&>.n-header:has(.n-aside-toggle:checked)~:where(aside,.n-aside,*>aside,*>.n-aside){background-color:var(--background-color,--color-base-1);height:100%;left:0;position:absolute;top:0;transform:translateX(-100%)}}@media (max-width:640px){.n-layout{&.layout-aside-width\:responsive{grid-template-areas:"header header" "aside main" "footer footer";grid-template-columns:min-content 1fr}}}.n-section{--padding:var(--space-4);--gap:var(--space-4);--bd-color:var(--color-base-5);--bd-color-hover:var(--color-base-8);--bd-width:1px;--bd-radius:var(--space-3);--title-color:var(--color-base-7);--title-size:var(--size-8);--title-fw:var(--font-weight-7);--bg-color-glass:rgba(var(--rgb-base-2),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-4),0.4)}@media (prefers-color-scheme:dark){.n-section{--title-color:var(--color-base-1);--bd-color:var(--color-base-6);--bd-color-hover:var(--color-base-2);--bd-width:0.5px;--bg-color-glass:rgba(var(--rgb-base-8),0.4);--bg-color-glass-hover:rgba(var(--rgb-base-8),0.6)}}.n-section{display:flex;flex-direction:column;overflow:clip;&.hover:hover{cursor:pointer}&.section\:card{border:var(--bd-width) solid var(--bd-color);border-radius:var(--bd-radius);&.hover:hover{border:var(--border-width-1) solid var(--bd-color-hover)}}&.section\:glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass);transition:background .3s ease,backdrop-filter .3s ease,border .3s ease;&.hover:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-color-glass-hover)}}&.section\:elevated{box-shadow:var(--shadow-lg);&.hover:hover{box-shadow:var(--shadow-xl)}}&>h1,&>header{border-bottom:var(--bd-width) solid var(--bd-color);max-width:100%;min-width:0;overflow:hidden;padding:var(--padding);text-overflow:ellipsis;white-space:nowrap;width:100%}&>h1,&>header,&>header>h1{align-items:center;color:var(--title-color);display:flex;font-size:var(--title-size);font-weight:var(--title-fw)}&>h1+*,&>header+*{max-height:2000px;opacity:1;overflow:hidden;padding:var(--padding);transition:max-height .6s ease,opacity .6s ease,padding .6s ease}&:has(.n-list.list-dir\:column),&:has(.n-list.list-direction\:column)>*{&>h1+*,&>header+*{padding:0}}&.content-toggle\:hide{&>h1,&>header{border-bottom:none}&>h1+*,&>header+*{max-height:0;opacity:0;padding-bottom:0;padding-top:0}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined){>h1,>header{align-items:center;display:flex;width:100%}>h1,>header>h1{font-size:var(--panel-header-fs,var(--font-size-7,16px));font-weight:var(--panel-header-fw,var(--font-weight-2,bold))}>:is(table,ul,dl,form,div,.content){align-items:var(--content-align,start);display:flex;flex-direction:var(--content-direction,column);justify-content:var(--content-justify,start);list-style:var(--list-style,circle);overflow:hidden;position:relative;width:var(--panel-content-width,100%);>:where(li,dt,dd,.item){align-items:start;display:flex;flex-direction:row;flex-direction:column;padding:1em 1.5em;width:100%}}}:where(.n-frame,.n-frame\:ruled,.n-frame\:outlined):has(>h1,>header){>:is(table,ul,dl,form,div,.content){padding-top:1em}}.list-title\:underline{>h1,>header{border-bottom:1px solid var(--panel-header-bd-bottom,var(--color-base-3));padding-bottom:10px}}.list-item-style\:circle{>:where(table,ul,dl,form,div,.content){list-style:var(--list-style,circle)}}.n-frame\:outlined.n-frame-item\:card{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd,section){align-items:start;flex-direction:column;padding:1em 1.5em}}}.n-frame\:outlined{>:where(table,ul,dl,form,div,.content){gap:1em;>:where(li,dt,dd,section){align-items:center;border:1px solid var(--panel-header-bd-bottom,var(--color-base-3));display:flex;min-height:40px;padding:0 10px}}}.n-frame\:outlined.outlined-gap\:1{>:where(table,ul,dl,form,div,.content){gap:var(--space-1,4px)}}.n-frame\:outlined.outlined-gap\:2{>:where(table,ul,dl,form,div,.content){gap:var(--space-2,8px)}}.n-frame\:ruled{>:where(table,ul,dl,form,div,.content){>:where(li,dt,dd){line-height:2.5em;position:relative}>:where(li,dt,dd,section):after{background-color:var(--panel-header-bd-bottom,var(--color-base-3));bottom:0;content:"";display:flex;height:1px;padding:0;position:absolute;width:100%}>:where(li,dt,dd):last-child:after{display:none;min-height:40px}}}.n-frame\:ruled:has(section):before{align-items:center;color:red;content:"ruled-list 클래스 박스 안에 section 태그를 포함할 수 없습니다.";display:flex;font-weight:700;justify-content:center;padding:20px 20px 0;width:100%}.n-form{--form-border-radius:16px;--form-padding:24px;--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-radius:6px;--input-border-color:var(--color-base-3);--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1);display:flex;flex-direction:column;gap:var(--space-5);>div{display:flex;flex-direction:column;gap:5px;padding:5px 0;width:100%;label{display:flex;flex-direction:column;gap:5px;>span{display:inline-flex;font-weight:500;width:100%}>input[type=email],>input[type=number],>input[type=password],>input[type=search],>input[type=tel],>input[type=text],>input[type=url],>textarea{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-7),.85);cursor:default;flex-grow:1;font-size:14px;line-height:150%;padding:4px var(--input-padding-x);transition:border .12s}>textarea{height:auto;min-height:100px;overflow-y:auto}}}&.n-label-pos\:left{>div{label{align-items:center;flex-direction:row;width:100%;>span{text-wrap:nowrap;display:inline-flex;justify-content:center;overflow:hidden;text-overflow:ellipsis " [..]";white-space:nowrap;width:20%}>span:after{content:" : "}input{flex-grow:1}}}}}.n-input{--input-padding-x:12px;--input-input-height:36px;--input-textarea-min-height:58px;--input-border-color:var(--color-base-3);--input-border-radius:6px;--input-underline-border-width:1.6px;--input-border-color-focus:var(--color-sub-2);--input-border-color-success:#37b24d;--input-color-warning:var(--color-accent-1);--input-border-color-warning:var(--color-accent-1)}.n-input,input[type=email].n-input,input[type=number].n-input,input[type=password].n-input,input[type=search].n-input,input[type=tel].n-input,input[type=text].n-input,input[type=url].n-input,textarea.n-input{background-color:var(--color-base-1);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.05);color:rgba(var(--rgb-base-10),.85);padding:4px var(--input-padding-x);width:100%}.n-input,.n-input-type\:outline,.n-input\:outline,input[type=email].n-input,input[type=email].n-input-type\:outline,input[type=email].n-input\:outline,input[type=number].n-input,input[type=number].n-input-type\:outline,input[type=number].n-input\:outline,input[type=password].n-input,input[type=password].n-input-type\:outline,input[type=password].n-input\:outline,input[type=search].n-input,input[type=search].n-input-type\:outline,input[type=search].n-input\:outline,input[type=tel].n-input,input[type=tel].n-input-type\:outline,input[type=tel].n-input\:outline,input[type=text].n-input,input[type=text].n-input-type\:outline,input[type=text].n-input\:outline,input[type=url].n-input,input[type=url].n-input-type\:outline,input[type=url].n-input\:outline{height:var(--input-input-height)}.n-input-type\:underline,.n-input\:underline,input[type=email].n-input-type\:underline,input[type=email].n-input\:underline,input[type=number].n-input-type\:underline,input[type=number].n-input\:underline,input[type=password].n-input-type\:underline,input[type=password].n-input\:underline,input[type=search].n-input-type\:underline,input[type=search].n-input\:underline,input[type=tel].n-input-type\:underline,input[type=tel].n-input\:underline,input[type=text].n-input-type\:underline,input[type=text].n-input\:underline,input[type=url].n-input-type\:underline,input[type=url].n-input\:underline{background-color:transparent;border-left:none;border-radius:0;border-right:none;border-top:none;border-width:var(--input-underline-border-width);box-shadow:none;transition-duration:.2s;transition-property:border-color}textarea.n-input{height:100%;min-height:var(--input-textarea-min-height);resize:none}.n-input.n-input-status\:focus,input[type=email].n-input.n-input-status\:focus,input[type=email].n-input:focus,input[type=number].n-input.n-input-status\:focus,input[type=number].n-input:focus,input[type=password].n-input.n-input-status\:focus,input[type=password].n-input:focus,input[type=search].n-input.n-input-status\:focus,input[type=search].n-input:focus,input[type=tel].n-input.n-input-status\:focus,input[type=tel].n-input:focus,input[type=text].n-input.n-input-status\:focus,input[type=text].n-input:focus,input[type=url].n-input.n-input-status\:focus,input[type=url].n-input:focus,textarea.n-input.n-input-status\:focus,textarea.n-input:focus{border-color:var(--input-border-color-focus)}.n-input.n-input-status\:success,input[type=email].n-input.n-input-status\:success,input[type=number].n-input.n-input-status\:success,input[type=password].n-input.n-input-status\:success,input[type=search].n-input.n-input-status\:success,input[type=tel].n-input.n-input-status\:success,input[type=text].n-input.n-input-status\:success,input[type=url].n-input.n-input-status\:success,textarea.n-input.n-input-status\:success{border-color:var(--input-border-color-success)}.n-input.n-input-status\:warning,input[type=email].n-input.n-input-status\:warning,input[type=number].n-input.n-input-status\:warning,input[type=password].n-input.n-input-status\:warning,input[type=search].n-input.n-input-status\:warning,input[type=tel].n-input.n-input-status\:warning,input[type=text].n-input.n-input-status\:warning,input[type=url].n-input.n-input-status\:warning,textarea.n-input.n-input-status\:warning{border-color:var(--input-border-color-warning);color:var(--input-color-warning)}.n-input.n-input-status\:disabled,input[type=email].n-input.n-input-status\:disabled,input[type=email].n-input:disabled,input[type=number].n-input.n-input-status\:disabled,input[type=number].n-input:disabled,input[type=password].n-input.n-input-status\:disabled,input[type=password].n-input:disabled,input[type=search].n-input.n-input-status\:disabled,input[type=search].n-input:disabled,input[type=tel].n-input.n-input-status\:disabled,input[type=tel].n-input:disabled,input[type=text].n-input.n-input-status\:disabled,input[type=text].n-input:disabled,input[type=url].n-input.n-input-status\:disabled,input[type=url].n-input:disabled,textarea.n-input.n-input-status\:disabled,textarea.n-input:disabled{background-color:rgba(var(--rgb-base-2),.6);border-color:var(--color-base-4);color:rgba(var(--rgb-base-10),.27);cursor:not-allowed}.n-input::placeholder{color:var(--color-base-5);font-size:var(--font-size-2);font-weight:var(--font-weight-1);letter-spacing:-.02em;line-height:150%}.n-input.n-input-status\:disabled::placeholder,.n-input:disabled::placeholder{color:rgba(var(--rgb-base-10),.27)}label:has(+.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-right:var(--space-2)}.n-input+label{align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:-.02em;line-height:150%;margin-left:var(--space-2)}label:has(.n-input){align-items:center;display:flex;font-size:var(--font-size-2);font-weight:var(--font-weight-2);gap:var(--space-2);letter-spacing:-.02em;line-height:150%;width:100%}label:has(.n-input.n-input-label\:top){align-items:start;flex-direction:column;gap:var(--space-1)}label:has(.n-input.n-input-label\:bottom){align-items:start;flex-direction:column-reverse;gap:var(--space-1)}:is(.n-header,.n-header\:sticky){--header-height:64px;--header-border-width:1px;--header-border-color:var(--color-base-3);--header-padding:var(--space-4);align-items:center;box-shadow:1px 1px 1px var(--header-border-color,--color-base-3);display:flex;flex-direction:row;flex-shrink:0;grid-area:header;height:var(--header-height,64px);justify-content:start;padding:0 var(--header-padding,var(--space-4));position:relative;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:var(--space-4);>ul{align-items:center;display:flex;>li>a{vertical-align:top}}>ul.hide{display:none}>ul.show{display:flex}}>.content{align-items:center;display:flex;flex-direction:row;justify-content:start;margin:0 auto;max-width:var(--header-content-width,1200px);position:relative;width:100%;>:is(h1,.title){font-size:24px;font-weight:700}>:is(.nav,nav){display:flex;position:absolute;right:0;>ul{align-items:center;display:flex;>li>a{vertical-align:top}}}>ul.hide{display:none}>ul.show{display:flex}}}.n-header\:sticky{position:sticky;top:0;width:100%;z-index:1000}.n-header.content-pos\:left{>.content{margin:initial}}.n-header.content-pos\:center{>.content{margin:0 auto}}.n-header.content-pos\:right{>.content{margin:0 0 0 auto}}.n-header.menu-pos\:right{>:is(.nav,nav){left:auto;right:var(--space-4)}>.content{>:is(.nav,nav){left:auto;right:0}}}.n-header.menu-pos\:left{>:is(.nav,nav){left:0;right:auto}>.content{>:is(.nav,nav){left:0;right:auto}}}.n-header.logo-pos\:left{>.title,>h1{margin:0 auto 0 0}>.content{>:is(.title,h1){margin:0 auto 0 0}}}.n-header.logo-pos\:center{>.title,>h1{margin:0 auto}>.content{>:is(.title,h1){margin:0 auto}}}.n-header.logo-pos\:right{>.title,>h1{margin:0 0 0 auto}>.content{>.title,>h1{margin:0 0 0 auto}}}.n-header .mobile-menu{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu-header{align-items:center;display:flex;justify-content:flex-end;padding:.5rem}.n-header .mobile-menu-title{font-size:1.25rem;font-weight:600;margin:0}.n-header .mobile-menu-content{padding:1rem}.n-header .mobile-menu\:1{background:var(--color-base-1);border:1px solid var(--color-base-3);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.n-header .mobile-menu\:1.is\:open{display:flex;flex-direction:column}.n-header .mobile-menu\:2{background:var(--color-base-1);border-top:1px solid var(--color-base-3);bottom:0;box-shadow:0 -4px 12px rgba(0,0,0,.15);left:0;padding:1rem;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:1001}.n-header .mobile-menu\:2.is\:open{transform:translateY(0)}.n-header .mobile-menu\:3{background:rgba(0,0,0,.8);bottom:0;display:none;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1001}.n-footer,.n-header .mobile-menu\:3.is\:open{display:flex}.n-footer{border-top:var(--border-width,1px) solid var(--border-color,--color-base-3);flex-direction:column;flex-shrink:0;height:var(--footer-height,auto);padding:var(--footer-padding,var(--space-5))}.n-modal{--modal-border-radius:16px;--modal-border:none;--modal-box-shadow:rgba(0,0,0,.08) 0 16px 20px -4px,rgba(0,0,0,.03) 0 8px 8px -4px;--modal-z-index:1200;background-color:rgba(0,0,0,.5);background-color:var(--color-base-1);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-box-shadow);content:"";height:100vh;left:0;max-width:90vw;padding:16px 24px;position:fixed;position:fixed;right:50%;top:0;top:50%;transform:translate(50%,-50%);width:100vw;z-index:var(--modal-z-index,10);z-index:var(--modal-z-index)}:root{--heading-font-size:var(--font-size-7)}.n-heading{align-items:center;display:flex;font-size:var(--heading-font-size);font-weight:700;unicode-bidi:isolate;.heading-truncate{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;>a{word-wrap:normal;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.heading-overflow-clamp{text-wrap:nowrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;width:100%}}.n-table{--n-table-bg-color:var(--color-base-1);background-color:var(--n-table-bg-color);border-collapse:collapse;table-layout:fixed;width:100%;>thead{--n-thead-bg-color:var(--color-base-2);background-color:var(--n-thead-bg-color)}>:is(thead,tbody)>tr{--n-tr-height:40px;--n-tr-border-color:var(--color-base-3);border-top:1px solid var(--n-tr-border-color);height:var(--n-tr-height);position:relative}>:is(thead,tbody)>tr>:is(th,td){text-align:center;vertical-align:middle;img,input{vertical-align:middle}&:has(img){padding:8px}}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)
6
6
  label:has(.n-row-expander):before{content:"\e5c5";font-family:Material Symbols Outlined;font-size:24px}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)+tr{display:table-row}}.n-table\:expandable{>tbody>tr:nth-child(odd):not(:has(.n-row-expander))>td:last-child:after{align-items:center;background-color:rgba(var(--rgb-base-1),.7);color:red;content:"오류 : n-table:expandable은 n-row-expander가 필요합니다.";display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)
7
7
  label:has(.n-row-expander):before{content:"\e5c7";font-family:Material Symbols Outlined;font-size:24px}>tbody>tr:nth-child(odd):has(.n-row-expander:not(:checked))+tr{display:none}>tbody>tr:nth-child(odd):has(.n-row-expander:not(:checked))
8
- label:has(.n-row-expander):before{content:"\e5c5"}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)+tr{display:table-row;>td{line-height:normal;overflow:hidden;padding:10px;text-align:start}}}.n-list{--n-list-gap:var(--space-2);--n-list-sep-color:var(--color-base-5)}@media (prefers-color-scheme:dark){.n-list{--n-list-sep-color:var(--color-base-7,#333a44)}}.n-list{align-items:center;display:flex;flex-direction:row;text-overflow:ellipsis;&>*{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:var(--space-2) var(--space-4);position:relative}&.hover>:hover{background-color:var(--color-background-onhover);color:var(--color-text-onhover)}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{gap:var(--n-list-gap)}&.list-sep>*+:before,&.list-sep\:dashed>*+:before,&.list-sep\:dot>*+:before,&.list-sep\:dotted>*+:before,&.list-sep\:solid>*+:before,&.list-seperator>*+:before,&.list-seperator\:dashed>*+:before,&.list-seperator\:dot>*+:before,&.list-seperator\:dotted>*+:before,&.list-seperator\:solid>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%);background-repeat:repeat-y;background-size:1px 4px;bottom:25%;content:"";left:calc(var(--n-list-gap)*-.7);pointer-events:none;position:absolute;top:25%;width:1px}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 100%,transparent 100%)}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%)}}&.list-sep\:dot,&.list-seperator\:dot{&>*+:before{background-image:radial-gradient(circle,var(--n-list-sep-color) 1.5px,transparent 1.6px);background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%);background-repeat:no-repeat;background-size:3px 9px;background-size:3px 4px;bottom:45%;top:45%;width:3px}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to bottom,var(--n-list-sep-color) 50%,transparent 50%)}}&.list-fit\:fill>*{flex:1 0 auto}&.list-fit\:shrink>*{flex:0 1 auto;min-width:0}&.list-fit\:noshrink{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&.list-fit\:content>*,&.list-fit\:noshrink>*{flex:0 0 auto}&.list-fit\:wrap>*{flex-wrap:wrap}&.list-fit\:nowrap>*{flex-wrap:nowrap}&.list-vertical-align\:left{justify-content:flex-start}&.list-vertical-align\:center{justify-content:center}&.list-vertical-align\:right{justify-content:flex-end}&.list-active,&.list-active\:bar,&.list-active\:color{&>*{cursor:pointer;transition:background-color .3s ease,color .3s ease,opacity .3s ease;& label,input{cursor:pointer}&.active,&:has(input:checked){background-color:var(--color-background-onactive);color:var(--color-text-onactive)}}}&.list-active\:bar{&>*{&.active{background-color:transparent;color:var(--color-text-onactive);& .n-icon{color:var(--color-icon-onactive)}}&:hover{background-color:transparent;& .n-icon{color:var(--color-icon-onhover)}}&.active:after{background-color:var(--color-background-onactive)}&.active:after,&:hover:after{bottom:0;content:"";height:3px;left:0;opacity:1;position:absolute;right:0}&:hover:after{background-color:var(--color-background-onhover)}&:not(.active):not(:hover):after{opacity:0}}}&.gap\:1{--n-list-gap:var(--space-1)}&.gap\:1,&.gap\:2{gap:var(--n-list-gap)}&.gap\:2{--n-list-gap:var(--space-2)}&.gap\:3{--n-list-gap:var(--space-3)}&.gap\:3,&.gap\:4{gap:var(--n-list-gap)}&.gap\:4{--n-list-gap:var(--space-4)}&.gap\:5{--n-list-gap:var(--space-5)}&.gap\:5,&.gap\:6{gap:var(--n-list-gap)}&.gap\:6{--n-list-gap:var(--space-6)}&.gap\:7{--n-list-gap:var(--space-7)}&.gap\:7,&.gap\:8{gap:var(--n-list-gap)}&.gap\:8{--n-list-gap:var(--space-8)}&.list-dir\:column,&.list-direction\:column{--n-list-gap:0;align-items:flex-start;flex-direction:column;&>*{display:flex;justify-content:flex-start;width:100%}&>*+:before{display:none}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 50%,transparent 50%);background-repeat:repeat-x;background-size:4px 1px;content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;width:auto}}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 100%,transparent 100%);background-size:100% 1px}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 50%,transparent 50%);background-size:4px 1px}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to right,var(--n-list-sep-color) 50%,transparent 50%);background-size:8px 1px}}&.list-align\:left>*{justify-content:flex-start}&.list-align\:center>*{justify-content:center}&.list-align\:right>*{justify-content:flex-end}&.list-valign\:top>*,&.list-vertical-align\:top>*{align-items:flex-start}&.list-valign\:center>*,&.list-vertical-align\:center>*{align-items:center}&.list-valign\:bottom>*,&.list-vertical-align\:bottom>*{align-items:flex-end}}& .w\:grow{flex-grow:1}&.list-type\:aside-menu{flex-direction:column;overflow:hidden;width:100%;&>*{align-items:center;border:none;display:flex;flex-shrink:0;justify-content:flex-start;overflow:hidden;padding:10px;width:100%}}}.n-list\:wrap{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.n-list\:dl{display:flex;flex-direction:column;>div{display:flex;flex-direction:row;padding:var(--space-2) 0;>dt{font-weight:700;&:after{content:":"}}>dd{flex-grow:1;margin-left:var(--space-2)}}>div:last-child{border-bottom:none}}.n-list\:dl.dl-sperator\:solid{>div{border-bottom:1px solid var(--color-base-5)}}.n-list\:dl.dl-sperator\:ruled{>div{border-bottom:1px dashed var(--color-base-5)}}@media (hover:hover) and (pointer:fine){.n-list{&.list-type\:aside-menu{&>li:hover{background-color:var(--color-hover-bg);color:var(--color-hover-text)}}}}.list-type\:cols{--column-width:300px;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(var(--column-width),1fr));&.column-width\:1{--column-width:250px}&.column-width\:2{--column-width:300px}&.column-width\:3{--column-width:350px}&.column-width\:4{--column-width:400px}&.column-width\:5{--column-width:450px}&.column-width\:6{--column-width:500px}&.column-width\:auto{--column-width:auto}&.column-width\:100p{--column-width:100%}&.column-width\:50p{--column-width:50%}&.column-width\:33p{--column-width:33.33%}&.column-width\:25p{--column-width:25%}}:root{--icon-size:24px}.n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;transition:all .2s ease-in-out;visibility:visible;width:var(--icon-size);&:before{align-items:center;content:"";display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);overflow:hidden;vertical-align:top;width:var(--icon-size)}&.n-hover:not(.n-deco):hover{background-color:var(--color-base-3);border-radius:50%;transform:scale(1.4);&:before{transform:scale(.72)}}}.icon-style\:outlined:before{font-family:Material Symbols Outlined}.icon-style\:filled:before{font-variation-settings:"FILL" 1}.icon-style\:rounded:before{font-family:Material Symbols Rounded}.icon-style\:sharp:before{font-family:Material Symbols Sharp}.icon-color\:main-1:before{color:var(--color-main-1)}.icon-color\:main-2:before{color:var(--color-main-2)}.icon-color\:main-3:before{color:var(--color-main-3)}.icon-color\:sub-1:before{color:var(--color-sub-1)}.icon-color\:sub-2:before{color:var(--color-sub-2)}.icon-color\:sub-3:before{color:var(--color-sub-3)}.icon-color\:accent-1:before{color:var(--color-accent-1)}.icon-color\:accent-2:before{color:var(--color-accent-2)}.icon-color\:accent-3:before{color:var(--color-accent-3)}.icon-color\:base-1:before{color:var(--color-base-1)}.icon-color\:base-2:before{color:var(--color-base-2)}.icon-color\:base-3:before{color:var(--color-base-3)}.icon-color\:base-4:before{color:var(--color-base-4)}.icon-color\:base-5:before{color:var(--color-base-5)}.icon-color\:base-6:before{color:var(--color-base-6)}.icon-color\:base-7:before{color:var(--color-base-7)}.icon-color\:base-8:before{color:var(--color-base-8)}.icon-color\:base-9:before{color:var(--color-base-9)}.icon-color\:base-10:before{color:var(--color-base-10)}.icon-size\:1{--icon-size:var(--size-1)}.icon-size\:2{--icon-size:var(--size-2)}.icon-size\:3{--icon-size:var(--size-3)}.icon-size\:4{--icon-size:var(--size-4)}.icon-size\:5{--icon-size:var(--size-5)}.icon-size\:6{--icon-size:var(--size-6)}.icon-size\:7{--icon-size:var(--size-7)}.icon-size\:8{--icon-size:var(--size-8)}.icon-size\:9{--icon-size:var(--size-9)}.icon-size\:10{--icon-size:var(--size-10)}.icon-size\:11{--icon-size:var(--size-11)}.icon-size\:12{--icon-size:var(--size-12)}.icon-size\:13{--icon-size:var(--size-13)}@media (min-width:640px){.sm\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.sm\:n-icon:before{content:"\e87d";font-family:Material Symbols Outlined;font-size:var(--icon-size)}.sm\:icon-color\:main-1:before{color:var(--color-main-1)}.sm\:icon-color\:main-2:before{color:var(--color-main-2)}.sm\:icon-color\:main-3:before{color:var(--color-main-3)}.sm\:icon-color\:sub-1:before{color:var(--color-sub-1)}.sm\:icon-color\:sub-2:before{color:var(--color-sub-2)}.sm\:icon-color\:sub-3:before{color:var(--color-sub-3)}.sm\:icon-color\:accent-1:before{color:var(--color-accent-1)}.sm\:icon-color\:accent-2:before{color:var(--color-accent-2)}.sm\:icon-color\:accent-3:before{color:var(--color-accent-3)}.sm\:icon-color\:base-1:before{color:var(--color-base-1)}.sm\:icon-color\:base-2:before{color:var(--color-base-2)}.sm\:icon-color\:base-3:before{color:var(--color-base-3)}.sm\:icon-color\:base-4:before{color:var(--color-base-4)}.sm\:icon-color\:base-5:before{color:var(--color-base-5)}.sm\:icon-color\:base-6:before{color:var(--color-base-6)}.sm\:icon-color\:base-7:before{color:var(--color-base-7)}.sm\:icon-color\:base-8:before{color:var(--color-base-8)}.sm\:icon-color\:base-9:before{color:var(--color-base-9)}.sm\:icon-color\:base-10:before{color:var(--color-base-10)}.sm\:icon-size\:1{--icon-size:var(--size-1)}.sm\:icon-size\:2{--icon-size:var(--size-2)}.sm\:icon-size\:3{--icon-size:var(--size-3)}.sm\:icon-size\:4{--icon-size:var(--size-4)}.sm\:icon-size\:5{--icon-size:var(--size-5)}.sm\:icon-size\:6{--icon-size:var(--size-6)}.sm\:icon-size\:7{--icon-size:var(--size-7)}.sm\:icon-size\:8{--icon-size:var(--size-8)}.sm\:icon-size\:9{--icon-size:var(--size-9)}.sm\:icon-size\:10{--icon-size:var(--size-10)}.sm\:icon-size\:11{--icon-size:var(--size-11)}.sm\:icon-size\:12{--icon-size:var(--size-12)}.sm\:icon-size\:13{--icon-size:var(--size-13)}.sm\:icon-size\:xs:before{font-size:var(--font-size-xs)}.sm\:icon-size\:sm:before{font-size:var(--font-size-sm)}.sm\:icon-size\:base:before{font-size:var(--font-size-base)}.sm\:icon-size\:lg:before{font-size:var(--font-size-lg)}.sm\:icon-size\:xl:before{font-size:var(--font-size-xl)}.sm\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.sm\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.sm\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}@media (min-width:768px){.md\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.md\:icon-size\:1{--icon-size:var(--size-1)}.md\:icon-size\:2{--icon-size:var(--size-2)}.md\:icon-size\:3{--icon-size:var(--size-3)}.md\:icon-size\:4{--icon-size:var(--size-4)}.md\:icon-size\:5{--icon-size:var(--size-5)}.md\:icon-size\:6{--icon-size:var(--size-6)}.md\:icon-size\:7{--icon-size:var(--size-7)}.md\:icon-size\:8{--icon-size:var(--size-8)}.md\:icon-size\:9{--icon-size:var(--size-9)}.md\:icon-size\:10{--icon-size:var(--size-10)}.md\:icon-size\:11{--icon-size:var(--size-11)}.md\:icon-size\:12{--icon-size:var(--size-12)}.md\:icon-size\:13{--icon-size:var(--size-13)}.md\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}}@media (min-width:1024px){.lg\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.lg\:icon-size\:1{--icon-size:var(--size-1)}.lg\:icon-size\:2{--icon-size:var(--size-2)}.lg\:icon-size\:3{--icon-size:var(--size-3)}.lg\:icon-size\:4{--icon-size:var(--size-4)}.lg\:icon-size\:5{--icon-size:var(--size-5)}.lg\:icon-size\:6{--icon-size:var(--size-6)}.lg\:icon-size\:7{--icon-size:var(--size-7)}.lg\:icon-size\:8{--icon-size:var(--size-8)}.lg\:icon-size\:9{--icon-size:var(--size-9)}.lg\:icon-size\:10{--icon-size:var(--size-10)}.lg\:icon-size\:11{--icon-size:var(--size-11)}.lg\:icon-size\:12{--icon-size:var(--size-12)}.lg\:icon-size\:13{--icon-size:var(--size-13)}.lg\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}.lg\:icon-color\:main-1:before{color:var(--color-main-1)}.lg\:icon-color\:main-2:before{color:var(--color-main-2)}.lg\:icon-color\:main-3:before{color:var(--color-main-3)}.lg\:icon-color\:sub-1:before{color:var(--color-sub-1)}.lg\:icon-color\:sub-2:before{color:var(--color-sub-2)}.lg\:icon-color\:sub-3:before{color:var(--color-sub-3)}.lg\:icon-color\:accent-1:before{color:var(--color-accent-1)}.lg\:icon-color\:accent-2:before{color:var(--color-accent-2)}.lg\:icon-color\:accent-3:before{color:var(--color-accent-3)}.lg\:icon-color\:base-1:before{color:var(--color-base-1)}.lg\:icon-color\:base-2:before{color:var(--color-base-2)}.lg\:icon-color\:base-3:before{color:var(--color-base-3)}.lg\:icon-color\:base-4:before{color:var(--color-base-4)}.lg\:icon-color\:base-5:before{color:var(--color-base-5)}.lg\:icon-color\:base-6:before{color:var(--color-base-6)}.lg\:icon-color\:base-7:before{color:var(--color-base-7)}.lg\:icon-color\:base-8:before{color:var(--color-base-8)}.lg\:icon-color\:base-9:before{color:var(--color-base-9)}.lg\:icon-color\:base-10:before{color:var(--color-base-10)}.lg\:icon-size\:xs:before{font-size:var(--font-size-xs)}.lg\:icon-size\:sm:before{font-size:var(--font-size-sm)}.lg\:icon-size\:base:before{font-size:var(--font-size-base)}.lg\:icon-size\:lg:before{font-size:var(--font-size-lg)}.lg\:icon-size\:xl:before{font-size:var(--font-size-xl)}.lg\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.lg\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.lg\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}@media (min-width:1280px){.xl\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.xl\:icon-size\:1{--icon-size:var(--size-1)}.xl\:icon-size\:2{--icon-size:var(--size-2)}.xl\:icon-size\:3{--icon-size:var(--size-3)}.xl\:icon-size\:4{--icon-size:var(--size-4)}.xl\:icon-size\:5{--icon-size:var(--size-5)}.xl\:icon-size\:6{--icon-size:var(--size-6)}.xl\:icon-size\:7{--icon-size:var(--size-7)}.xl\:icon-size\:8{--icon-size:var(--size-8)}.xl\:icon-size\:9{--icon-size:var(--size-9)}.xl\:icon-size\:10{--icon-size:var(--size-10)}.xl\:icon-size\:11{--icon-size:var(--size-11)}.xl\:icon-size\:12{--icon-size:var(--size-12)}.xl\:icon-size\:13{--icon-size:var(--size-13)}.xl\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}.xl\:icon-color\:main-1:before{color:var(--color-main-1)}.xl\:icon-color\:main-2:before{color:var(--color-main-2)}.xl\:icon-color\:main-3:before{color:var(--color-main-3)}.xl\:icon-color\:sub-1:before{color:var(--color-sub-1)}.xl\:icon-color\:sub-2:before{color:var(--color-sub-2)}.xl\:icon-color\:sub-3:before{color:var(--color-sub-3)}.xl\:icon-color\:accent-1:before{color:var(--color-accent-1)}.xl\:icon-color\:accent-2:before{color:var(--color-accent-2)}.xl\:icon-color\:accent-3:before{color:var(--color-accent-3)}.xl\:icon-color\:base-1:before{color:var(--color-base-1)}.xl\:icon-color\:base-2:before{color:var(--color-base-2)}.xl\:icon-color\:base-3:before{color:var(--color-base-3)}.xl\:icon-color\:base-4:before{color:var(--color-base-4)}.xl\:icon-color\:base-5:before{color:var(--color-base-5)}.xl\:icon-color\:base-6:before{color:var(--color-base-6)}.xl\:icon-color\:base-7:before{color:var(--color-base-7)}.xl\:icon-color\:base-8:before{color:var(--color-base-8)}.xl\:icon-color\:base-9:before{color:var(--color-base-9)}.xl\:icon-color\:base-10:before{color:var(--color-base-10)}.xl\:icon-size\:xs:before{font-size:var(--font-size-xs)}.xl\:icon-size\:sm:before{font-size:var(--font-size-sm)}.xl\:icon-size\:base:before{font-size:var(--font-size-base)}.xl\:icon-size\:lg:before{font-size:var(--font-size-lg)}.xl\:icon-size\:xl:before{font-size:var(--font-size-xl)}.xl\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.xl\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.xl\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}.n-btn{--btn-font-size:14px;--btn-border-color:var(--color-base-4);--btn-border-radius:6px;--btn-bg-color:var(--color-base-1);--btn-text-color:var(--color-base-6);--btn-padding:8px 16px;--btn-active-color:rgba(var(--rgb-main-1),0.7);--btn-hover-color:rgba(var(--rgb-base-4),0.7);--btn-sep-color:var(--color-base-7,#333a44)}@media (prefers-color-scheme:dark){.n-btn{--btn-border-color:var(--color-base-3);--btn-bg-color:var(--color-base-7);--btn-text-color:var(--color-base-2);--btn-active-color:rgba(var(--rgb-main-1),0.7);--btn-sep-color:var(--color-base-7,#333a44)}}.n-btn{align-items:center;background-color:var(--btn-bg-color);border:1px solid var(--btn-border-color);border-radius:var(--btn-border-radius);box-sizing:border-box;color:var(--btn-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--btn-font-size,14px);font-weight:400;height:auto;justify-content:center;line-height:1.4em;padding:var(--btn-padding);position:relative;transition:background-color .15s ease,border-color .15s ease,color .15s ease;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}&:hover{--btn-bg-color:var(--btn-hover-color);text-decoration:none}&:active{--btn-bg-color:var(--btn-active-color);--btn-border-color:var(--btn-border-color);--btn-text-color:var(--btn-text-color)}&:focus-visible{outline:2px solid var(--color-main-1,rgba(0,123,255,.5));outline-offset:1px}}.n-btn.n-icon:not(.n-deco){--btn-padding:4px;text-indent:-999px;&:before{text-indent:0}}.n-btn.n-icon.n-deco{text-indent:0}.btn-type\:rounded{border-radius:var(--btn-border-radius,8px)}.btn-type\:circle{border-radius:50%}.btn-size\:1{--btn-padding:var(--space-1) calc(var(--space-1)*2)}.btn-size\:2{--btn-padding:var(--space-2) calc(var(--space-2)*2)}.btn-size\:3{--btn-padding:var(--space-3) calc(var(--space-3)*2)}.btn-size\:4{--btn-padding:var(--space-4) calc(var(--space-4)*2)}.btn-size\:5{--btn-padding:var(--space-5) calc(var(--space-5)*2)}.btn-size\:6{--btn-padding:var(--space-6) calc(var(--space-6)*2)}.btn-size\:7{--btn-padding:var(--space-7) calc(var(--space-7)*2)}.btn-size\:8{--btn-padding:var(--space-8) calc(var(--space-8)*2)}.btn-size\:9{--btn-padding:var(--space-9) calc(var(--space-9)*2)}.btn-size\:ex{--btn-padding:var(--space-20) calc(var(--space-20)*2)}.btn-size\:inline{line-height:1em;padding:0}.btn-size\:small{--btn-font-size:var(--font-size-xs);--btn-padding:var(--space-1) var(--space-2);line-height:1em}.btn-color\:main-1{--btn-bg-color:var(--color-main-1);--btn-border-color:var(--color-main-1);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-main-2);--btn-border-color:var(--color-main-2);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-main-3);--btn-text-color:var(--color-base-1)}}.btn-color\:main-2{--btn-bg-color:var(--color-main-2);--btn-border-color:var(--color-main-2);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-main-3);--btn-border-color:var(--color-main-3);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-main-1);--btn-text-color:var(--color-base-1)}}.btn-color\:main-3{--btn-bg-color:var(--color-main-3);--btn-border-color:var(--color-main-3);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-main-1);--btn-border-color:var(--color-main-1);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-main-2);--btn-text-color:var(--color-base-1)}}.btn-color\:sub-1{--btn-bg-color:var(--color-sub-1);--btn-border-color:var(--color-sub-1);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-sub-2);--btn-border-color:var(--color-sub-2);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-sub-3);--btn-text-color:var(--color-base-1)}}.btn-color\:sub-2{--btn-bg-color:var(--color-sub-2);--btn-border-color:var(--color-sub-2);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-sub-3);--btn-border-color:var(--color-sub-3);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-sub-1);--btn-text-color:var(--color-base-1)}}.btn-color\:sub-3{--btn-bg-color:var(--color-sub-3);--btn-border-color:var(--color-sub-3);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-sub-1);--btn-border-color:var(--color-sub-1);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-sub-2);--btn-text-color:var(--color-base-1)}}.btn-color\:accent-1{--btn-bg-color:var(--color-accent-1);--btn-border-color:var(--color-accent-1);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-accent-2);--btn-border-color:var(--color-accent-2);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-accent-3);--btn-text-color:var(--color-base-1)}}.btn-color\:accent-2{--btn-bg-color:var(--color-accent-2);--btn-border-color:var(--color-accent-2);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-accent-3);--btn-border-color:var(--color-accent-3);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-accent-1);--btn-text-color:var(--color-base-1)}}.btn-color\:accent-3{--btn-bg-color:var(--color-accent-3);--btn-border-color:var(--color-accent-3);--btn-text-color:var(--color-base-1);&:hover{--btn-bg-color:var(--color-accent-1);--btn-border-color:var(--color-accent-1);--btn-text-color:var(--color-base-2)}&:active{--btn-bg-color:var(--color-accent-2);--btn-text-color:var(--color-base-1)}}@media (min-width:640px){.md\:n-btn{--btn-font-size:14px;--btn-border-color:var(--color-base-3);--btn-border-radius:8px;--btn-bg-hover:var(--color-base-2);align-items:center;background-color:transparent;border:1px solid var(--btn-border-color,var(--color-base-3));border-radius:var(--btn-border-radius,8px);box-sizing:content-box;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--btn-font-size,14px);font-weight:500;justify-content:center;line-height:1em;padding:var(--btn-padding,8px 16px);position:relative;transition:border-color .3s,background-color .3s;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;justify-content:center}}.md\:n-btn:hover{background-color:var(--btn-bg-hover,var(--color-base-2));text-decoration:none}.md\:n-btn\:static{cursor:unset}.md\:btn-size\:inline{line-height:1em;padding:0}.md\:btn-size\:small{--btn-font-size:12px;line-height:1em;padding:var(--btn-padding,4px 8px)}.md\:btn-size\:1{--btn-font-size:14px;padding:var(--btn-padding,8px 16px)}.md\:btn-size\:2{--btn-font-size:16px;padding:var(--btn-padding,10px 18px)}.md\:btn-size\:3{font-size:18px;padding:var(--btn-padding,12px 20px)}.md\:btn-size\:1:is(.n-icon){mask-size:var(--icon-size-1)}.md\:btn-size\:2:is(.n-icon){mask-size:var(--icon-size-2)}.md\:btn-size\:3:is(.n-icon){mask-size:var(--icon-size-3)}.md\:btn-color\:main{background-color:var(--color-main-1);border-color:var(--color-main-2);color:var(--color-base-1)}.md\:btn-color\:main:hover{--btn-bg-hover:var(--color-main-1)}.md\:btn-color\:sub{border-color:var(--color-sub-2);color:var(--color-base-1)}.md\:btn-color\:sub:hover{--btn-bg-hover:rgba(var(--rgb-sub-1),0.7)}.md\:btn-color\:accent{border-color:var(--color-accent-2);color:var(--color-base-1)}.md\:btn-color\:accent:hover{--btn-bg-hover:rgba(var(--rgb-accent-1),0.9)}.md\:btn-color\:accent:is(.n-icon):before{background-color:var(--color-base-1)}.md\:btn-size\:1:is(.n-icon):not(.n-deco),.md\:btn:is(.n-icon):not(.n-deco){--btn-padding:8px;text-indent:-999px}.md\:btn-size\:2:is(.n-icon):not(.n-deco){--btn-padding:10px}.md\:btn-size\:3:is(.n-icon):not(.n-deco){--btn-padding:12px}}@media (min-width:1024px){.lg\:n-btn{--btn-font-size:14px;--btn-border-color:var(--color-base-3);--btn-border-radius:8px;--btn-bg-hover:var(--color-base-2);align-items:center;background-color:transparent;border:1px solid var(--btn-border-color,var(--color-base-3));border-radius:var(--btn-border-radius,8px);box-sizing:content-box;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--btn-font-size,14px);font-weight:500;justify-content:center;line-height:1em;padding:var(--btn-padding,8px 16px);position:relative;transition:border-color .3s,background-color .3s;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;justify-content:center}}.lg\:n-btn:hover{background-color:var(--btn-bg-hover,var(--color-base-2));text-decoration:none}.lg\:n-btn\:static{cursor:unset}.lg\:btn-size\:inline{line-height:1em;padding:0}.lg\:btn-size\:small{--btn-font-size:12px;line-height:1em;padding:var(--btn-padding,4px 8px)}.lg\:btn-size\:1{--btn-font-size:14px;padding:var(--btn-padding,8px 16px)}.lg\:btn-size\:2{--btn-font-size:16px;padding:var(--btn-padding,10px 18px)}.lg\:btn-size\:3{font-size:18px;padding:var(--btn-padding,12px 20px)}.lg\:btn-size\:1:is(.n-icon){mask-size:var(--icon-size-1)}.lg\:btn-size\:2:is(.n-icon){mask-size:var(--icon-size-2)}.lg\:btn-size\:3:is(.n-icon){mask-size:var(--icon-size-3)}.lg\:btn-color\:main{border-color:var(--color-main-2);color:var(--color-base-1)}.lg\:btn-color\:main:hover{--btn-bg-hover:var(--color-main-1)}.lg\:btn-color\:sub{border-color:var(--color-sub-2);color:var(--color-base-1)}.lg\:btn-color\:sub:hover{--btn-bg-hover:rgba(var(--rgb-sub-1),0.7)}.lg\:btn-color\:accent{border-color:var(--color-accent-2);color:var(--color-base-1)}.lg\:btn-color\:accent:hover{--btn-bg-hover:rgba(var(--rgb-accent-1),0.9)}.lg\:btn-size\:1:is(.n-icon):not(.n-deco),.lg\:n-btn:is(.n-icon):not(.n-deco){--btn-padding:8px;text-indent:-999px}.lg\:btn-size\:2:is(.n-icon):not(.n-deco){--btn-padding:10px}.lg\:btn-size\:3:is(.n-icon):not(.n-deco){--btn-padding:12px}}.n-deco{--deco-gap:4px;align-items:center;display:inline-flex;gap:var(--deco-gap);justify-content:center;text-align:center;text-indent:0;width:auto;&:before{align-items:center;display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}}.deco-pos\:bottom,.deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.deco-pos\:left:before,.deco-pos\:top:before{order:unset}.deco-pos\:bottom:before,.deco-pos\:right:before{order:1}.deco-pos\:bottom,.deco-pos\:top{width:auto}:not(.n-deco).deco-pos\:bottom,:not(.n-deco).deco-pos\:left,:not(.n-deco).deco-pos\:right,:not(.n-deco).deco-pos\:top{align-items:center;display:flex;flex-direction:row;justify-content:center;overflow:visible;position:relative}:not(.n-deco).deco-pos\:bottom:before,:not(.n-deco).deco-pos\:left:before,:not(.n-deco).deco-pos\:right:before,:not(.n-deco).deco-pos\:top:before{border:1px solid red;color:red;content:"Error: n-deco is missing.";display:flex;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:100%;left:0;position:absolute;top:0;width:150px}.deco-gap\:0{--deco-gap:0px}.deco-gap\:1{--deco-gap:5px}.deco-gap\:2{--deco-gap:10px}@media screen and (min-width:576px){.sm\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.sm\:deco-pos\:bottom,.sm\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.sm\:deco-pos\:left,.sm\:deco-pos\:top{&:before{order:unset}}.sm\:deco-pos\:bottom:before,.sm\:deco-pos\:right:before{order:1}.sm\:deco-pos\:left,.sm\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.sm\:deco-gap\:0{--deco-gap:0px}.sm\:deco-gap\:1{--deco-gap:5px}.sm\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:768px){.md\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.md\:deco-pos\:bottom,.md\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.md\:deco-pos\:left,.md\:deco-pos\:top{&:before{order:unset}}.md\:deco-pos\:bottom:before,.md\:deco-pos\:right:before{order:1}.md\:deco-pos\:left,.md\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.md\:deco-gap\:0{--deco-gap:0px}.md\:deco-gap\:1{--deco-gap:5px}.md\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:992px){.lg\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.lg\:deco-pos\:bottom,.lg\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.lg\:deco-pos\:left,.lg\:deco-pos\:top{&:before{order:unset}}.lg\:deco-pos\:bottom:before,.lg\:deco-pos\:right:before{order:1}.lg\:deco-pos\:left,.lg\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.lg\:deco-gap\:0{--deco-gap:0px}.lg\:deco-gap\:1{--deco-gap:5px}.lg\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:1200px){.xl\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var (--deco-gap);text-align:center;text-indent:0;width:auto}.xl\:deco-pos\:bottom,.xl\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.xl\:deco-pos\:left,.xl\:deco-pos\:top{&:before{order:unset}}.xl\:deco-pos\:bottom:before,.xl\:deco-pos\:right:before{order:1}.xl\:deco-pos\:left,.xl\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.xl\:deco-gap\:0{--deco-gap:0px}.xl\:deco-gap\:1{--deco-gap:5px}.xl\:deco-gap\:2{--deco-gap:10px}}:root{--color-text:var(--color-base-7);--color-text-onactive:var(--color-base-1);--color-text-onhover:var(--color-base-1);--color-background:var(--color-base-1);--color-background-onactive:rgba(var(--rgb-main-1),0.7);--color-background-onhover:rgba(var(--rgb-base-5),0.7);--color-icon-onactive:rgba(var(--rgb-main-1),0.7);--color-icon-onhover:rgba(var(--rgb-base-5),0.7)}@media (prefers-color-scheme:dark){:root{--color-text:var(--color-base-2);--color-background:var(--color-base-9)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;font-size:var(--font-size,14px);line-height:var(--line-height-normal,1.5)}
8
+ label:has(.n-row-expander):before{content:"\e5c5"}>tbody>tr:nth-child(odd):has(.n-row-expander:checked)+tr{display:table-row;>td{line-height:normal;overflow:hidden;padding:10px;text-align:start}}}.n-list{--gap:var(--space-2);--sp-color:var(--color-base-5);--sp-bg-image:none;--sp-dot-bg-size:3px 4px;--sp-dot-width:3px;--icon-color-active:var(--color-main-2);--icon-color-hover:var(--color-base-3);--bar-color-active:var(--color-main-2);--bar-color-hover:var(--color-base-3);--bg-color-hover:rgba(var(--rgb-base-2),0.3);--text-color-active:inherit}@media (prefers-color-scheme:dark){.n-list{--sp-color:var(--color-base-7,#333a44);--icon-color-active:var(--color-main-2);--icon-color-hover:var(--color-base-3);--bar-color-active:var(--color-main-2);--bar-color-hover:var(--color-base-3);--bg-color-hover:rgba(var(--rgb-base-8),0.3);--text-color-active:inherit}}.n-list{align-items:center;display:flex;flex-direction:row;text-overflow:ellipsis;&>*{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:var(--space-2) var(--space-4);position:relative}&.hover>:hover{background-color:var(--bg-color-hover)}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{gap:var(--gap)}&.list-sep>*+:before,&.list-sep\:dashed>*+:before,&.list-sep\:dot>*+:before,&.list-sep\:dotted>*+:before,&.list-sep\:solid>*+:before,&.list-seperator>*+:before,&.list-seperator\:dashed>*+:before,&.list-seperator\:dot>*+:before,&.list-seperator\:dotted>*+:before,&.list-seperator\:solid>*+:before{background-image:var(--sp-bg-image);background-repeat:repeat-y;background-size:1px 4px;bottom:25%;content:"";left:calc(var(--gap)*-.7);pointer-events:none;position:absolute;top:25%;width:1px}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{--sp-bg-image:linear-gradient(to bottom,var(--sp-color) 100%,transparent 100%)}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{--sp-bg-image:linear-gradient(to bottom,var(--sp-color) 50%,transparent 50%)}}&.list-sep\:dot,&.list-seperator\:dot{&>*+:before{--sp-bg-image:radial-gradient(circle,var(--sp-color) 1.5px,transparent 1.6px);background-image:linear-gradient(to bottom,var(--sp-color) 50%,transparent 50%);background-repeat:no-repeat;background-size:var(--sp-dot-bg-size);bottom:45%;top:45%;width:var(--sp-dot-width)}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to bottom,var(--sp-color) 50%,transparent 50%)}}&.list-fit\:fill>*{flex:1 0 auto}&.list-fit\:shrink>*{flex:0 1 auto;min-width:0}&.list-fit\:noshrink{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&.list-fit\:content>*,&.list-fit\:noshrink>*{flex:0 0 auto}&.list-fit\:wrap>*{flex-wrap:wrap}&.list-fit\:nowrap>*{flex-wrap:nowrap}&.list-vertical-align\:left{justify-content:flex-start}&.list-vertical-align\:center{justify-content:center}&.list-vertical-align\:right{justify-content:flex-end}&.active,&.active\:bar,&.active\:color{&>*{cursor:pointer;transition:background-color .3s ease,color .3s ease,opacity .3s ease;& label,input{cursor:pointer}&.active,&:has(input:checked){background-color:var(--color-background-onactive);color:var(--text-color-active)}}}&.active\:bar{&>*{&.active{background-color:transparent;color:var(--text-color-active);& .n-icon{color:var(--icon-color-active)}}&:hover{background-color:transparent;& .n-icon{color:var(--icon-color-hover)}}&:hover:after{background-color:var(--bar-color-hover)}&.active:after,&:hover:after{bottom:0;content:"";height:3px;left:0;opacity:1;position:absolute;right:0}&.active:after{background-color:var(--bar-color-active)}&:not(.active):not(:hover):after{opacity:0}}}&.list-dir\:column,&.list-direction\:column{--gap:0;align-items:flex-start;flex-direction:column;&>*{display:flex;justify-content:flex-start;width:100%}&>*+:before{display:none}&.list-sep,&.list-sep\:dashed,&.list-sep\:dot,&.list-sep\:dotted,&.list-sep\:solid,&.list-seperator,&.list-seperator\:dashed,&.list-seperator\:dot,&.list-seperator\:dotted,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 50%,transparent 50%);background-repeat:repeat-x;background-size:4px 1px;content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;width:auto}}&.list-sep\:none,&.list-seperator\:none{&>*+:before{display:none}}&.list-sep\:solid,&.list-seperator\:solid{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 100%,transparent 100%);background-size:100% 1px}}&.list-sep\:dotted,&.list-seperator\:dotted{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 50%,transparent 50%);background-size:4px 1px}}&.list-sep\:dashed,&.list-seperator\:dashed{&>*+:before{background-image:linear-gradient(to right,var(--sp-color) 50%,transparent 50%);background-size:8px 1px}}&.list-align\:left>*{justify-content:flex-start}&.list-align\:center>*{justify-content:center}&.list-align\:right>*{justify-content:flex-end}&.list-valign\:top>*,&.list-vertical-align\:top>*{align-items:flex-start}&.list-valign\:center>*,&.list-vertical-align\:center>*{align-items:center}&.list-valign\:bottom>*,&.list-vertical-align\:bottom>*{align-items:flex-end}}& .w\:grow{flex-grow:1}&.list\:aside-menu{flex-direction:column;overflow:hidden;width:100%;&>*{align-items:center;border:none;display:flex;flex-shrink:0;justify-content:flex-start;overflow:hidden;padding:10px;width:100%}}}.n-list\:wrap{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.n-list\:dl{display:flex;flex-direction:column;>div{display:flex;flex-direction:row;padding:var(--space-2) 0;>dt{font-weight:700;&:after{content:":"}}>dd{flex-grow:1;margin-left:var(--space-2)}}>div:last-child{border-bottom:none}}.n-list\:dl.dl-sperator\:solid{>div{border-bottom:1px solid var(--color-base-5)}}.n-list\:dl.dl-sperator\:ruled{>div{border-bottom:1px dashed var(--color-base-5)}}@media (hover:hover) and (pointer:fine){.n-list{&.list\:aside-menu{&>li:hover{background-color:var(--color-hover-bg);color:var(--color-hover-text)}}}}.list\:cols{--column-width:300px;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(var(--column-width),1fr));&.column-width\:1{--column-width:250px}&.column-width\:2{--column-width:300px}&.column-width\:3{--column-width:350px}&.column-width\:4{--column-width:400px}&.column-width\:5{--column-width:450px}&.column-width\:6{--column-width:500px}&.column-width\:auto{--column-width:auto}&.column-width\:100p{--column-width:100%}&.column-width\:50p{--column-width:50%}&.column-width\:33p{--column-width:33.33%}&.column-width\:25p{--column-width:25%}}:root{--icon-size:24px;--icon-family:"Material Symbols Outlined";--icon-color:var(--color-base-9);--icon-variation-settings:"FILL" 0}@media (prefers-color-scheme:dark){:root{--icon-color:var(--color-base-2)}}.n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;transition:all .2s ease-in-out;visibility:visible;width:var(--icon-size);&:before{align-items:center;color:inherit;content:"";display:inline-flex;flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:var(--icon-variation-settings);height:var(--icon-size);overflow:hidden;vertical-align:top;width:var(--icon-size)}&.hover:not(.n-deco):hover{background-color:var(--color-base-3);border-radius:50%;transform:scale(1.4);&:before{transform:scale(.72)}}.icon-style\:outlined:before{--icon-family:"Material Symbols Outlined"}.icon-style\:filled:before{--icon-variation-settings:"FILL" 1}.icon-style\:rounded:before{--icon-family:"Material Symbols Rounded"}.icon-style\:sharp:before{--icon-family:"Material Symbols Sharp"}.icon-color\:main-1:before{--icon-color:var(--color-main-1)}.icon-color\:main-2:before{--icon-color:var(--color-main-2)}.icon-color\:main-3:before{--icon-color:var(--color-main-3)}.icon-color\:sub-1:before{--icon-color:var(--color-sub-1)}.icon-color\:sub-2:before{--icon-color:var(--color-sub-2)}.icon-color\:sub-3:before{--icon-color:var(--color-sub-3)}.icon-color\:accent-1:before{--icon-color:var(--color-accent-1)}.icon-color\:accent-2:before{--icon-color:var(--color-accent-2)}.icon-color\:accent-3:before{--icon-color:var(--color-accent-3)}.icon-color\:base-1:before{--icon-color:var(--color-base-1)}.icon-color\:base-2:before{--icon-color:var(--color-base-2)}.icon-color\:base-3:before{--icon-color:var(--color-base-3)}.icon-color\:base-4:before{--icon-color:var(--color-base-4)}.icon-color\:base-5:before{--icon-color:var(--color-base-5)}.icon-color\:base-6:before{--icon-color:var(--color-base-6)}.icon-color\:base-7:before{--icon-color:var(--color-base-7)}.icon-color\:base-8:before{--icon-color:var(--color-base-8)}.icon-color\:base-9:before{--icon-color:var(--color-base-9)}.icon-color\:base-10:before{--icon-color:var(--color-base-10)}.icon-size\:1{--icon-size:var(--size-1)}.icon-size\:2{--icon-size:var(--size-2)}.icon-size\:3{--icon-size:var(--size-3)}.icon-size\:4{--icon-size:var(--size-4)}.icon-size\:5{--icon-size:var(--size-5)}.icon-size\:6{--icon-size:var(--size-6)}.icon-size\:7{--icon-size:var(--size-7)}.icon-size\:8{--icon-size:var(--size-8)}.icon-size\:9{--icon-size:var(--size-9)}.icon-size\:10{--icon-size:var(--size-10)}.icon-size\:11{--icon-size:var(--size-11)}.icon-size\:12{--icon-size:var(--size-12)}.icon-size\:13{--icon-size:var(--size-13)}}@media (min-width:640px){.sm\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size);&:before{content:"\e87d";font-family:Material Symbols Outlined;font-size:var(--icon-size)}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:1{--icon-size:var(--size-1)}&.icon-size\:2{--icon-size:var(--size-2)}&.icon-size\:3{--icon-size:var(--size-3)}&.icon-size\:4{--icon-size:var(--size-4)}&.icon-size\:5{--icon-size:var(--size-5)}&.icon-size\:6{--icon-size:var(--size-6)}&.icon-size\:7{--icon-size:var(--size-7)}&.icon-size\:8{--icon-size:var(--size-8)}&.icon-size\:9{--icon-size:var(--size-9)}&.icon-size\:10{--icon-size:var(--size-10)}&.icon-size\:11{--icon-size:var(--size-11)}&.icon-size\:12{--icon-size:var(--size-12)}&.icon-size\:13{--icon-size:var(--size-13)}&.icon-size\:xs:before{font-size:var(--font-size-xs)}&.icon-size\:sm:before{font-size:var(--font-size-sm)}&.icon-size\:base:before{font-size:var(--font-size-base)}&.icon-size\:lg:before{font-size:var(--font-size-lg)}&.icon-size\:xl:before{font-size:var(--font-size-xl)}&.icon-size\:2xl:before{font-size:var(--font-size-2xl)}&.icon-size\:3xl:before{font-size:var(--font-size-3xl)}&.icon-size\:4xl:before{font-size:var(--font-size-4xl)}}}@media (min-width:768px){.md\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size);&.icon-size\:1{--icon-size:var(--size-1)}&.icon-size\:2{--icon-size:var(--size-2)}&.icon-size\:3{--icon-size:var(--size-3)}&.icon-size\:4{--icon-size:var(--size-4)}&.icon-size\:5{--icon-size:var(--size-5)}&.icon-size\:6{--icon-size:var(--size-6)}&.icon-size\:7{--icon-size:var(--size-7)}&.icon-size\:8{--icon-size:var(--size-8)}&.icon-size\:9{--icon-size:var(--size-9)}&.icon-size\:10{--icon-size:var(--size-10)}&.icon-size\:11{--icon-size:var(--size-11)}&.icon-size\:12{--icon-size:var(--size-12)}&.icon-size\:13{--icon-size:var(--size-13)}&:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}}}@media (min-width:1024px){.lg\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size);&.icon-size\:1{--icon-size:var(--size-1)}&.icon-size\:2{--icon-size:var(--size-2)}&.icon-size\:3{--icon-size:var(--size-3)}&.icon-size\:4{--icon-size:var(--size-4)}&.icon-size\:5{--icon-size:var(--size-5)}&.icon-size\:6{--icon-size:var(--size-6)}&.icon-size\:7{--icon-size:var(--size-7)}&.icon-size\:8{--icon-size:var(--size-8)}&.icon-size\:9{--icon-size:var(--size-9)}&.icon-size\:10{--icon-size:var(--size-10)}&.icon-size\:11{--icon-size:var(--size-11)}&.icon-size\:12{--icon-size:var(--size-12)}&.icon-size\:13{--icon-size:var(--size-13)}&:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}&.icon-color\:main-1:before{color:var(--color-main-1)}&.icon-color\:main-2:before{color:var(--color-main-2)}&.icon-color\:main-3:before{color:var(--color-main-3)}&.icon-color\:sub-1:before{color:var(--color-sub-1)}&.icon-color\:sub-2:before{color:var(--color-sub-2)}&.icon-color\:sub-3:before{color:var(--color-sub-3)}&.icon-color\:accent-1:before{color:var(--color-accent-1)}&.icon-color\:accent-2:before{color:var(--color-accent-2)}&.icon-color\:accent-3:before{color:var(--color-accent-3)}&.icon-color\:base-1:before{color:var(--color-base-1)}&.icon-color\:base-2:before{color:var(--color-base-2)}&.icon-color\:base-3:before{color:var(--color-base-3)}&.icon-color\:base-4:before{color:var(--color-base-4)}&.icon-color\:base-5:before{color:var(--color-base-5)}&.icon-color\:base-6:before{color:var(--color-base-6)}&.icon-color\:base-7:before{color:var(--color-base-7)}&.icon-color\:base-8:before{color:var(--color-base-8)}&.icon-color\:base-9:before{color:var(--color-base-9)}&.icon-color\:base-10:before{color:var(--color-base-10)}&.icon-size\:xs:before{font-size:var(--font-size-xs)}&.icon-size\:sm:before{font-size:var(--font-size-sm)}&.icon-size\:base:before{font-size:var(--font-size-base)}&.icon-size\:lg:before{font-size:var(--font-size-lg)}&.icon-size\:xl:before{font-size:var(--font-size-xl)}&.icon-size\:2xl:before{font-size:var(--font-size-2xl)}&.icon-size\:3xl:before{font-size:var(--font-size-3xl)}&.icon-size\:4xl:before{font-size:var(--font-size-4xl)}}}@media (min-width:1280px){.xl\:n-icon{align-items:center;display:inline-flex;height:var(--icon-size);overflow:hidden;width:var(--icon-size)}.xl\:icon-size\:1{--icon-size:var(--size-1)}.xl\:icon-size\:2{--icon-size:var(--size-2)}.xl\:icon-size\:3{--icon-size:var(--size-3)}.xl\:icon-size\:4{--icon-size:var(--size-4)}.xl\:icon-size\:5{--icon-size:var(--size-5)}.xl\:icon-size\:6{--icon-size:var(--size-6)}.xl\:icon-size\:7{--icon-size:var(--size-7)}.xl\:icon-size\:8{--icon-size:var(--size-8)}.xl\:icon-size\:9{--icon-size:var(--size-9)}.xl\:icon-size\:10{--icon-size:var(--size-10)}.xl\:icon-size\:11{--icon-size:var(--size-11)}.xl\:icon-size\:12{--icon-size:var(--size-12)}.xl\:icon-size\:13{--icon-size:var(--size-13)}.xl\:n-icon:before{font-family:Material Symbols Outlined;font-size:var(--icon-size)}.xl\:icon-color\:main-1:before{color:var(--color-main-1)}.xl\:icon-color\:main-2:before{color:var(--color-main-2)}.xl\:icon-color\:main-3:before{color:var(--color-main-3)}.xl\:icon-color\:sub-1:before{color:var(--color-sub-1)}.xl\:icon-color\:sub-2:before{color:var(--color-sub-2)}.xl\:icon-color\:sub-3:before{color:var(--color-sub-3)}.xl\:icon-color\:accent-1:before{color:var(--color-accent-1)}.xl\:icon-color\:accent-2:before{color:var(--color-accent-2)}.xl\:icon-color\:accent-3:before{color:var(--color-accent-3)}.xl\:icon-color\:base-1:before{color:var(--color-base-1)}.xl\:icon-color\:base-2:before{color:var(--color-base-2)}.xl\:icon-color\:base-3:before{color:var(--color-base-3)}.xl\:icon-color\:base-4:before{color:var(--color-base-4)}.xl\:icon-color\:base-5:before{color:var(--color-base-5)}.xl\:icon-color\:base-6:before{color:var(--color-base-6)}.xl\:icon-color\:base-7:before{color:var(--color-base-7)}.xl\:icon-color\:base-8:before{color:var(--color-base-8)}.xl\:icon-color\:base-9:before{color:var(--color-base-9)}.xl\:icon-color\:base-10:before{color:var(--color-base-10)}.xl\:icon-size\:xs:before{font-size:var(--font-size-xs)}.xl\:icon-size\:sm:before{font-size:var(--font-size-sm)}.xl\:icon-size\:base:before{font-size:var(--font-size-base)}.xl\:icon-size\:lg:before{font-size:var(--font-size-lg)}.xl\:icon-size\:xl:before{font-size:var(--font-size-xl)}.xl\:icon-size\:2xl:before{font-size:var(--font-size-2xl)}.xl\:icon-size\:3xl:before{font-size:var(--font-size-3xl)}.xl\:icon-size\:4xl:before{font-size:var(--font-size-4xl)}}.icon\:home:before{content:"\e88a"}.icon\:menu:before{content:"\e5d2"}.icon\:close:before{content:"\e5cd"}.icon\:arrow_back:before{content:"\e5c4"}.icon\:arrow_forward:before{content:"\e5c8"}.icon\:expand_more:before{content:"\e5cf"}.icon\:expand_less:before{content:"\e5ce"}.icon\:chevron_left:before{content:"\e5cb"}.icon\:chevron_right:before{content:"\e5cc"}.icon\:more_vert:before{content:"\e5d4"}.icon\:more_horiz:before{content:"\e5d3"}.icon\:refresh:before{content:"\e5d5"}.icon\:settings:before{content:"\e8b8"}.icon\:apps:before{content:"\e5c3"}.icon\:launch:before{content:"\e895"}.icon\:add:before{content:"\e145"}.icon\:remove:before{content:"\e15b"}.icon\:edit:before{content:"\e3c9"}.icon\:delete:before{content:"\e872"}.icon\:save:before{content:"\e161"}.icon\:check:before{content:"\e5ca"}.icon\:clear:before{content:"\e14c"}.icon\:cancel:before{content:"\e5c9"}.icon\:done:before{content:"\e876"}.icon\:search:before{content:"\e8b6"}.icon\:share:before{content:"\e80d"}.icon\:download:before{content:"\e2c4"}.icon\:upload:before{content:"\e2c6"}.icon\:copy:before{content:"\e14d"}.icon\:visibility:before{content:"\e8f4"}.icon\:visibility_off:before{content:"\e8f5"}.icon\:lock:before{content:"\e897"}.icon\:lock_open:before{content:"\e898"}.icon\:sync:before{content:"\e627"}.icon\:info:before{content:"\e88e"}.icon\:email:before{content:"\e0be"}.icon\:phone:before{content:"\e0cd"}.icon\:chat:before{content:"\e0b7"}.icon\:notifications:before{content:"\e7f4"}.icon\:send:before{content:"\e163"}.icon\:reply:before{content:"\e15e"}.icon\:help:before{content:"\e887"}.icon\:feedback:before{content:"\e87f"}.icon\:play_arrow:before{content:"\e037"}.icon\:pause:before{content:"\e034"}.icon\:stop:before{content:"\e047"}.icon\:volume_up:before{content:"\e050"}.icon\:volume_off:before{content:"\e04f"}.icon\:mic:before{content:"\e029"}.icon\:mic_off:before{content:"\e02b"}.icon\:folder:before{content:"\e2c7"}.icon\:folder_open:before{content:"\e2c8"}.icon\:attach_file:before{content:"\e226"}.icon\:cloud:before{content:"\e2bd"}.icon\:description:before{content:"\e873"}.icon\:person:before{content:"\e7fd"}.icon\:people:before{content:"\e7fb"}.icon\:favorite:before{content:"\e87d"}.icon\:star:before{content:"\e838"}.icon\:thumb_up:before{content:"\e8dc"}.n-btn{--line-height:1.4em;--font-size:14px;--padding:0.3em 0.7em;--bd-radius:6px;--bd-color:var(--color-base-4);--bd-color-hover:var(--color-base-8);--bd-color-active:var(--color-main-2);--bg-color:var(--color-base-3);--bg-color-hover:transparent;--bg-color-active:rgba(var(--rgb-main-2),0.7);--text-color:var(--color-base-8);--text-color-hover:var(--color-base-7);--text-color-active:var(--color-accent-2);--text-indent:-999px}@media (prefers-color-scheme:dark){.n-btn{--bd-color:var(--color-base-3);--bd-color-hover:var(--color-base-7);--bd-color-active:var(--color-base-9);--bg-color:var(--color-base-7);--bg-color-hover:transparent;--bg-color-active:rgba(var(--rgb-main-1),0.7);--text-color:var(--color-base-2);--text-color-hover:var(--color-base-2);--text-color-active:var(--color-accent-1)}}.n-btn{align-items:center;background-color:var(--bg-color);border:1px solid var(--bd-color);border-radius:var(--bd-radius);box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size,14px);font-weight:400;height:auto;justify-content:center;line-height:var(--line-height);padding:var(--padding);position:relative;transition:background-color .15s ease,border-color .15s ease,color .15s ease;user-select:none;white-space:nowrap;width:auto;&:before{align-items:center;display:inline-flex;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}&:hover{background-color:var(--bg-color-hover);border-color:var(--bd-color-hover);color:var(--text-color-hover);text-decoration:none;transition:background-color .4s ease,border-color .4s ease,color .4s ease}&:active{color:var(--text-color-active)}&:focus-visible{outline:2px solid var(--bd-color-active);outline-offset:1px}&.n-icon:not(.n-deco){--padding:4px;text-indent:-999px;&:before{text-indent:0}}&.n-icon.n-deco{text-indent:0}&.btn\:rounded{--bd-radius:8px}&.btn\:circle{--bd-radius:50%}&.btn\:badge{--font-size:var(--size-5);--bd-radius:0.6em;--padding:0.2em 0.4em}&.disabled{--text-color:var(--color-base-1);--text-color-hover:var(--color-base-5);--text-color-active:var(--color-base-5);--bd-color:var(--color-base-5);--bd-color-hover:var(--color-base-5);--bd-color-active:var(--color-base-5);--bg-color:var(--color-base-4);--bg-color-hover:var(--color-base-3);--bg-color-active:var(--color-base-3)}&.btn-size\:1{--font-size:var(--size-6)}&.btn-size\:2{--font-size:var(--size-7)}&.btn-size\:3{--font-size:var(--size-8)}&.btn-size\:4{--font-size:var(--size-9)}&.btn-size\:5{--font-size:var(--size-10)}&.btn-size\:6{--font-size:var(--size-11)}&.btn-size\:7{--font-size:var(--size-12)}&.btn-size\:8{--font-size:var(--size-13)}&.btn-size\:9{--font-size:var(--size-14)}&.btn-size\:ex{--font-size:var(--size-15)}&.btn-size\:inline{--padding:0;--line-height:1em}&.btn-size\:small{--font-size:var(--size-1);--padding:0.1em 0.2em;--line-height:1em}&.btn-color\:main-1{--bg-color:var(--color-main-1);--bd-color:var(--color-main-1);--text-color:var(--color-base-1);&:hover{--bg-color-hover:var(--color-main-2);--bd-color-hover:var(--color-main-2);--text-color:var(--color-base-1)}&:active{--bg-color:var(--color-main-3);--bd-color:var(--color-main-3);--text-color:var(--color-main-3)}}&.btn-color\:sub-1{--bg-color:var(--color-sub-1);--bd-color:var(--color-sub-1);--text-color:var(--color-base-1);&:hover{--bd-color-hover:var(--color-sub-2);--text-color:var(--color-base-1)}&:active{--bd-color:var(--color-sub-3);--text-color:var(--color-sub-3)}}&.btn-color\:accent-1{--bg-color:var(--color-accent-1);--bd-color:var(--color-accent-1);--text-color:var(--color-base-1);&:hover{--bd-color-hover:var(--color-accent-2);--text-color:var(--color-base-1)}&:active{--bg-color:var(--color-accent-3);--bd-color:var(--color-accent-3);--text-color:var(--color-accent-3)}}}.n-deco{--deco-gap:4px;align-items:center;display:inline-flex;gap:var(--deco-gap);justify-content:center;text-align:center;text-indent:0;width:auto;&:before{align-items:center;display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined;font-size:var(--icon-size);height:var(--icon-size);justify-content:center;overflow:hidden;width:var(--icon-size)}}.deco-pos\:bottom,.deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.deco-pos\:left:before,.deco-pos\:top:before{order:unset}.deco-pos\:bottom:before,.deco-pos\:right:before{order:1}.deco-pos\:bottom,.deco-pos\:top{width:auto}:not(.n-deco).deco-pos\:bottom,:not(.n-deco).deco-pos\:left,:not(.n-deco).deco-pos\:right,:not(.n-deco).deco-pos\:top{align-items:center;display:flex;flex-direction:row;justify-content:center;overflow:visible;position:relative}:not(.n-deco).deco-pos\:bottom:before,:not(.n-deco).deco-pos\:left:before,:not(.n-deco).deco-pos\:right:before,:not(.n-deco).deco-pos\:top:before{border:1px solid red;color:red;content:"Error: n-deco is missing.";display:flex;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:100%;left:0;position:absolute;top:0;width:150px}.deco-gap\:0{--deco-gap:0px}.deco-gap\:1{--deco-gap:5px}.deco-gap\:2{--deco-gap:10px}@media screen and (min-width:576px){.sm\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.sm\:deco-pos\:bottom,.sm\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.sm\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.sm\:deco-pos\:left,.sm\:deco-pos\:top{&:before{order:unset}}.sm\:deco-pos\:bottom:before,.sm\:deco-pos\:right:before{order:1}.sm\:deco-pos\:left,.sm\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.sm\:deco-gap\:0{--deco-gap:0px}.sm\:deco-gap\:1{--deco-gap:5px}.sm\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:768px){.md\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.md\:deco-pos\:bottom,.md\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.md\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.md\:deco-pos\:left,.md\:deco-pos\:top{&:before{order:unset}}.md\:deco-pos\:bottom:before,.md\:deco-pos\:right:before{order:1}.md\:deco-pos\:left,.md\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.md\:deco-gap\:0{--deco-gap:0px}.md\:deco-gap\:1{--deco-gap:5px}.md\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:992px){.lg\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var(--deco-gap);text-align:center;text-indent:0;width:auto}.lg\:deco-pos\:bottom,.lg\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.lg\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.lg\:deco-pos\:left,.lg\:deco-pos\:top{&:before{order:unset}}.lg\:deco-pos\:bottom:before,.lg\:deco-pos\:right:before{order:1}.lg\:deco-pos\:left,.lg\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.lg\:deco-gap\:0{--deco-gap:0px}.lg\:deco-gap\:1{--deco-gap:5px}.lg\:deco-gap\:2{--deco-gap:10px}}@media screen and (min-width:1200px){.xl\:n-deco{--deco-gap:10px;--deco-size:24px;gap:var (--deco-gap);text-align:center;text-indent:0;width:auto}.xl\:deco-pos\:bottom,.xl\:deco-pos\:top{flex-direction:column;gap:0;height:auto}:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:bottom),:is(li,dt,dd,td,th,div):has(>.xl\:deco-pos\:top){height:auto;padding-bottom:5px;padding-top:5px}.xl\:deco-pos\:left,.xl\:deco-pos\:top{&:before{order:unset}}.xl\:deco-pos\:bottom:before,.xl\:deco-pos\:right:before{order:1}.xl\:deco-pos\:left,.xl\:deco-pos\:right{flex-direction:row;gap:var(--deco-gap)}.xl\:deco-gap\:0{--deco-gap:0px}.xl\:deco-gap\:1{--deco-gap:5px}.xl\:deco-gap\:2{--deco-gap:10px}}:root{--color-text:var(--color-base-7);--color-text-onactive:var(--color-base-1);--color-text-onhover:var(--color-base-1);--color-background:var(--color-base-1);--color-background-onactive:rgba(var(--rgb-main-1),0.7);--color-background-onhover:rgba(var(--rgb-base-5),0.7);--color-icon-onactive:rgba(var(--rgb-main-1),0.7);--color-icon-onhover:rgba(var(--rgb-base-5),0.7)}@media (prefers-color-scheme:dark){:root{--color-text:var(--color-base-2);--color-background:var(--color-base-9)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;font-size:var(--font-size,14px);line-height:var(--line-height-normal,1.5)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "newtil-css",
3
- "version": "0.2.78",
3
+ "version": "0.2.79",
4
4
  "description": "Utility based CSS",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",