/* [2026-09-23 perf] MudBlazor 제거 뒤에도 화면이 그대로이게 — MudBlazor.min.css 8.15.0 에서 클래스가 아닌 **전역 요소 규칙**만 원래 순서로 옮긴 것.
   이 규칙들이 앱 전체의 기본 모양(모든 요소 border-width:0 · a 밑줄 없음 · button 투명/inline-flex · iframe 100% · body 서체/행간)을 잡고 있었다.
   var(--mud-…) 는 그대로 둔다: MainLayout 이 :root 에 같은 변수를 내놓고(옛 MudThemeProvider 자리), 랜딩(LandingLayout)엔 변수가 없어
   선언이 무효→상속/초기값으로 떨어진다 — 종전과 정확히 같은 동작이다. 이 파일은 옛 MudBlazor.min.css 와 같은 자리(우리 CSS 뒤)에 링크된다.
   조사·근거: docs/2026-09-22-ui-optimization-survey.md A1. 값을 고치고 싶으면 여기가 아니라 app.css/ah-components.css 에서. */
/* 포함 범위: ① 클래스 없는 전역 요소 규칙 전부 ② 부트스트랩과 이름이 같은 유틸리티(gap-*·py-*·me-* 등 743개) — 옛 파일이 부트스트랩 뒤에 있어 이쪽 값이 이기고 있었다
   ③ 우리 마크업이 쓰는 Mud 전용 클래스 6개. `.mud-*` 컴포넌트 규칙은 DOM 에 없으므로 뺐다. 생성 스크립트 = 조사 문서 A1 절(추출기 perl). */
