header-component:where(.astro-b5wftkml){transition:padding .3s,transform .3s,margin-inline .3s,border .15s,background-color .15s;&.not-top{--un-border-opacity: 1;border-color:hsl(var(--border) / var(--un-border-opacity));--un-bg-opacity: 1;background-color:hsl(var(--background) / var(--un-bg-opacity));padding-left:.375rem;padding-right:.375rem;box-shadow:#fff 0 0,#18181b14 0 0 0 1px,#27272a14 0 10px 15px -3px,#27272a14 0 4px 6px -4px}&[data-show=false]:not(.expanded){transform:translateY(-5rem)}}@media (min-width: 800px){header-component:where(.astro-b5wftkml).not-top{margin-inline:8%}}.dark header-component:where(.astro-b5wftkml).not-top{background-color:hsl(var(--muted) / var(--un-bg-opacity))}@media (max-width: 640px){#headerExpandContent:where(.astro-b5wftkml){grid-template-rows:0fr;transition:opacity .3s,padding .3s,border-color .15s,grid-template-rows .3s}.expanded:where(.astro-b5wftkml) #headerExpandContent:where(.astro-b5wftkml){grid-template-rows:1fr}.expanded:where(.astro-b5wftkml).not-top #headerExpandContent:where(.astro-b5wftkml){box-shadow:#fff 0 0,#18181b14 0 0 0 1px,#27272a14 0 10px 15px -3px,#27272a14 0 4px 6px -4px}header-component:where(.astro-b5wftkml) #headerExpandContent:where(.astro-b5wftkml):after{box-sizing:content-box;content:"";position:absolute;inset-inline:calc(-1rem - 1px);bottom:0;top:-5rem;z-index:-1;transition:.3s;visibility:hidden;opacity:0;border-bottom:1px solid transparent}header-component:where(.astro-b5wftkml):not(.not-top) #headerExpandContent:where(.astro-b5wftkml):after{visibility:visible;bottom:-1rem;opacity:1;background-color:hsl(var(--muted) / var(--un-bg-opacity, 1));border-bottom-color:hsl(var(--border) / var(--un-border-opacity, 1))}}#toggleDarkMode:where(.astro-b5wftkml){&[data-theme=dark]{.system:where(.astro-b5wftkml){display:none}.dark:where(.astro-b5wftkml){display:block}}&[data-theme=light]{.system:where(.astro-b5wftkml){display:none}.light{display:block}}}@font-face{font-family:LXGWWenKaiScreenR;src:url(/fonts/lxgwwenkaiscreen.subset.v1.235.standard.woff2);font-style:normal;font-display:swap}@font-face{font-family:SFProText-Regular;src:url(/fonts/SFProText-Regular.woff2);font-style:italic;font-display:swap}html{font-family:LXGWWenKaiScreenR,sans-serif}:root{--background: 210 33% 99%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 200 29% 45%;--primary-foreground: 0 0% 92.5%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95%;--muted-foreground: 240 3.8% 28.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 72.22% 50.59%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 88%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem}.dark{--background: 240 20.54% 5.2%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 195 95% 85%;--primary-foreground: 240 3.7% 15.9%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 5.9% 12%;--muted-foreground: 240 5% 74.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 19.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%}:root{--un-default-border-color: hsl(var(--border) / 1)}html.dark{color-scheme:dark}a{transition:color .2s ease;&:hover{color:hsl(var(--primary) / var(--un-text-opacity, 1))}}.notification-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:18px}.notification{position:relative;background:#ffffff1a;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:20px;border:1px solid rgba(255,255,255,.25);padding:22px;width:370px;box-shadow:0 16px 32px #00000059,inset 0 0 1px #ffffff1a;display:flex;align-items:flex-start;gap:18px;transform:translate(400px);opacity:0;overflow:hidden;transition:transform .6s cubic-bezier(.68,-.55,.27,1.55),opacity .6s ease,box-shadow .3s ease}.notification:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,#ffffff26,#ffffff0d,#ffffff26);transform:rotate(25deg) translate(-100%);animation:shimmer 3s infinite linear;pointer-events:none;border-radius:inherit;z-index:0}.notification-success:before{background:linear-gradient(60deg,#4caf5040,#4caf501a,#4caf5040)}.notification-warning:before{background:linear-gradient(60deg,#ffc10740,#ffc1071a,#ffc10740)}.notification-error:before{background:linear-gradient(60deg,#f4433640,#f443361a,#f4433640)}.notification-info:before{background:linear-gradient(60deg,#2196f340,#2196f31a,#2196f340)}.notification.show{transform:translate(0);opacity:1;box-shadow:0 20px 40px #0006,inset 0 0 2px #ffffff26}@keyframes shimmer{0%{transform:rotate(25deg) translate(-100%)}to{transform:rotate(25deg) translate(100%)}}.notification-icon{position:relative;font-size:28px;flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.notification-info{flex:1;z-index:1}.notification-title{font-weight:700;margin-bottom:6px;font-size:20px;color:#333;text-shadow:0 1px 2px rgba(0,0,0,.25)}.notification-message{color:#555;font-size:15px;line-height:1.6}.notification-close{background:none;border:none;color:#ffffffb3;font-size:20px;cursor:pointer;transition:color .3s,transform .2s;z-index:1}.notification-close:hover{color:#fff;transform:scale(1.25)}.notification-success .notification-icon{background:#4caf5040;color:#4caf50;box-shadow:0 0 12px #4caf50b3}.notification-warning .notification-icon{background:#ffc10740;color:#ffc107;box-shadow:0 0 12px #ffc107b3}.notification-error .notification-icon{background:#f4433640;color:#f44336;box-shadow:0 0 12px #f44336b3}.notification-info .notification-icon{background:#2196f340;color:#2196f3;box-shadow:0 0 12px #2196f3b3}.notification-lgbtq{background:linear-gradient(45deg,#f06,#f70,#ff0,#0c4,#08f,#40e,#90e,#f06);background-size:400% 400%;animation:rainbowBackground 15s ease infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);color:#fff}@keyframes rainbowBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.notification-lgbtq .notification-icon{background:#fff3;color:#fff}.notification-lgbtq .notification-title,.notification-lgbtq .notification-message{color:#fff}.notification-lgbtq .notification-close{color:#fffc}.notification-lgbtq .notification-close:hover{color:#fff}.notification-trigger{margin-top:20px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.notification-btn{padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;font-size:15px;letter-spacing:.5px;box-shadow:0 4px 12px #0003}.btn-success{background:linear-gradient(135deg,#4caf50,#8bc34a)}.btn-warning{background:linear-gradient(135deg,#ffc107,#ffb300)}.btn-error{background:linear-gradient(135deg,#f44336,#e91e63)}.btn-info{background:linear-gradient(135deg,#2196f3,#03a9f4)}.notification-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 20px #00000040}@media (max-width: 768px){.notification{width:320px;right:12px}}.notification-national_day .notification-icon{background:gold;color:#de2910}.notification-national_day .notification-title{color:#10de1a}.notification-national_day .notification-message{color:gold}.notification-national_day{background:#de2910cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.highlight{color:var(--highlightColor, hsl(var(--primary) / var(--un-text-opacity)))!important}.highlight-bg{background-color:var( --highlightColor, hsl(var(--primary) / var(--un-text-opacity)) )!important}
