/*!
 * Name : Magia
 * Author : Nanraizen
 * Author URI: https://nanraizen.me
*/

*{margin:0;padding:0}
,::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}
*:focus{outline:none}
html{-webkit-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;overflow-x:hidden;box-sizing:border-box;background-color:var(--bg)}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:100vh;margin:0 auto;padding:0!important;background-color:transparent;cursor:default;font-size:var(--font-size);font-family:var(--font)!important;color:var(--txt);text-transform:none}
body:has(.navbar-fix){padding-top:96px!important}
article,aside,footer,header,nav,section{display:block}
article,aside,footer,header,nav,section{display:block}
hr{-webkit-box-sizing:content-box;overflow:visible;box-sizing:content-box;width:100%;height:0;margin:24px 0;border:0;border-top:1px solid var(--g3x)}
b,strong{font-weight:var(--font-bold)}
img{max-width:100%;border-style:none;vertical-align:middle}
svg:not(:root){overflow:hidden}
::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}
menu{display:block}
template{display:none}
blockquote{position:relative;margin:24px 0;padding:20px 24px;background-color:var(--dark1);border:1px solid var(--g3x);color:var(--dark)}
blockquote::after{content:' ';display:block;position:absolute;top:50%;left:-3px;transform:translateY(-50%);width:5px;height:24px;background-color:var(--primary)}
blockquote footer{position:relative;padding-left:24px}
blockquote footer::before{content:'~';position:absolute;top:50%;left:0;transform:translateY(-50%);font-weight:var(--font-bold)}
table{border-spacing:0;border-collapse:collapse;background-color:transparent}
td{padding:0}
p{display:block;margin:0;padding:0}
ol,ul,ol ol,ul ul,ol ul,ul ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{position:relative;margin:0;padding:0;font-family:inherit;font-weight:var(--font-semibold);line-height:1.4}
h1{font-size:48px}
h2{font-size:36px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
a,a:focus,a:hover{transition:.15s ease;color:var(--txt);text-decoration:none}
a:hover{color:var(--primary-dark)}
a:not([href]):not([tabindex]){transition:.15s ease;cursor:pointer;color:inherit}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{transition:.15s ease;color:inherit}
a:not([href]):not([tabindex]):focus{outline:0;transition:.15s ease}
a:not([href]):not([tabindex]):hover{color:var(--primary)}
img,*:not([disabled]):not([readonly])::placeholder,br,.btn,.navbar nav a,.navtabs,.popup-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* MATERIAL SYMBOLS */
/* UTILITIES */
.fab{font-size:24px}
.grid{display:grid}
.flex{display:flex;flex-wrap:wrap;min-width:0}
.flex-v{display:flex;flex-direction:column;flex-wrap:wrap;min-width:0}
.flex-v>hr{margin:0}
.j-center{justify-content:center}
.j-fluid>*{flex:1!important;max-width:unset!important}
.container{position:relative;max-width:1000px;margin:0 auto}
/* ALERT */
/* TABLE */
.table{overflow:unset;width:100%;max-width:100%;border:0;line-height:1.6}
.table .formatting{line-height:1.6}
.table td{position:relative;padding:12px 16px;border:1px solid var(--g3x);text-align:left;vertical-align:middle}
.table td:first-child{padding-left:0;border-left-width:0}
.table td:last-child{padding-right:0;border-right-width:0}
.table tbody tr:first-child td{border-top-width:0}
.table tbody tr:last-child td{border-bottom-width:0}
.table-responsive{overflow-x:auto}
.table-ul td{border-left-width:0;border-right-width:0}
/* BUTTON */
.btn{display:inline-flex;gap:12px;position:relative;overflow:hidden;min-width:0;height:48px;padding:0 16px;transition:.15s ease;line-height:1;color:var(--bg)!important;text-decoration:none!important}
.btn>*{display:block;position:relative;z-index:1;margin:auto 0}
.btn>img,.btn>svg{width:auto;height:24px}
.btn>span:not([class]){flex:1}
.btn b{display:block;position:relative;top:-2px;margin-bottom:4px;line-height:1.2}
.btn b:first-child:last-child{top:unset;margin-bottom:unset}
.btn::before{content:' ';display:block;position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;opacity:0;transition:.15s ease;background-color:var(--dark)}
.btn.btn:not(.btn-light):not(.btn-outline):not(.btn-img):not(.btn-tsp):hover::before{opacity:.085}
.btn-36{gap:8px;height:36px;padding:0 12px!important;font-size:14px}
.btn-img{gap:16px;position:relative;overflow:unset;height:unset;padding:0;color:var(--txt)!important}
.btn-img>*{display:flex;flex-direction:column;flex-wrap:wrap}
.btn-img img{min-width:48px;max-width:160px;height:unset;max-height:48px}
.btn-img:hover{color:var(--primary)!important}
/* BUTTON COLORS */
.btn-default{background-color:var(--default);color:var(--txt)!important}
.btn-primary{background-color:var(--primary)}
.btn-outline.btn-primary{background-color:var(--primary4);border-color:var(--primary);color:var(--primary-dark)!important}
.btn-outline{background-color:transparent!important;border:1px solid}
.btn-outline.btn-default{border-color:var(--g3x);color:var(--txt)!important}
.btn-outline.btn-default:hover{background-color:var(--primary3);border-color:var(--primary);color:var(--primary)!important}
.btn-outline.btn-primary:hover{background-color:var(--primary3)!important}
/* IMAGES */
.img-thumb{box-shadow:var(--img-shadow);display:block;position:relative;overflow:hidden;text-align:center}
.img-thumb::before{content:' ';display:block;position:absolute;z-index:9;top:0;bottom:0;left:0;right:0;opacity:0;transition:.15s ease;background-color:var(--backdrop)}
.img-thumb:hover::before{opacity:.5}
/* FORM */
/* CARD */
/* NAVBAR */
.navbar{z-index:998;padding:12px 0}
.navbar>.container,.navbar>.fluid{display:flex;flex-wrap:wrap;gap:36px;min-width:0}
.navbar-logo{margin:auto 0}
.navbar-logo a{display:flex}
.navbar-logo a>b{font-size:18px}
.navbar nav{margin:auto 0}
.navbar nav ul{display:flex;flex-wrap:wrap;gap:36px}
.navbar nav ul li{display:flex;margin:auto 0}
.navbar nav ul li a:not(.btn){display:flex;gap:12px;position:relative;height:48px}
.navbar nav ul li a,.navbar nav ul li a>*{margin:auto 0}
.navbar nav.right{margin-left:auto}
.navbar nav.center{position:absolute;left:50%;transform:translateX(-50%)}
/* NAVTABS */
.navtabs{display:flex;flex-wrap:wrap;gap:12px;min-width:0}
.navtabs a[active=true]{font-variation-settings:'FILL'1;color:var(--primary)}
.navtabs-content>*{display:none}
.navtabs-content>*[active=true]{display:block!important}
/* COLLAPSE */
/* POPUP */
.popup{inset:0;pointer-events:none;display:flex;position:fixed;z-index:99999;opacity:0;padding:12px;transition:opacity .15s var(--cubic);background-color:var(--backdrop2)}
.popup.open,.popup.open-fixed{pointer-events:auto;opacity:1}
.popup.open-fixed [pop-action=close-overlay]{pointer-events:none}
.popup [pop-action=close-overlay]{inset:0;position:fixed;z-index:0}
.popup-container{box-shadow:0 2px 8px -2px rgba(0 0 0 / .1);display:flex;flex-direction:column;position:relative;z-index:1;transform:translateY(-24px);overflow:hidden;width:100%;min-width:0;max-width:560px;max-height:100%;margin:auto;transition:transform .15s var(--cubic);background-color:var(--bg)}
.popup-container.h-100{height:100%}
.popup.open .popup-container,.popup.open-fixed .popup-container{transform:translateY(0)}
.popup.left .popup-container{transform:translateX(-24px);height:100%;margin-right:auto;margin-left:0}
.popup.left.open .popup-container,.popup.left.open-fixed .popup-container{transform:translateX(0)}
.popup.right .popup-container{transform:translateX(24px);height:100%;margin-right:0;margin-left:auto}
.popup.right.open .popup-container,.popup.right.open-fixed .popup-container{transform:translateX(0)}
.popup-container .popup-header{display:flex;gap:24px;padding:20px 24px;border-bottom:1px solid var(--g2x)}
.popup-container .popup-header.borderless{padding-bottom:0;border-bottom:0}
.popup-container .popup-header>*{margin:auto 0}
.popup-container .popup-header [pop-action=close]{margin-left:auto}
.popup-container .popup-header p{margin-top:8px;font-size:14px;color:var(--g4x)}
.popup-container .popup-content{overflow-y:auto;padding:20px 24px}
.popup-container .popup-footer{margin-top:auto;padding:24px;border-top:1px solid var(--g2x)}
.popup-container .popup-footer.borderless{padding-top:0;border-top:0}
/* TOOLTIP */
.tooltip-text{box-shadow:var(--shadow);backdrop-filter:blur(3px);pointer-events:none;display:block;position:absolute;z-index:9999;visibility:hidden;opacity:0;width:max-content;max-width:240px;padding:8px 12px;transition:.15s ease;background-color:var(--backdrop);font-size:12px;font-weight:var(--font-regular);line-height:1.4;color:var(--white);text-align:center;word-wrap:break-word}
.tooltip-text.show{visibility:visible;opacity:1}
.tooltip-text:empty{visibility:hidden;opacity:0}
[tooltip]{position:relative;overflow:unset}
[tooltip-position="top"] .tooltip-text{bottom:100%;left:50%;transform:translateX(-50%);margin:0 0 8px 0}
/* COPY */
/* DROPDOWN */
/* BREADCRUMB */
/* FORMATTING */
.formatting{overflow-wrap:anywhere;line-height:2;text-align:justify;word-break:normal}
.formatting a{color:var(--primary)}
.formatting a:hover{text-decoration:underline}
.formatting p{margin:16px 0}
.formatting p:empty::before{display:none}
.formatting hr{margin:28px 0;border-top-width:1px}
.formatting br{content:' ';display:block;margin-top:8px}
.formatting h1,.formatting h2,.formatting h3{padding-top:4px}
.formatting h1:not(:first-child),.formatting h2:not(:first-child),.formatting h3:not(:first-child),.formatting h4:not(:first-child){margin-top:20px}
.formatting>img,.formatting *:not(.btn)>img{box-shadow:var(--img-shadow);display:block;height:auto;margin:24px 0}
.formatting p img{margin:0}
.formatting p img:not(:last-child){margin-bottom:12px}
.formatting table{margin:16px 0}
.formatting ul>li{position:relative;padding-left:24px}
.formatting ul>li::before{font-variation-settings:'FILL'1;content:'\ef4a';position:absolute;top:12px;left:4px;font-size:8px;font-family:var(--font-msr);line-height:1;color:var(--g3x)}
.formatting ul.icon>li{padding-left:36px}
.formatting ul.icon>li::before{display:none}
.formatting ul.icon>li>span:first-child{position:absolute;left:0;width:24px;text-align:center}
.formatting ul.icon>li .fab{top:5px;font-size:20px}
.formatting ol>li{position:relative;padding-left:24px;counter-increment:num}
.formatting ol>li::before{content:counter(num)'.';position:absolute;left:0;font-weight:var(--font-regular)}
.formatting ol>li ol>li{padding-left:36px;counter-increment:subnum}
.formatting ol>li ol>li::before{content:counter(num)'.'counter(subnum)'.'}
.formatting ol>li ol>li ol>li{padding-left:48px;counter-increment:subsubnum}
.formatting ol>li ol>li ol>li::before{content:counter(num)'.'counter(subnum)'.'counter(subsubnum)'.'}
.formatting ul,.formatting ol{margin:16px 0;padding-left:24px;list-style:none}
.formatting ul:first-child,.formatting ol:first-child,.formatting table:first-child,.formatting p:first-child,.formatting h1:first-child,.formatting h2:first-child,.formatting h3:first-child{margin-top:0!important;padding-top:0!important}
.formatting ul:last-child,.formatting ol:last-child,.formatting table:last-child,.formatting p:last-child,.formatting h1:last-child,.formatting h2:last-child,.formatting h3:last-child{margin-bottom:0!important;padding-bottom:0!important}
.formatting blockquote:first-child{margin-top:0!important}
.formatting blockquote:last-child{margin-bottom:0!important}
.formatting ul ul,.formatting ul ol,.formatting ol ol,.formatting ol ul{margin-top:4px;margin-bottom:0;padding-left:0}
.formatting li:nth-of-type(n+2){margin-top:4px}
/* TEXT */
.text-success{color:var(--success)!important}
.text-12{font-size:12px!important}
.text-18{font-size:18px!important}
.text-48{font-size:48px!important}
.text-center{text-align:center!important}
.text-uppercase{text-transform:uppercase!important}