*{box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0)}
strong,b{font-weight:700}
body{color:var(--mud-palette-text-primary);font-family:var(--mud-typography-default-family);font-size:var(--mud-typography-default-size);font-weight:var(--mud-typography-default-weight);line-height:var(--mud-typography-default-lineheight);letter-spacing:var(--mud-typography-default-letterspacing);text-transform:var(--mud-typography-default-text-transform);background-color:var(--mud-palette-background)}
a{color:var(--mud-palette-text-primary)}
#blazor-error-ui{background-color:var(--mud-palette-error);color:var(--mud-palette-error-text);bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.75rem .7rem 1.25rem;position:fixed;width:100%;z-index:9999}
#blazor-error-ui .reload{color:inherit;text-decoration:underline}
#blazor-error-ui .dismiss{color:inherit;cursor:pointer;position:absolute;right:.75rem;top:.5rem}
#components-reconnect-modal{z-index:9999 !important;background-color:var(--mud-palette-background) !important}
#components-reconnect-modal h5{font-size:18px}
#components-reconnect-modal button{color:var(--mud-palette-text-primary);padding:8px 16px;font-size:.875rem;min-width:64px;box-sizing:border-box;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-weight:500;line-height:1;border-radius:var(--mud-default-borderradius);letter-spacing:.02857em;text-transform:uppercase;margin:40px auto !important}
@media(hover: hover)and (pointer: fine){
#components-reconnect-modal button:hover{background-color:var(--mud-palette-action-default-hover)}
}
a{text-decoration:none}
a:focus-visible{outline:none}
label{display:inline-block}
button{color:inherit;border:0;cursor:pointer;margin:0;display:inline-flex;outline:0;padding:0;position:relative;align-items:center;user-select:none;border-radius:0;vertical-align:middle;-moz-appearance:none;justify-content:center;text-decoration:none;background-color:rgba(0,0,0,0);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
button:focus{outline:none}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
iframe{border:none;height:100%;width:100%}
.rounded-0{border-radius:0 !important}
.rounded-lg{border-radius:8px !important}
.rounded{border-radius:var(--mud-default-borderradius) !important}
.rounded-circle{border-radius:50% !important}
.rounded-pill{border-radius:9999px !important}
.border-dashed{border-style:dashed !important}
.border-0{border-width:0px !important}
.border{border-width:1px !important}
.border-2{border-width:2px !important}
.border-4{border-width:4px !important}
.flex-row{flex-direction:row !important}
.flex-row-reverse{flex-direction:row-reverse !important}
.flex-column{flex-direction:column !important}
.flex-column-reverse{flex-direction:column-reverse !important}
.flex-grow-0{flex-grow:0 !important}
.flex-grow-1{flex-grow:1 !important}
.flex-shrink-0{flex-shrink:0 !important}
.flex-shrink-1{flex-shrink:1 !important}
.flex-wrap{flex-wrap:wrap !important}
.flex-nowrap{flex-wrap:nowrap !important}
.flex-wrap-reverse{flex-wrap:wrap-reverse !important}
.order-first{order:-9999 !important}
.order-last{order:9999 !important}
.order-0{order:0 !important}
.order-1{order:1 !important}
.order-2{order:2 !important}
.order-3{order:3 !important}
.order-4{order:4 !important}
.order-5{order:5 !important}
.align-content-start{align-content:flex-start !important}
.align-content-end{align-content:flex-end !important}
.align-content-center{align-content:center !important}
.align-content-stretch{align-content:stretch !important}
.align-baseline{align-items:baseline !important}
.align-self-auto{align-self:auto !important}
.align-self-start{align-self:flex-start !important}
.align-self-end{align-self:flex-end !important}
.align-self-center{align-self:center !important}
.align-self-stretch{align-self:stretch !important}
.gap-0{gap:0px}
.gap-1{gap:4px}
.gap-2{gap:8px}
.gap-3{gap:12px}
.gap-4{gap:16px}
.gap-5{gap:20px}
@media(min-width: 600px){
.flex-sm-row{flex-direction:row !important}
.flex-sm-row-reverse{flex-direction:row-reverse !important}
.flex-sm-column{flex-direction:column !important}
.flex-sm-column-reverse{flex-direction:column-reverse !important}
.flex-sm-grow-0{flex-grow:0 !important}
.flex-sm-grow-1{flex-grow:1 !important}
.flex-sm-shrink-0{flex-shrink:0 !important}
.flex-sm-shrink-1{flex-shrink:1 !important}
.flex-sm-wrap{flex-wrap:wrap !important}
.flex-sm-nowrap{flex-wrap:nowrap !important}
.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}
.order-sm-first{order:-9999 !important}
.order-sm-last{order:9999 !important}
.order-sm-0{order:0 !important}
.order-sm-1{order:1 !important}
.order-sm-2{order:2 !important}
.order-sm-3{order:3 !important}
.order-sm-4{order:4 !important}
.order-sm-5{order:5 !important}
.align-content-sm-start{align-content:flex-start !important}
.align-content-sm-end{align-content:flex-end !important}
.align-content-sm-center{align-content:center !important}
.align-content-sm-stretch{align-content:stretch !important}
.align-self-sm-auto{align-self:auto !important}
.align-self-sm-start{align-self:flex-start !important}
.align-self-sm-end{align-self:flex-end !important}
.align-self-sm-center{align-self:center !important}
.align-self-sm-stretch{align-self:stretch !important}
.gap-sm-0{gap:0px}
.gap-sm-1{gap:4px}
.gap-sm-2{gap:8px}
.gap-sm-3{gap:12px}
.gap-sm-4{gap:16px}
.gap-sm-5{gap:20px}
}
@media(min-width: 960px){
.flex-md-row{flex-direction:row !important}
.flex-md-row-reverse{flex-direction:row-reverse !important}
.flex-md-column{flex-direction:column !important}
.flex-md-column-reverse{flex-direction:column-reverse !important}
.flex-md-grow-0{flex-grow:0 !important}
.flex-md-grow-1{flex-grow:1 !important}
.flex-md-shrink-0{flex-shrink:0 !important}
.flex-md-shrink-1{flex-shrink:1 !important}
.flex-md-wrap{flex-wrap:wrap !important}
.flex-md-nowrap{flex-wrap:nowrap !important}
.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}
.order-md-first{order:-9999 !important}
.order-md-last{order:9999 !important}
.order-md-0{order:0 !important}
.order-md-1{order:1 !important}
.order-md-2{order:2 !important}
.order-md-3{order:3 !important}
.order-md-4{order:4 !important}
.order-md-5{order:5 !important}
.align-content-md-start{align-content:flex-start !important}
.align-content-md-end{align-content:flex-end !important}
.align-content-md-center{align-content:center !important}
.align-content-md-stretch{align-content:stretch !important}
.align-self-md-auto{align-self:auto !important}
.align-self-md-start{align-self:flex-start !important}
.align-self-md-end{align-self:flex-end !important}
.align-self-md-center{align-self:center !important}
.align-self-md-stretch{align-self:stretch !important}
.gap-md-0{gap:0px}
.gap-md-1{gap:4px}
.gap-md-2{gap:8px}
.gap-md-3{gap:12px}
.gap-md-4{gap:16px}
.gap-md-5{gap:20px}
}
@media(min-width: 1280px){
.flex-lg-row{flex-direction:row !important}
.flex-lg-row-reverse{flex-direction:row-reverse !important}
.flex-lg-column{flex-direction:column !important}
.flex-lg-column-reverse{flex-direction:column-reverse !important}
.flex-lg-grow-0{flex-grow:0 !important}
.flex-lg-grow-1{flex-grow:1 !important}
.flex-lg-shrink-0{flex-shrink:0 !important}
.flex-lg-shrink-1{flex-shrink:1 !important}
.flex-lg-wrap{flex-wrap:wrap !important}
.flex-lg-nowrap{flex-wrap:nowrap !important}
.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}
.order-lg-first{order:-9999 !important}
.order-lg-last{order:9999 !important}
.order-lg-0{order:0 !important}
.order-lg-1{order:1 !important}
.order-lg-2{order:2 !important}
.order-lg-3{order:3 !important}
.order-lg-4{order:4 !important}
.order-lg-5{order:5 !important}
.align-content-lg-start{align-content:flex-start !important}
.align-content-lg-end{align-content:flex-end !important}
.align-content-lg-center{align-content:center !important}
.align-content-lg-stretch{align-content:stretch !important}
.align-self-lg-auto{align-self:auto !important}
.align-self-lg-start{align-self:flex-start !important}
.align-self-lg-end{align-self:flex-end !important}
.align-self-lg-center{align-self:center !important}
.align-self-lg-stretch{align-self:stretch !important}
.gap-lg-0{gap:0px}
.gap-lg-1{gap:4px}
.gap-lg-2{gap:8px}
.gap-lg-3{gap:12px}
.gap-lg-4{gap:16px}
.gap-lg-5{gap:20px}
}
@media(min-width: 1920px){
.flex-xl-row{flex-direction:row !important}
.flex-xl-row-reverse{flex-direction:row-reverse !important}
.flex-xl-column{flex-direction:column !important}
.flex-xl-column-reverse{flex-direction:column-reverse !important}
.flex-xl-grow-0{flex-grow:0 !important}
.flex-xl-grow-1{flex-grow:1 !important}
.flex-xl-shrink-0{flex-shrink:0 !important}
.flex-xl-shrink-1{flex-shrink:1 !important}
.flex-xl-wrap{flex-wrap:wrap !important}
.flex-xl-nowrap{flex-wrap:nowrap !important}
.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}
.order-xl-first{order:-9999 !important}
.order-xl-last{order:9999 !important}
.order-xl-0{order:0 !important}
.order-xl-1{order:1 !important}
.order-xl-2{order:2 !important}
.order-xl-3{order:3 !important}
.order-xl-4{order:4 !important}
.order-xl-5{order:5 !important}
.align-content-xl-start{align-content:flex-start !important}
.align-content-xl-end{align-content:flex-end !important}
.align-content-xl-center{align-content:center !important}
.align-content-xl-stretch{align-content:stretch !important}
.align-self-xl-auto{align-self:auto !important}
.align-self-xl-start{align-self:flex-start !important}
.align-self-xl-end{align-self:flex-end !important}
.align-self-xl-center{align-self:center !important}
.align-self-xl-stretch{align-self:stretch !important}
.gap-xl-0{gap:0px}
.gap-xl-1{gap:4px}
.gap-xl-2{gap:8px}
.gap-xl-3{gap:12px}
.gap-xl-4{gap:16px}
.gap-xl-5{gap:20px}
}
@media(min-width: 2560px){
.flex-xxl-row{flex-direction:row !important}
.flex-xxl-row-reverse{flex-direction:row-reverse !important}
.flex-xxl-column{flex-direction:column !important}
.flex-xxl-column-reverse{flex-direction:column-reverse !important}
.flex-xxl-grow-0{flex-grow:0 !important}
.flex-xxl-grow-1{flex-grow:1 !important}
.flex-xxl-shrink-0{flex-shrink:0 !important}
.flex-xxl-shrink-1{flex-shrink:1 !important}
.flex-xxl-wrap{flex-wrap:wrap !important}
.flex-xxl-nowrap{flex-wrap:nowrap !important}
.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}
.order-xxl-first{order:-9999 !important}
.order-xxl-last{order:9999 !important}
.order-xxl-0{order:0 !important}
.order-xxl-1{order:1 !important}
.order-xxl-2{order:2 !important}
.order-xxl-3{order:3 !important}
.order-xxl-4{order:4 !important}
.order-xxl-5{order:5 !important}
.align-content-xxl-start{align-content:flex-start !important}
.align-content-xxl-end{align-content:flex-end !important}
.align-content-xxl-center{align-content:center !important}
.align-content-xxl-stretch{align-content:stretch !important}
.align-self-xxl-auto{align-self:auto !important}
.align-self-xxl-start{align-self:flex-start !important}
.align-self-xxl-end{align-self:flex-end !important}
.align-self-xxl-center{align-self:center !important}
.align-self-xxl-stretch{align-self:stretch !important}
.gap-xxl-0{gap:0px}
.gap-xxl-1{gap:4px}
.gap-xxl-2{gap:8px}
.gap-xxl-3{gap:12px}
.gap-xxl-4{gap:16px}
.gap-xxl-5{gap:20px}
}
.d-none{display:none !important}
.d-inline{display:inline !important}
.d-inline-block{display:inline-block !important}
.d-block{display:block !important}
.d-table{display:table !important}
.d-table-row{display:table-row !important}
.d-table-cell{display:table-cell !important}
.d-flex{display:flex !important}
.d-inline-flex{display:inline-flex !important}
@media(min-width: 600px){
.d-sm-inline{display:inline !important}
.d-sm-inline-block{display:inline-block !important}
.d-sm-block{display:block !important}
.d-sm-table{display:table !important}
.d-sm-table-row{display:table-row !important}
.d-sm-table-cell{display:table-cell !important}
.d-sm-flex{display:flex !important}
.d-sm-inline-flex{display:inline-flex !important}
}
@media(min-width: 960px){
.d-md-inline{display:inline !important}
.d-md-inline-block{display:inline-block !important}
.d-md-block{display:block !important}
.d-md-table{display:table !important}
.d-md-table-row{display:table-row !important}
.d-md-table-cell{display:table-cell !important}
.d-md-flex{display:flex !important}
.d-md-inline-flex{display:inline-flex !important}
}
@media(min-width: 1280px){
.d-lg-inline{display:inline !important}
.d-lg-inline-block{display:inline-block !important}
.d-lg-block{display:block !important}
.d-lg-table{display:table !important}
.d-lg-table-row{display:table-row !important}
.d-lg-table-cell{display:table-cell !important}
.d-lg-flex{display:flex !important}
.d-lg-inline-flex{display:inline-flex !important}
}
@media(min-width: 1920px){
.d-xl-inline{display:inline !important}
.d-xl-inline-block{display:inline-block !important}
.d-xl-block{display:block !important}
.d-xl-table{display:table !important}
.d-xl-table-row{display:table-row !important}
.d-xl-table-cell{display:table-cell !important}
.d-xl-flex{display:flex !important}
.d-xl-inline-flex{display:inline-flex !important}
}
@media(min-width: 2560px){
.d-xxl-inline{display:inline !important}
.d-xxl-inline-block{display:inline-block !important}
.d-xxl-block{display:block !important}
.d-xxl-table{display:table !important}
.d-xxl-table-row{display:table-row !important}
.d-xxl-table-cell{display:table-cell !important}
.d-xxl-flex{display:flex !important}
.d-xxl-inline-flex{display:inline-flex !important}
}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.overflow-scroll{overflow:scroll}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-hidden{overflow-y:hidden}
.overflow-x-visible{overflow-x:visible}
.overflow-y-visible{overflow-y:visible}
.overflow-x-scroll{overflow-x:scroll}
.overflow-y-scroll{overflow-y:scroll}
.visible{visibility:visible}
.invisible{visibility:hidden}
[hidden]{display:none !important}
.z-0{z-index:0}
.mt-0,.my-0{margin-top:0 !important}
.mb-0,.my-0{margin-bottom:0 !important}
.ms-0{margin-inline-start:0 !important}
.me-0{margin-inline-end:0 !important}
.mt-1,.my-1{margin-top:4px !important}
.mb-1,.my-1{margin-bottom:4px !important}
.ms-1{margin-inline-start:4px !important}
.me-1{margin-inline-end:4px !important}
.mt-2,.my-2{margin-top:8px !important}
.mb-2,.my-2{margin-bottom:8px !important}
.ms-2{margin-inline-start:8px !important}
.me-2{margin-inline-end:8px !important}
.mt-3,.my-3{margin-top:12px !important}
.mb-3,.my-3{margin-bottom:12px !important}
.ms-3{margin-inline-start:12px !important}
.me-3{margin-inline-end:12px !important}
.mt-4,.my-4{margin-top:16px !important}
.mb-4,.my-4{margin-bottom:16px !important}
.ms-4{margin-inline-start:16px !important}
.me-4{margin-inline-end:16px !important}
.mt-5,.my-5{margin-top:20px !important}
.mb-5,.my-5{margin-bottom:20px !important}
.ms-5{margin-inline-start:20px !important}
.me-5{margin-inline-end:20px !important}
.mt-auto,.my-auto{margin-top:auto !important}
.mb-auto,.my-auto{margin-bottom:auto !important}
.ms-auto{margin-inline-start:auto !important}
.me-auto{margin-inline-end:auto !important}
.pt-0,.py-0{padding-top:0 !important}
.pb-0,.py-0{padding-bottom:0 !important}
.ps-0{padding-inline-start:0 !important}
.pe-0{padding-inline-end:0 !important}
.pt-1,.py-1{padding-top:4px !important}
.pb-1,.py-1{padding-bottom:4px !important}
.ps-1{padding-inline-start:4px !important}
.pe-1{padding-inline-end:4px !important}
.pt-2,.py-2{padding-top:8px !important}
.pb-2,.py-2{padding-bottom:8px !important}
.ps-2{padding-inline-start:8px !important}
.pe-2{padding-inline-end:8px !important}
.pt-3,.py-3{padding-top:12px !important}
.pb-3,.py-3{padding-bottom:12px !important}
.ps-3{padding-inline-start:12px !important}
.pe-3{padding-inline-end:12px !important}
.pt-4,.py-4{padding-top:16px !important}
.pb-4,.py-4{padding-bottom:16px !important}
.ps-4{padding-inline-start:16px !important}
.pe-4{padding-inline-end:16px !important}
.pt-5,.py-5{padding-top:20px !important}
.pb-5,.py-5{padding-bottom:20px !important}
.ps-5{padding-inline-start:20px !important}
.pe-5{padding-inline-end:20px !important}
.pe-auto{padding-inline-end:auto !important}
@media screen and (min-width: 600px){
.mb-sm-0,.my-sm-0{margin-bottom:0 !important}
.ms-sm-0{margin-inline-start:0 !important}
.me-sm-0{margin-inline-end:0 !important}
.mt-sm-1,.my-sm-1{margin-top:4px !important}
.mb-sm-1,.my-sm-1{margin-bottom:4px !important}
.ms-sm-1{margin-inline-start:4px !important}
.me-sm-1{margin-inline-end:4px !important}
.mt-sm-2,.my-sm-2{margin-top:8px !important}
.mb-sm-2,.my-sm-2{margin-bottom:8px !important}
.ms-sm-2{margin-inline-start:8px !important}
.me-sm-2{margin-inline-end:8px !important}
.mt-sm-3,.my-sm-3{margin-top:12px !important}
.mb-sm-3,.my-sm-3{margin-bottom:12px !important}
.ms-sm-3{margin-inline-start:12px !important}
.me-sm-3{margin-inline-end:12px !important}
.mt-sm-4,.my-sm-4{margin-top:16px !important}
.mb-sm-4,.my-sm-4{margin-bottom:16px !important}
.ms-sm-4{margin-inline-start:16px !important}
.me-sm-4{margin-inline-end:16px !important}
.mt-sm-5,.my-sm-5{margin-top:20px !important}
.mb-sm-5,.my-sm-5{margin-bottom:20px !important}
.ms-sm-5{margin-inline-start:20px !important}
.me-sm-5{margin-inline-end:20px !important}
.mt-sm-auto,.my-sm-auto{margin-top:auto !important}
.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}
.ms-sm-auto{margin-inline-start:auto !important}
.me-sm-auto{margin-inline-end:auto !important}
.pt-sm-0,.py-sm-0{padding-top:0 !important}
.pb-sm-0,.py-sm-0{padding-bottom:0 !important}
.ps-sm-0{padding-inline-start:0 !important}
.pe-sm-0{padding-inline-end:0 !important}
.pt-sm-1,.py-sm-1{padding-top:4px !important}
.pb-sm-1,.py-sm-1{padding-bottom:4px !important}
.ps-sm-1{padding-inline-start:4px !important}
.pe-sm-1{padding-inline-end:4px !important}
.pt-sm-2,.py-sm-2{padding-top:8px !important}
.pb-sm-2,.py-sm-2{padding-bottom:8px !important}
.ps-sm-2{padding-inline-start:8px !important}
.pe-sm-2{padding-inline-end:8px !important}
.pt-sm-3,.py-sm-3{padding-top:12px !important}
.pb-sm-3,.py-sm-3{padding-bottom:12px !important}
.ps-sm-3{padding-inline-start:12px !important}
.pe-sm-3{padding-inline-end:12px !important}
.pt-sm-4,.py-sm-4{padding-top:16px !important}
.pb-sm-4,.py-sm-4{padding-bottom:16px !important}
.ps-sm-4{padding-inline-start:16px !important}
.pe-sm-4{padding-inline-end:16px !important}
.pt-sm-5,.py-sm-5{padding-top:20px !important}
.pb-sm-5,.py-sm-5{padding-bottom:20px !important}
.ps-sm-5{padding-inline-start:20px !important}
.pe-sm-5{padding-inline-end:20px !important}
}
@media screen and (min-width: 960px){
.mb-md-0,.my-md-0{margin-bottom:0 !important}
.ms-md-0{margin-inline-start:0 !important}
.me-md-0{margin-inline-end:0 !important}
.mt-md-1,.my-md-1{margin-top:4px !important}
.mb-md-1,.my-md-1{margin-bottom:4px !important}
.ms-md-1{margin-inline-start:4px !important}
.me-md-1{margin-inline-end:4px !important}
.mt-md-2,.my-md-2{margin-top:8px !important}
.mb-md-2,.my-md-2{margin-bottom:8px !important}
.ms-md-2{margin-inline-start:8px !important}
.me-md-2{margin-inline-end:8px !important}
.mt-md-3,.my-md-3{margin-top:12px !important}
.mb-md-3,.my-md-3{margin-bottom:12px !important}
.ms-md-3{margin-inline-start:12px !important}
.me-md-3{margin-inline-end:12px !important}
.mt-md-4,.my-md-4{margin-top:16px !important}
.mb-md-4,.my-md-4{margin-bottom:16px !important}
.ms-md-4{margin-inline-start:16px !important}
.me-md-4{margin-inline-end:16px !important}
.mt-md-5,.my-md-5{margin-top:20px !important}
.mb-md-5,.my-md-5{margin-bottom:20px !important}
.ms-md-5{margin-inline-start:20px !important}
.me-md-5{margin-inline-end:20px !important}
.mt-md-auto,.my-md-auto{margin-top:auto !important}
.mb-md-auto,.my-md-auto{margin-bottom:auto !important}
.ms-md-auto{margin-inline-start:auto !important}
.me-md-auto{margin-inline-end:auto !important}
.pt-md-0,.py-md-0{padding-top:0 !important}
.pb-md-0,.py-md-0{padding-bottom:0 !important}
.ps-md-0{padding-inline-start:0 !important}
.pe-md-0{padding-inline-end:0 !important}
.pt-md-1,.py-md-1{padding-top:4px !important}
.pb-md-1,.py-md-1{padding-bottom:4px !important}
.ps-md-1{padding-inline-start:4px !important}
.pe-md-1{padding-inline-end:4px !important}
.pt-md-2,.py-md-2{padding-top:8px !important}
.pb-md-2,.py-md-2{padding-bottom:8px !important}
.ps-md-2{padding-inline-start:8px !important}
.pe-md-2{padding-inline-end:8px !important}
.pt-md-3,.py-md-3{padding-top:12px !important}
.pb-md-3,.py-md-3{padding-bottom:12px !important}
.ps-md-3{padding-inline-start:12px !important}
.pe-md-3{padding-inline-end:12px !important}
.pt-md-4,.py-md-4{padding-top:16px !important}
.pb-md-4,.py-md-4{padding-bottom:16px !important}
.ps-md-4{padding-inline-start:16px !important}
.pe-md-4{padding-inline-end:16px !important}
.pt-md-5,.py-md-5{padding-top:20px !important}
.pb-md-5,.py-md-5{padding-bottom:20px !important}
.ps-md-5{padding-inline-start:20px !important}
.pe-md-5{padding-inline-end:20px !important}
}
@media screen and (min-width: 1280px){
.mb-lg-0,.my-lg-0{margin-bottom:0 !important}
.ms-lg-0{margin-inline-start:0 !important}
.me-lg-0{margin-inline-end:0 !important}
.mt-lg-1,.my-lg-1{margin-top:4px !important}
.mb-lg-1,.my-lg-1{margin-bottom:4px !important}
.ms-lg-1{margin-inline-start:4px !important}
.me-lg-1{margin-inline-end:4px !important}
.mt-lg-2,.my-lg-2{margin-top:8px !important}
.mb-lg-2,.my-lg-2{margin-bottom:8px !important}
.ms-lg-2{margin-inline-start:8px !important}
.me-lg-2{margin-inline-end:8px !important}
.mt-lg-3,.my-lg-3{margin-top:12px !important}
.mb-lg-3,.my-lg-3{margin-bottom:12px !important}
.ms-lg-3{margin-inline-start:12px !important}
.me-lg-3{margin-inline-end:12px !important}
.mt-lg-4,.my-lg-4{margin-top:16px !important}
.mb-lg-4,.my-lg-4{margin-bottom:16px !important}
.ms-lg-4{margin-inline-start:16px !important}
.me-lg-4{margin-inline-end:16px !important}
.mt-lg-5,.my-lg-5{margin-top:20px !important}
.mb-lg-5,.my-lg-5{margin-bottom:20px !important}
.ms-lg-5{margin-inline-start:20px !important}
.me-lg-5{margin-inline-end:20px !important}
.mt-lg-auto,.my-lg-auto{margin-top:auto !important}
.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}
.ms-lg-auto{margin-inline-start:auto !important}
.me-lg-auto{margin-inline-end:auto !important}
.pt-lg-0,.py-lg-0{padding-top:0 !important}
.pb-lg-0,.py-lg-0{padding-bottom:0 !important}
.ps-lg-0{padding-inline-start:0 !important}
.pe-lg-0{padding-inline-end:0 !important}
.pt-lg-1,.py-lg-1{padding-top:4px !important}
.pb-lg-1,.py-lg-1{padding-bottom:4px !important}
.ps-lg-1{padding-inline-start:4px !important}
.pe-lg-1{padding-inline-end:4px !important}
.pt-lg-2,.py-lg-2{padding-top:8px !important}
.pb-lg-2,.py-lg-2{padding-bottom:8px !important}
.ps-lg-2{padding-inline-start:8px !important}
.pe-lg-2{padding-inline-end:8px !important}
.pt-lg-3,.py-lg-3{padding-top:12px !important}
.pb-lg-3,.py-lg-3{padding-bottom:12px !important}
.ps-lg-3{padding-inline-start:12px !important}
.pe-lg-3{padding-inline-end:12px !important}
.pt-lg-4,.py-lg-4{padding-top:16px !important}
.pb-lg-4,.py-lg-4{padding-bottom:16px !important}
.ps-lg-4{padding-inline-start:16px !important}
.pe-lg-4{padding-inline-end:16px !important}
.pt-lg-5,.py-lg-5{padding-top:20px !important}
.pb-lg-5,.py-lg-5{padding-bottom:20px !important}
.ps-lg-5{padding-inline-start:20px !important}
.pe-lg-5{padding-inline-end:20px !important}
}
@media screen and (min-width: 1920px){
.mb-xl-0,.my-xl-0{margin-bottom:0 !important}
.ms-xl-0{margin-inline-start:0 !important}
.me-xl-0{margin-inline-end:0 !important}
.mt-xl-1,.my-xl-1{margin-top:4px !important}
.mb-xl-1,.my-xl-1{margin-bottom:4px !important}
.ms-xl-1{margin-inline-start:4px !important}
.me-xl-1{margin-inline-end:4px !important}
.mt-xl-2,.my-xl-2{margin-top:8px !important}
.mb-xl-2,.my-xl-2{margin-bottom:8px !important}
.ms-xl-2{margin-inline-start:8px !important}
.me-xl-2{margin-inline-end:8px !important}
.mt-xl-3,.my-xl-3{margin-top:12px !important}
.mb-xl-3,.my-xl-3{margin-bottom:12px !important}
.ms-xl-3{margin-inline-start:12px !important}
.me-xl-3{margin-inline-end:12px !important}
.mt-xl-4,.my-xl-4{margin-top:16px !important}
.mb-xl-4,.my-xl-4{margin-bottom:16px !important}
.ms-xl-4{margin-inline-start:16px !important}
.me-xl-4{margin-inline-end:16px !important}
.mt-xl-5,.my-xl-5{margin-top:20px !important}
.mb-xl-5,.my-xl-5{margin-bottom:20px !important}
.ms-xl-5{margin-inline-start:20px !important}
.me-xl-5{margin-inline-end:20px !important}
.mt-xl-auto,.my-xl-auto{margin-top:auto !important}
.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}
.ms-xl-auto{margin-inline-start:auto !important}
.me-xl-auto{margin-inline-end:auto !important}
.pt-xl-0,.py-xl-0{padding-top:0 !important}
.pb-xl-0,.py-xl-0{padding-bottom:0 !important}
.ps-xl-0{padding-inline-start:0 !important}
.pe-xl-0{padding-inline-end:0 !important}
.pt-xl-1,.py-xl-1{padding-top:4px !important}
.pb-xl-1,.py-xl-1{padding-bottom:4px !important}
.ps-xl-1{padding-inline-start:4px !important}
.pe-xl-1{padding-inline-end:4px !important}
.pt-xl-2,.py-xl-2{padding-top:8px !important}
.pb-xl-2,.py-xl-2{padding-bottom:8px !important}
.ps-xl-2{padding-inline-start:8px !important}
.pe-xl-2{padding-inline-end:8px !important}
.pt-xl-3,.py-xl-3{padding-top:12px !important}
.pb-xl-3,.py-xl-3{padding-bottom:12px !important}
.ps-xl-3{padding-inline-start:12px !important}
.pe-xl-3{padding-inline-end:12px !important}
.pt-xl-4,.py-xl-4{padding-top:16px !important}
.pb-xl-4,.py-xl-4{padding-bottom:16px !important}
.ps-xl-4{padding-inline-start:16px !important}
.pe-xl-4{padding-inline-end:16px !important}
.pt-xl-5,.py-xl-5{padding-top:20px !important}
.pb-xl-5,.py-xl-5{padding-bottom:20px !important}
.ps-xl-5{padding-inline-start:20px !important}
.pe-xl-5{padding-inline-end:20px !important}
}
@media screen and (min-width: 2560px){
.mb-xxl-0,.my-xxl-0{margin-bottom:0 !important}
.ms-xxl-0{margin-inline-start:0 !important}
.me-xxl-0{margin-inline-end:0 !important}
.mt-xxl-1,.my-xxl-1{margin-top:4px !important}
.mb-xxl-1,.my-xxl-1{margin-bottom:4px !important}
.ms-xxl-1{margin-inline-start:4px !important}
.me-xxl-1{margin-inline-end:4px !important}
.mt-xxl-2,.my-xxl-2{margin-top:8px !important}
.mb-xxl-2,.my-xxl-2{margin-bottom:8px !important}
.ms-xxl-2{margin-inline-start:8px !important}
.me-xxl-2{margin-inline-end:8px !important}
.mt-xxl-3,.my-xxl-3{margin-top:12px !important}
.mb-xxl-3,.my-xxl-3{margin-bottom:12px !important}
.ms-xxl-3{margin-inline-start:12px !important}
.me-xxl-3{margin-inline-end:12px !important}
.mt-xxl-4,.my-xxl-4{margin-top:16px !important}
.mb-xxl-4,.my-xxl-4{margin-bottom:16px !important}
.ms-xxl-4{margin-inline-start:16px !important}
.me-xxl-4{margin-inline-end:16px !important}
.mt-xxl-5,.my-xxl-5{margin-top:20px !important}
.mb-xxl-5,.my-xxl-5{margin-bottom:20px !important}
.ms-xxl-5{margin-inline-start:20px !important}
.me-xxl-5{margin-inline-end:20px !important}
.mt-xxl-auto,.my-xxl-auto{margin-top:auto !important}
.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto !important}
.ms-xxl-auto{margin-inline-start:auto !important}
.me-xxl-auto{margin-inline-end:auto !important}
.pt-xxl-0,.py-xxl-0{padding-top:0 !important}
.pb-xxl-0,.py-xxl-0{padding-bottom:0 !important}
.ps-xxl-0{padding-inline-start:0 !important}
.pe-xxl-0{padding-inline-end:0 !important}
.pt-xxl-1,.py-xxl-1{padding-top:4px !important}
.pb-xxl-1,.py-xxl-1{padding-bottom:4px !important}
.ps-xxl-1{padding-inline-start:4px !important}
.pe-xxl-1{padding-inline-end:4px !important}
.pt-xxl-2,.py-xxl-2{padding-top:8px !important}
.pb-xxl-2,.py-xxl-2{padding-bottom:8px !important}
.ps-xxl-2{padding-inline-start:8px !important}
.pe-xxl-2{padding-inline-end:8px !important}
.pt-xxl-3,.py-xxl-3{padding-top:12px !important}
.pb-xxl-3,.py-xxl-3{padding-bottom:12px !important}
.ps-xxl-3{padding-inline-start:12px !important}
.pe-xxl-3{padding-inline-end:12px !important}
.pt-xxl-4,.py-xxl-4{padding-top:16px !important}
.pb-xxl-4,.py-xxl-4{padding-bottom:16px !important}
.ps-xxl-4{padding-inline-start:16px !important}
.pe-xxl-4{padding-inline-end:16px !important}
.pt-xxl-5,.py-xxl-5{padding-top:20px !important}
.pb-xxl-5,.py-xxl-5{padding-bottom:20px !important}
.ps-xxl-5{padding-inline-start:20px !important}
.pe-xxl-5{padding-inline-end:20px !important}
}
.red{background-color:#f44336}
.blue{background-color:#2196f3}