@layer components{.carousel-arrow{--size:var(--arrow-size,48px);width:var(--size);height:var(--size);background-color:var(--color-white);box-shadow:var(--theme-shadow,var(--shadow-0));color:var(--color-dark-text,#222);cursor:pointer;transition:opacity var(--transition-slow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex;&:hover{opacity:.7}}@media (width<=768px){.carousel-arrow{width:40px;height:40px;font-size:1rem}}.carousel-indicators{margin-top:var(--spacing-3);background-color:var(--color-white);box-shadow:var(--theme-shadow,var(--shadow-0));padding:var(--spacing-2);border-radius:999px;justify-content:center;gap:0;width:fit-content;margin-inline:auto;display:flex}.carousel-dot{background-color:color-mix(in srgb, var(--color-dark-text) 25%, transparent);cursor:pointer;width:10px;height:10px;transition:background-color var(--transition-slow);border:none;border-radius:50%;padding:0;&+&{margin-left:var(--spacing-2)}&.active{background-color:var(--color-dark-text)}}.alert-carousel{--arrow-size:48px;--gap:var(--spacing-3);align-items:center;gap:var(--gap);margin-inline:calc(-1 * var(--arrow-size) - var(--gap));display:flex}.alert-pagination{justify-content:space-evenly;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-3);display:flex;& .carousel-indicators{margin-top:0;margin-inline:0}}@media (width>=769px){.alert-pagination .carousel-arrow{display:none}}@media (width<=768px){.alert-carousel{margin-inline:0;& .carousel-arrow{display:none}}}.alert-stack{flex:1;min-width:0;display:grid;&>.alert-card{grid-area:1/1}&>.alert-card:not(.is-active){visibility:hidden}}.alert-card{gap:var(--spacing-2) var(--spacing-6);min-width:0;transition:box-shadow var(--transition-slow);box-shadow:var(--shadow-light);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;align-items:center;text-decoration:none;display:grid;&.is-active{view-transition-name:alert-card}&:hover{color:inherit;box-shadow:var(--shadow-strong);& .alert-link{text-decoration:underline}}& .alert-icon{grid-area:1/1/4;& svg{width:64px;height:64px}}& .alert-title{color:var(--color-error);white-space:nowrap;text-overflow:ellipsis;grid-area:1/2/auto/4;margin:0;overflow:hidden}& .alert-description{line-height:var(--line-height-normal);height:calc(2 * var(--line-height-normal) * 1em);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;grid-area:2/2/auto/4;margin:0;display:-webkit-box;overflow:hidden}& .alert-meta{grid-area:3/2}& .alert-action{grid-area:3/3;align-self:end;& .alert-link{color:var(--color-error);white-space:nowrap}}@media (width<=768px){gap:var(--spacing-2) var(--spacing-4);grid-template-columns:auto 1fr;& .alert-icon{grid-area:1/1;& svg{width:40px;height:40px}}& .alert-title{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;grid-area:1/2;overflow:visible}& .alert-description{grid-area:2/1/auto/-1}& .alert-meta{grid-area:3/1/auto/-1}& .alert-action{grid-area:4/1/auto/-1}}}.contact{padding-block:var(--section-padding-y);padding-inline:var(--spacing-6);& .contact-required-hint{max-width:700px;margin-inline:auto;margin-top:var(--spacing-4);font-size:var(--font-size-small-text);color:var(--color-dark-text)}& .contact-form{gap:var(--spacing-6);max-width:700px;margin-inline:auto;margin-top:var(--spacing-8);flex-direction:column;display:flex}& .contact-field{gap:var(--spacing-2);flex-direction:column;display:flex;& label{font-family:var(--font-heading);font-size:var(--font-size-normal-text);font-weight:var(--font-weight-heading,var(--font-weight-semibold));color:var(--color-dark-text)}}& .contact-required{color:var(--color-error)}& .contact-file-input{width:100%}& .contact-toggle{align-self:flex-start;display:flex}& .contact-submit{justify-content:center;display:flex}& .contact-hint{padding-inline:var(--spacing-4);padding-block:var(--spacing-2);margin-top:calc(-1 * var(--spacing-2));font-size:var(--font-size-small-text);color:var(--color-dark-text);display:block;&.has-error{color:var(--color-error)}}}.events{gap:var(--spacing-6);padding:var(--spacing-8);flex-direction:column;display:flex}.events-homepage{gap:var(--spacing-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;& .link{height:100%}& .event{& .title{color:var(--primary-color);font-family:var(--font-family);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& .description{font-family:var(--font-family);-webkit-line-clamp:2;line-clamp:2}& .address{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=768px){grid-template-columns:minmax(0,1fr);& .event{& .title{-webkit-line-clamp:2;line-clamp:2;white-space:normal;height:auto}& .description{-webkit-line-clamp:3;line-clamp:3;height:auto}& .address{height:auto}}}}.events-dates{align-items:center;display:flex;& .events-date{font-weight:var(--font-weight-normal);font-size:var(--font-size-normal-text);color:var(--color-dark-text);font-family:var(--font-family)}& i{margin-right:var(--spacing-2);color:var(--primary-color)}}.link{color:inherit;cursor:pointer;transition:transform var(--transition-fast);text-decoration:none;display:block;&:hover{transform:translateY(-2px)}}.events-footer{padding-top:var(--spacing-2);justify-content:center;display:flex}.free-space{& .free-space-card{align-items:flex-start;gap:var(--spacing-8);margin-top:var(--spacing-6);padding:var(--spacing-8) var(--spacing-10);background-color:var(--color-white);box-shadow:var(--shadow-light);display:flex}& .free-space-icon{--icon-width:7.75rem;--icon-padding:2rem;width:calc(2 * var(--icon-padding) + var(--icon-width));height:calc(2 * var(--icon-padding) + var(--icon-width));padding:var(--icon-padding);background-color:var(--color-primary);mask-image:var(--icon-url);-webkit-mask-image:var(--icon-url);flex-shrink:0;align-self:center;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-origin:content-box;mask-origin:content-box}& .free-space-content{min-width:0;line-height:var(--line-height-normal);white-space:pre-line;flex:1}@media (width<=768px){& .free-space-card{gap:var(--spacing-6);padding:var(--spacing-6)}& .free-space-icon{--icon-width:48px;--icon-padding:0}}}.national-initiative{gap:var(--spacing-6);padding:var(--spacing-8);flex-direction:column;display:flex;& .list{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid;& a:hover{color:inherit}& .item{gap:var(--spacing-10);flex-direction:column;padding:20px 24px;display:flex;& .content{align-items:center;gap:1rem;margin-top:auto;display:flex;& .icon{background-color:var(--color-primary);width:40px;height:40px;mask-image:var(--icon-url);-webkit-mask-image:var(--icon-url);flex-shrink:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}& .title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-h4);font-family:var(--font-menu), sans-serif;line-height:100%;display:flex}}}}& .actions{padding-top:var(--spacing-2);justify-content:center;display:flex;& button{background-color:var(--color-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}}@media (width<=768px){& .list{grid-template-columns:1fr}}}.news{gap:var(--spacing-6);padding:var(--spacing-8);flex-direction:column;display:flex;& .title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-dark-text);white-space:nowrap;text-overflow:ellipsis;align-self:center;max-width:100%;overflow:hidden}& .card{padding:var(--spacing-6);gap:var(--spacing-8);flex-direction:column;display:flex}& .carousel{gap:var(--spacing-4);display:flex}& .body{gap:var(--spacing-6);flex-direction:column;flex:1;display:flex}& .meta{align-items:center;gap:var(--spacing-4);color:var(--color-gray-500);display:flex}& .share-btn{align-items:center;gap:var(--spacing-1);color:var(--color-primary);font-size:var(--font-size-normal-text);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex;&:hover{text-decoration:underline}}& .description{--_lines:4;line-height:var(--line-height-normal);height:calc(var(--_lines) * var(--line-height-normal) * 1em);-webkit-line-clamp:var(--_lines);line-clamp:var(--_lines);color:var(--color-gray-700);-webkit-box-orient:vertical;flex:none;display:-webkit-box;overflow:hidden;&>*{margin-block:0}}& .cta .button{padding-block:var(--spacing-2);padding-inline:var(--spacing-4);font-size:var(--font-size-normal-text)}& .image{cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;width:250px;height:180px;display:flex;position:relative;overflow:hidden;& img{object-fit:cover;width:100%;height:100%}& .badge{top:var(--spacing-2);left:var(--spacing-2);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-small-text);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-light);position:absolute}}& .footer{align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex}& .pagination{align-items:center;gap:var(--spacing-6);display:flex;& .arrow{color:var(--color-primary);cursor:pointer;padding:var(--spacing-1);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;&:hover{opacity:.7}}& .counter{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);font-family:var(--font-menu);color:var(--color-dark-text)}}@media (width<=768px){& .carousel{flex-direction:column-reverse}& .image{width:100%}& .description{--_lines:3}}}}@keyframes carousel-fade-slide-out{to{opacity:0;transform:translate(-60px)}}@keyframes carousel-fade-slide-in{0%{opacity:0;transform:translate(60px)}}@layer overrides{@media (width<=768px){.alert-card{padding:var(--spacing-5) var(--spacing-4)}}.contact{& .contact-form{& .file-input .button{font-size:var(--font-size-normal-text);border-color:#0000;& svg{color:var(--color-secondary)}}}& .contact-toggle{& .switch-input{padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-white);& .label{font-size:var(--font-size-normal-text)}}}& .text-input-error{padding-block-end:0}& .input-field,& .switch-input{border:1px solid var(--color-primary)}& .has-error .input-field,& .input-field:has(input:focus-visible,textarea:focus-visible,button:focus-visible){border:none}}}::view-transition-old(alert-card){animation:.3s ease-in-out both carousel-fade-slide-out}::view-transition-new(alert-card){animation:.3s ease-in-out .3s both carousel-fade-slide-in}@media (width>=768px){.events-homepage .event{height:16rem}}