@charset "UTF-8";
/* We abuse Flexbox a lot, so this is your new bible o/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
:root {
  --body-font: "TTNorms";
}

/*---------------------------------------------------
    SASS ELements (based on LESS Elements 0.9 http://lesselements.com) 
  -------------------------------- -------------------
    LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
    SASS port by Samuel Beek (http://samuelbeek.com) 
  ---------------------------------------------------*/
:root {
  --space_y: 3rem;
  --space_x: 3rem;
  --body_maxWidth: 70rem;
  --content_maxWidth: 180rem;
  --el_radius: 0.4rem;
  --input_radius: 0.2rem;
  --base-font-size: clamp(1.6rem,calc(1.2rem + 1.4vw),2.0rem) ;
}

:root {
  --color-primary: 0, 121, 142;
  --color-secondary: 244, 153, 0;
  --color-primary_alt1: 75, 161, 174;
  --color-primary_alt2: 111, 177, 189;
  --color-primary_alt3: 199, 224, 230;
  --color-secondary_alt1: 251, 196, 118;
  --color-grey: 51, 51, 51;
  --color-text: 51, 51, 51;
  --color-hl: 255, 255, 255;
  --color-white: 255, 255, 255;
  --color-bg: 255, 255, 255;
  --color-navbg: var(--color-primary);
  --color-red: 201, 91, 69;
  --color-blue: 58, 85, 150;
  --color-inputbg: var(--color-primary_alt2);
  --color-scrollbar: var(--color-white);
  --circle-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='595.276' height='595.276'%3E%3Ccircle cx='297.638' cy='297.637' r='294.828'/%3E%3C/svg%3E");
}

:root {
  --icon-size: 1em;
  --icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.719' height='34.719'%3E%3Cpath d='M16.148 27.049a1.211 1.211 0 0 0 2.422 0v-4.845a1.211 1.211 0 1 0-2.422 0Z'/%3E%3Cpath fill='%2300798e' fill-rule='evenodd' d='M17.359 0a7.41 7.41 0 0 0-3.309.876c-1.09.53-2.348 1.311-3.92 2.287l-3.338 2.07c-1.488.923-2.679 1.662-3.6 2.366a7.714 7.714 0 0 0-2.208 2.433 7.969 7.969 0 0 0-.877 3.194c-.11 1.172-.11 2.605-.11 4.4v2.6a63.1 63.1 0 0 0 .247 7.4 7.939 7.939 0 0 0 1.986 4.76 7.505 7.505 0 0 0 4.643 2.07 57.069 57.069 0 0 0 7.16.256h6.647a57.071 57.071 0 0 0 7.161-.256 7.505 7.505 0 0 0 4.643-2.07 7.939 7.939 0 0 0 1.986-4.76 63.107 63.107 0 0 0 .247-7.4v-2.6c0-1.8 0-3.231-.11-4.4a7.972 7.972 0 0 0-.877-3.194 7.712 7.712 0 0 0-2.208-2.433c-.918-.7-2.109-1.442-3.6-2.366l-3.333-2.071c-1.572-.976-2.831-1.757-3.92-2.287A7.409 7.409 0 0 0 17.359 0ZM11.35 5.25c1.64-1.018 2.794-1.732 3.758-2.2a5.037 5.037 0 0 1 2.25-.632 5.037 5.037 0 0 1 2.25.632c.964.469 2.117 1.183 3.758 2.2l3.23 2c1.552.963 2.641 1.641 3.453 2.263a5.335 5.335 0 0 1 1.556 1.673 5.593 5.593 0 0 1 .59 2.258c.1 1.046.1 2.365.1 4.235v2.456a62.236 62.236 0 0 1-.226 7.175 5.581 5.581 0 0 1-1.325 3.389 5.139 5.139 0 0 1-3.235 1.355 56.186 56.186 0 0 1-6.921.233H14.13a56.185 56.185 0 0 1-6.921-.233 5.139 5.139 0 0 1-3.235-1.355A5.582 5.582 0 0 1 2.65 27.32a62.237 62.237 0 0 1-.226-7.175v-2.456c0-1.87 0-3.19.1-4.235a5.6 5.6 0 0 1 .59-2.258A5.334 5.334 0 0 1 4.67 9.523c.813-.622 1.9-1.3 3.453-2.263Z'/%3E%3C/svg%3E");
  --icon-local: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.489' height='34.075'%3E%3Cpath fill-rule='evenodd' d='M4.844 10.416A10.666 10.666 0 0 1 15.744 0a10.689 10.689 0 0 1 10.893 10.025l.771.257a19.335 19.335 0 0 1 1.923.71 3.315 3.315 0 0 1 2.092 2.9 19.361 19.361 0 0 1 .065 2.049v9.282a24.053 24.053 0 0 1-.076 2.5 3.686 3.686 0 0 1-.747 2 3.633 3.633 0 0 1-1 .848 3.685 3.685 0 0 1-2.094.408 24.037 24.037 0 0 1-2.476-.335l-.067-.011a16.074 16.074 0 0 0-3.749-.411 6.873 6.873 0 0 0-.892.134 16.268 16.268 0 0 0-3.486 1.507l-.2.1a17.545 17.545 0 0 1-5.093 2.02 9.276 9.276 0 0 1-1.348.1 17.388 17.388 0 0 1-5.3-1.269l-.206-.069-.619-.206-.06-.02a19.338 19.338 0 0 1-1.923-.71 3.589 3.589 0 0 1-1.471-1.145 3.59 3.59 0 0 1-.621-1.758A19.349 19.349 0 0 1 0 26.85v-8.106a27.032 27.032 0 0 1 .109-3.177 3.689 3.689 0 0 1 1.074-2.373 3.633 3.633 0 0 1 .68-.49 3.689 3.689 0 0 1 2.587-.27q.263.051.552.125a14.64 14.64 0 0 1-.158-2.143Zm.806 4.859a15.2 15.2 0 0 0-1.659-.464c-.638-.125-.847-.049-.947.007a1.206 1.206 0 0 0-.227.163c-.084.077-.222.252-.306.9a26.153 26.153 0 0 0-.089 2.948v7.961a18.25 18.25 0 0 0 .049 1.838 1.23 1.23 0 0 0 .179.616 1.231 1.231 0 0 0 .528.365 18.254 18.254 0 0 0 1.728.628l.619.206c2.622.874 3.68 1.212 4.742 1.214a6.859 6.859 0 0 0 1-.071c1.05-.152 2.06-.641 4.554-1.888l.15-.075a17.349 17.349 0 0 1 3.9-1.632 9.279 9.279 0 0 1 1.207-.182 17.2 17.2 0 0 1 4.186.408l.163.027c1.057.176 1.748.289 2.271.317a1.369 1.369 0 0 0 .762-.089 1.209 1.209 0 0 0 .334-.283 1.367 1.367 0 0 0 .213-.736c.059-.521.061-1.221.061-2.292v-9.154a18.261 18.261 0 0 0-.049-1.838.959.959 0 0 0-.707-.981 18.239 18.239 0 0 0-1.728-.628l-.095-.032a17.281 17.281 0 0 1-2.156 6.117 14.037 14.037 0 0 1-6.33 5.916 5.66 5.66 0 0 1-4.512 0 14.036 14.036 0 0 1-6.33-5.916 17.53 17.53 0 0 1-1.511-3.37ZM15.744 2.422a8.246 8.246 0 0 0-8.478 7.994 14.323 14.323 0 0 0 1.985 7.01 11.628 11.628 0 0 0 5.205 4.914 3.238 3.238 0 0 0 2.575 0 11.628 11.628 0 0 0 5.205-4.914 14.322 14.322 0 0 0 1.985-7.01 8.246 8.246 0 0 0-8.477-7.994Zm0 6.459a2.019 2.019 0 1 0 2.019 2.019 2.018 2.018 0 0 0-2.019-2.018Zm-4.44 2.019a4.441 4.441 0 1 1 4.441 4.441 4.441 4.441 0 0 1-4.441-4.441Z'/%3E%3C/svg%3E");
  --icon-resources: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.26' height='34.719'%3E%3Cpath fill-rule='evenodd' d='M10.812 0h6.638a44.271 44.271 0 0 1 5.388.188 6 6 0 0 1 3.649 1.585 6 6 0 0 1 1.586 3.649 44.3 44.3 0 0 1 .188 5.388v13.1a44.3 44.3 0 0 1-.188 5.388 6 6 0 0 1-1.587 3.652 6 6 0 0 1-3.649 1.585 44.3 44.3 0 0 1-5.388.188h-6.637a44.3 44.3 0 0 1-5.388-.188 6 6 0 0 1-3.65-1.585 6 6 0 0 1-1.585-3.649 20.82 20.82 0 0 1-.132-1.522 1.2 1.2 0 0 1-.026-.634c-.03-.956-.03-2.031-.03-3.233v-13.1a44.274 44.274 0 0 1 .188-5.388 6 6 0 0 1 1.585-3.65A6 6 0 0 1 5.423.188 44.274 44.274 0 0 1 10.812 0ZM2.466 27.45c.025.571.063 1.074.123 1.522a3.641 3.641 0 0 0 .9 2.259 3.641 3.641 0 0 0 2.261.899 43.4 43.4 0 0 0 5.154.166h6.456a43.4 43.4 0 0 0 5.154-.166 3.641 3.641 0 0 0 2.259-.9 3.641 3.641 0 0 0 .9-2.259 32.4 32.4 0 0 0 .165-3.943H7.506a11.456 11.456 0 0 0-2.556.122 3.633 3.633 0 0 0-2.484 2.3Zm23.372-4.843V10.9a43.36 43.36 0 0 0-.167-5.15 3.641 3.641 0 0 0-.9-2.259 3.641 3.641 0 0 0-2.259-.9 43.38 43.38 0 0 0-5.154-.167H10.9c-1.466 0-2.651 0-3.633.043v20.14h18.57Zm-20.993.1a4.74 4.74 0 0 0-.521.107 6.053 6.053 0 0 0-1.9.885V10.9a43.382 43.382 0 0 1 .165-5.15 3.641 3.641 0 0 1 .9-2.259 2.849 2.849 0 0 1 1.358-.725Z'/%3E%3C/svg%3E");
  --icon-about: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.719' height='34.719'%3E%3Cpath d='M17.359 26.644a1.211 1.211 0 0 0 1.211-1.211v-9.689a1.211 1.211 0 0 0-2.422 0v9.689a1.211 1.211 0 0 0 1.211 1.211Z'/%3E%3Cpath fill='%23fff' d='M17.359 9.285a1.615 1.615 0 1 1-1.615 1.615 1.615 1.615 0 0 1 1.615-1.615Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M0 17.359a17.359 17.359 0 1 1 17.359 17.36A17.359 17.359 0 0 1 0 17.359ZM17.359 2.422a14.937 14.937 0 1 0 14.937 14.937A14.937 14.937 0 0 0 17.359 2.422Z'/%3E%3C/svg%3E");
  --icon-profile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.03' height='33.104'%3E%3Cpath fill-rule='evenodd' d='M12.514 0a7.67 7.67 0 1 0 7.67 7.67A7.67 7.67 0 0 0 12.514 0ZM7.266 7.67a5.248 5.248 0 1 1 5.248 5.248A5.248 5.248 0 0 1 7.266 7.67Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.515 17.763a17.615 17.615 0 0 0-8.594 2.05C1.696 21.086 0 23.027 0 25.433s1.7 4.347 3.921 5.619a17.615 17.615 0 0 0 8.594 2.051 17.616 17.616 0 0 0 8.594-2.051c2.225-1.272 3.921-3.213 3.921-5.619s-1.7-4.347-3.921-5.619a17.616 17.616 0 0 0-8.594-2.051Zm-10.093 7.67c0-1.162.835-2.45 2.7-3.516a15.216 15.216 0 0 1 7.392-1.732 15.216 15.216 0 0 1 7.393 1.728c1.866 1.066 2.7 2.354 2.7 3.516s-.835 2.45-2.7 3.516a15.216 15.216 0 0 1-7.392 1.732 15.216 15.216 0 0 1-7.392-1.732c-1.866-1.062-2.701-2.35-2.701-3.512Z'/%3E%3C/svg%3E");
  --icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8h12m0 0a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm-6 8h12M9 16a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E");
  --icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 17h10M4 15.685V15.5A1.5 1.5 0 0 1 5.5 14h.04c.807 0 1.46.653 1.46 1.46 0 .35-.114.692-.324.973L4 20h3m3-8h10M10 7h10M4 5l2-1v6'/%3E%3C/svg%3E");
  --icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%231C274C' stroke-width='1.5'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 8v4l2.5 2.5'/%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 1024 1024'%3E%3Cpath d='M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z'/%3E%3C/svg%3E");
  --icon-mapmarker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='M4 10.143C4 5.646 7.582 2 12 2s8 3.646 8 8.143c0 4.462-2.553 9.67-6.537 11.531a3.45 3.45 0 0 1-2.926 0C6.553 19.812 4 14.605 4 10.144Z'/%3E%3Ccircle cx='12' cy='10' r='3' stroke='%231C274C' stroke-width='1.5'/%3E%3C/svg%3E");
  --icon-computer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230F1729' fill-rule='evenodd' d='M7.788 2h8.424c.819 0 1.494 0 2.044.046.571.047 1.096.149 1.588.404a4 4 0 0 1 1.706 1.706c.255.492.357 1.017.404 1.588.046.55.046 1.225.046 2.044v3.424c0 .819 0 1.494-.046 2.044-.047.571-.149 1.096-.404 1.588a4 4 0 0 1-1.706 1.706c-.492.255-1.017.357-1.588.404-.55.046-1.226.046-2.044.046H13v2h4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h4v-2H7.788c-.819 0-1.494 0-2.044-.046-.571-.047-1.096-.149-1.588-.404a4 4 0 0 1-1.706-1.706c-.255-.492-.357-1.017-.404-1.588C2 12.706 2 12.03 2 11.212V7.788c0-.819 0-1.494.046-2.044.047-.571.149-1.096.404-1.588A4 4 0 0 1 4.156 2.45c.492-.255 1.017-.357 1.588-.404C6.294 2 6.969 2 7.788 2Zm8.382 13c.871 0 1.463 0 1.92-.039.446-.037.673-.104.832-.186a2 2 0 0 0 .853-.853c.082-.159.15-.386.186-.832.038-.457.039-1.049.039-1.92V7.83c0-.871 0-1.463-.039-1.92-.037-.446-.104-.673-.186-.832a2 2 0 0 0-.853-.853c-.159-.082-.386-.15-.832-.186C17.633 4 17.041 4 16.17 4H7.83c-.871 0-1.463 0-1.92.039-.446.037-.673.104-.832.186a2 2 0 0 0-.853.853c-.082.159-.15.386-.186.831C4 6.367 4 6.96 4 7.83v3.34c0 .871 0 1.463.039 1.92.037.446.104.673.186.832a2 2 0 0 0 .853.853c.159.082.386.15.831.186C6.367 15 6.96 15 7.83 15h8.34Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-contact: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='M2 12c0-3.771 0-5.657 1.172-6.828C4.343 4 6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172C22 6.343 22 8.229 22 12c0 3.771 0 5.657-1.172 6.828C19.657 20 17.771 20 14 20h-4c-3.771 0-5.657 0-6.828-1.172C2 17.657 2 15.771 2 12Z'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='m6 8 2.159 1.8c1.837 1.53 2.755 2.295 3.841 2.295 1.086 0 2.005-.765 3.841-2.296L18 8'/%3E%3C/svg%3E");
  --icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='m10.038 5.316.649 1.163c.585 1.05.35 2.426-.572 3.349 0 0 0 0 0 0s-1.12 1.119.91 3.148c2.027 2.027 3.146.91 3.147.91 0 0 0 0 0 0 .923-.923 2.3-1.158 3.349-.573l1.163.65c1.585.884 1.772 3.106.379 4.5-.837.836-1.863 1.488-2.996 1.53-1.908.073-5.149-.41-8.4-3.66-3.25-3.251-3.733-6.492-3.66-8.4.043-1.133.694-2.159 1.53-2.996 1.394-1.393 3.616-1.206 4.5.38Z'/%3E%3C/svg%3E");
  --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='M10 15h2a6 6 0 0 0 0-12H8a6 6 0 0 0-4.472 10M14 9h-2a6 6 0 0 0 0 12h4a6 6 0 0 0 4.472-10'/%3E%3C/svg%3E");
  --icon-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274D' d='m20.082 3.018.026.75-.026-.75Zm-3.582.47-.215-.719.215.719Zm-2.826 1.315-.376-.65.376.65ZM3.982 3.075l-.046.749.046-.749ZM7 3.488l.191-.726L7 3.488Zm3.282 1.388-.35.663.35-.663Zm3.346 15.193.352.662-.352-.662ZM17 18.634l-.191-.726.191.726Zm2.985-.411.047.748-.047-.748Zm-9.613 1.846-.352.662.352-.662ZM7 18.634l.191-.726-.191.726Zm-2.985-.411-.047.748.047-.748Zm-1.265-2.08V4.999h-1.5v11.146h1.5Zm20 0V4.934h-1.5v11.21h1.5ZM20.056 2.269c-1.139.04-2.626.158-3.771.501l.43 1.437c.95-.284 2.274-.4 3.393-.439l-.052-1.499Zm-3.771.501c-.995.298-2.114.88-2.987 1.385l.752 1.298c.85-.492 1.845-1 2.665-1.246l-.43-1.437ZM3.936 3.824c.966.059 2.06.174 2.873.389l.382-1.45c-.96-.254-2.176-.376-3.163-.437l-.092 1.498Zm2.873.389c.962.254 2.146.81 3.123 1.326l.7-1.326c-.995-.527-2.304-1.15-3.44-1.45l-.383 1.45ZM13.98 20.73c.991-.528 2.219-1.11 3.211-1.372l-.382-1.45c-1.17.308-2.526.961-3.534 1.498l.705 1.324Zm3.211-1.372c.803-.212 1.882-.328 2.841-.388l-.094-1.497c-.98.062-2.179.183-3.13.434l.383 1.45Zm-6.466.048c-1.008-.537-2.363-1.19-3.534-1.499l-.382 1.45c.992.263 2.22.845 3.21 1.373l.706-1.324Zm-3.534-1.499c-.95-.25-2.15-.372-3.13-.434l-.093 1.497c.959.06 2.038.176 2.84.388l.383-1.45Zm14.059-1.764c0 .686-.568 1.284-1.312 1.33l.094 1.497c1.474-.092 2.718-1.291 2.718-2.827h-1.5Zm1.5-11.21c0-1.464-1.165-2.719-2.694-2.666l.052 1.5c.615-.022 1.142.484 1.142 1.165h1.5Zm-21.5 11.21c0 1.536 1.244 2.735 2.718 2.828l.094-1.498c-.744-.046-1.312-.645-1.312-1.33h-1.5Zm12.025 3.264a2.723 2.723 0 0 1-2.55 0l-.705 1.323a4.224 4.224 0 0 0 3.96 0l-.705-1.324Zm.023-15.254a2.77 2.77 0 0 1-2.665.059l-.701 1.326a4.27 4.27 0 0 0 4.117-.087l-.75-1.298ZM2.75 4.998c0-.697.552-1.213 1.186-1.174l.092-1.498C2.47 2.231 1.25 3.5 1.25 4.998h1.5Z'/%3E%3Cpath stroke='%231C274D' stroke-width='1.5' d='M12 5.854V21'/%3E%3Cpath stroke='%231C274D' stroke-linecap='round' stroke-width='1.5' d='m5 9 4 1M19 9l-4 1M5 13l4 1M19 13l-4 1'/%3E%3C/svg%3E");
  --icon-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v5m9-4a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='7.5' r='1' fill='%23000'/%3E%3C/svg%3E");
  --icon-reveal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.301 15.577C4.778 14.268 3.691 12.773 3.18 12c.51-.773 1.598-2.268 3.121-3.577C7.874 7.072 9.816 6 12 6c2.184 0 4.126 1.072 5.699 2.423 1.523 1.309 2.61 2.804 3.121 3.577-.51.773-1.598 2.268-3.121 3.577C16.126 16.928 14.184 18 12 18c-2.184 0-4.126-1.072-5.699-2.423ZM12 4C9.148 4 6.757 5.395 4.998 6.906c-1.765 1.517-2.99 3.232-3.534 4.064a1.876 1.876 0 0 0 0 2.06c.544.832 1.769 2.547 3.534 4.064C6.758 18.605 9.148 20 12 20c2.852 0 5.243-1.395 7.002-2.906 1.765-1.517 2.99-3.232 3.534-4.064.411-.628.411-1.431 0-2.06-.544-.832-1.769-2.547-3.534-4.064C17.242 5.395 14.852 4 12 4Zm-2 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-hide:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M19.707 5.707a1 1 0 0 0-1.414-1.414l-4.261 4.26a4 4 0 0 0-5.478 5.478l-4.261 4.262a1 1 0 1 0 1.414 1.414l4.261-4.26a4 4 0 0 0 5.478-5.478l4.261-4.262Zm-7.189 4.36a2 2 0 0 0-2.45 2.45l2.45-2.45Zm-1.036 3.865 2.45-2.45a2 2 0 0 1-2.45 2.45Zm4.283-9.111C14.63 4.32 13.367 4 12 4 9.148 4 6.757 5.395 4.998 6.906c-1.765 1.517-2.99 3.232-3.534 4.064a1.876 1.876 0 0 0 0 2.06 20.304 20.304 0 0 0 2.748 3.344l1.414-1.414A18.315 18.315 0 0 1 3.18 12c.51-.773 1.598-2.268 3.121-3.577C7.874 7.072 9.816 6 12 6a7.06 7.06 0 0 1 2.22.367l1.545-1.546ZM12 18a7.06 7.06 0 0 1-2.22-.367L8.236 19.18c1.136.5 2.398.821 3.765.821 2.852 0 5.243-1.395 7.002-2.906 1.765-1.517 2.99-3.232 3.534-4.064.411-.628.411-1.431 0-2.06a20.303 20.303 0 0 0-2.748-3.344L18.374 9.04A18.312 18.312 0 0 1 20.82 12c-.51.773-1.598 2.268-3.121 3.577C16.126 16.928 14.184 18 12 18Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-smile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%231C274C' stroke-width='1.5'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='M9 16c.85.63 1.885 1 3 1s2.15-.37 3-1'/%3E%3Cpath fill='%231C274C' d='M16 10.5c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5.448-1.5 1-1.5 1 .672 1 1.5Z'/%3E%3Cellipse cx='9' cy='10.5' fill='%231C274C' rx='1' ry='1.5'/%3E%3C/svg%3E");
  --icon-culture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='m16.758 12.677-.845-3.298c-.44-1.719-.66-2.578-1.236-3.01a1.947 1.947 0 0 0-.638-.317c-.684-.194-1.46.17-3.015.897-1.15.54-1.726.809-2.326 1a9.57 9.57 0 0 1-.632.176c-.611.149-1.238.216-2.493.351-1.694.182-2.54.273-3.04.798a2.079 2.079 0 0 0-.4.609c-.292.675-.072 1.534.369 3.253l.845 3.297c.993 3.876 4.296 5.096 6.516 5.473.677.115 1.016.172 2.044-.116s1.294-.514 1.825-.968c1.742-1.487 4.02-4.27 3.026-8.145Z'/%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='M16.5 17.221c1.74-.75 3.479-2.157 4.153-4.788l.845-3.297c.44-1.719.661-2.578.37-3.253a2.078 2.078 0 0 0-.401-.609c-.5-.525-1.347-.616-3.04-.798-1.255-.135-1.882-.202-2.493-.35a9.576 9.576 0 0 1-.632-.178c-.6-.19-1.176-.46-2.326-.999-1.554-.727-2.331-1.091-3.015-.897-.23.065-.445.172-.638.317-.575.432-.796 1.291-1.236 3.01l-.7 2.73'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='M5.259 13.296c.06-.62.521-1.175 1.19-1.355.669-.179 1.346.072 1.708.578M19.18 8.936c-.06-.62-.521-1.175-1.19-1.354-.67-.18-1.346.071-1.708.577M11.055 11.742c.06-.619.52-1.175 1.19-1.354.669-.18 1.346.072 1.708.578'/%3E%3Cpath fill='%231C274C' d='M11.096 7.042a.75.75 0 1 1-1.22-.872l1.22.872Zm.903-.29c-.378-.1-.73.048-.903.29l-1.22-.872c.55-.77 1.553-1.123 2.512-.866l-.389 1.449Zm.479.313a.894.894 0 0 0-.479-.312l.389-1.45c.524.141.966.445 1.275.843l-1.185.92Z'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='M13.2 16.231s-1.024-.76-2.812-.282c-1.787.48-2.294 1.65-2.294 1.65'/%3E%3C/svg%3E");
  --icon-coffee:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='M3.284 11.266c-.133-2-.2-2.999.393-3.632C4.27 7 5.272 7 7.276 7h5.449c2.003 0 3.005 0 3.598.634.593.633.526 1.633.393 3.632l-.343 5.133c-.177 2.655-.265 3.982-1.13 4.792-.865.809-2.196.809-4.856.809h-.774c-2.66 0-3.99 0-4.856-.81-.865-.809-.953-2.136-1.13-4.79l-.343-5.134ZM17 17h1a4 4 0 0 0 0-8h-1M16 18H4'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='m6.05 5.061.411-.575a.707.707 0 0 0-.165-.987.707.707 0 0 1-.165-.986l.41-.575m7.51 3.123.41-.575a.707.707 0 0 0-.165-.987.707.707 0 0 1-.165-.986l.41-.575m-4.49 3.123.41-.575a.707.707 0 0 0-.165-.987.707.707 0 0 1-.165-.986l.41-.575'/%3E%3C/svg%3E");
  --icon-sofa:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='M5.556 18h12.888A3.556 3.556 0 0 0 22 14.444V12a2 2 0 1 0-4 0v1.2a.8.8 0 0 1-.8.8H6.8a.8.8 0 0 1-.8-.8V12a2 2 0 1 0-4 0v2.444A3.556 3.556 0 0 0 5.556 18Z'/%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='M20 10c0-.93 0-1.394-.077-1.78a4 4 0 0 0-3.143-3.143C16.394 5 15.93 5 15 5H9c-.93 0-1.394 0-1.78.077A4 4 0 0 0 4.077 8.22C4 8.606 4 9.07 4 10'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='M20 19v-1M4 19v-1'/%3E%3C/svg%3E");
  --icon-chat:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231C274C' stroke-width='1.5' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12c0 1.6.376 3.112 1.043 4.453.178.356.237.763.134 1.148l-.595 2.226a1.3 1.3 0 0 0 1.591 1.591l2.226-.595a1.634 1.634 0 0 1 1.149.133A9.958 9.958 0 0 0 12 22Z'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-width='1.5' d='M8 10.5h8M8 14h5.5'/%3E%3C/svg%3E");
  --icon-chef:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274C' d='M19 18h.75H19ZM5 14.584h.75a.75.75 0 0 0-.45-.687l-.3.687Zm14 0-.3-.687a.75.75 0 0 0-.45.687H19ZM15.75 7a.75.75 0 0 0 1.5 0h-1.5Zm-9 0a.75.75 0 0 0 1.5 0h-1.5ZM7 4.25A5.75 5.75 0 0 0 1.25 10h1.5A4.25 4.25 0 0 1 7 5.75v-1.5Zm10 1.5A4.25 4.25 0 0 1 21.25 10h1.5A5.75 5.75 0 0 0 17 4.25v1.5Zm-2 15.5H9v1.5h6v-1.5Zm-6 0c-.964 0-1.612-.002-2.095-.067-.461-.062-.659-.169-.789-.3l-1.06 1.062c.455.455 1.022.64 1.65.725.606.082 1.372.08 2.294.08v-1.5ZM4.25 18c0 .922-.002 1.688.08 2.294.084.628.27 1.195.725 1.65l1.061-1.06c-.13-.13-.237-.328-.3-.79-.064-.482-.066-1.13-.066-2.094h-1.5Zm14 0c0 .964-.002 1.612-.067 2.095-.062.461-.169.659-.3.789l1.062 1.06c.455-.455.64-1.022.725-1.65.082-.606.08-1.372.08-2.294h-1.5ZM15 22.75c.922 0 1.688.002 2.294-.08.628-.084 1.195-.27 1.65-.726l-1.06-1.06c-.13.13-.328.237-.79.3-.482.064-1.13.066-2.094.066v1.5Zm-8-17c.214 0 .423.016.628.046l.219-1.484A5.792 5.792 0 0 0 7 4.25v1.5Zm5-4.5a5.252 5.252 0 0 0-4.973 3.563l1.42.482A3.752 3.752 0 0 1 12 2.75v-1.5ZM7.027 4.813A5.245 5.245 0 0 0 6.75 6.5h1.5c0-.423.07-.828.198-1.205l-1.42-.482ZM17 4.25c-.287 0-.57.021-.847.062l.22 1.484A4.29 4.29 0 0 1 17 5.75v-1.5Zm-5-1.5a3.752 3.752 0 0 1 3.552 2.545l1.42-.482A5.252 5.252 0 0 0 12 1.25v1.5Zm3.552 2.545c.128.377.198.782.198 1.205h1.5c0-.589-.097-1.156-.277-1.687l-1.42.482ZM5.75 18v-3.416h-1.5V18h1.5Zm-.45-4.103A4.251 4.251 0 0 1 2.75 10h-1.5a5.751 5.751 0 0 0 3.45 5.271l.6-1.374Zm12.95.687V18h1.5v-3.416h-1.5Zm3-4.584a4.251 4.251 0 0 1-2.55 3.897l.6 1.374A5.751 5.751 0 0 0 22.75 10h-1.5Zm-5.5-3.5V7h1.5v-.5h-1.5Zm-9 0V7h1.5v-.5h-1.5Z'/%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 18h14'/%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 9a5 5 0 1 1 10 0A5 5 0 0 1 4 9zm5-7a7 7 0 1 0 4.2 12.6.999.999 0 0 0 .093.107l3 3a1 1 0 0 0 1.414-1.414l-3-3a.999.999 0 0 0-.107-.093A7 7 0 0 0 9 2z'/%3E%3C/svg%3E");
  --icon-login: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24'%3E%3Cpath d='M13 2a5 5 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3 1 1 0 1 0-2 0 5 5 0 0 0 5 5h4a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5h-4Z'/%3E%3Cpath d='M3 11a1 1 0 1 0 0 2h8.282a39.319 39.319 0 0 0-1.027 1.325l-.047.063-.012.018-.005.005L11 15l-.809-.588a1 1 0 0 0 1.618 1.176l.003-.004.01-.014.042-.057.16-.216c.14-.184.337-.442.57-.736.472-.595 1.068-1.31 1.613-1.854l.707-.707-.707-.707c-.545-.545-1.142-1.26-1.613-1.854a38.245 38.245 0 0 1-.73-.952l-.042-.057-.01-.014-.002-.003a1 1 0 0 0-1.619 1.175L11 9l-.809.588.002.002.003.005.012.017.047.063.172.23A40.079 40.079 0 0 0 11.282 11H3Z'/%3E%3C/svg%3E");
  --icon-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24'%3E%3Cpath d='M2 6.5A4.5 4.5 0 0 1 6.5 2H12a4 4 0 0 1 4 4v1a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2H6.5A2.5 2.5 0 0 0 4 6.5v11A2.5 2.5 0 0 0 6.5 20H12a2 2 0 0 0 2-2v-1a1 1 0 1 1 2 0v1a4 4 0 0 1-4 4H6.5A4.5 4.5 0 0 1 2 17.5v-11Zm16.293 1.793a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L19.586 13H11a1 1 0 1 1 0-2h8.586l-1.293-1.293a1 1 0 0 1 0-1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12h12M6 12l5-5m-5 5 5 5'/%3E%3C/svg%3E");
  --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='30.984' height='30.264'%3E%3Cpath d='M22.697 17.653a1.441 1.441 0 1 0 0-2.883 1.441 1.441 0 0 0 0 2.883zm0 5.765a1.44 1.44 0 1 0 0-2.881 1.44 1.44 0 0 0 0 2.881zm-5.764-7.206a1.441 1.441 0 1 1-2.883 0 1.441 1.441 0 0 1 2.883 0zm0 5.765a1.44 1.44 0 1 1-2.881-.001 1.44 1.44 0 0 1 2.881.001zm-8.647-4.324a1.441 1.441 0 1 0 0-2.883 1.441 1.441 0 0 0 0 2.883zm0 5.765a1.44 1.44 0 1 0 0-2.881 1.44 1.44 0 0 0 0 2.881z'/%3E%3Cpath fill='%231C274C' d='M30.763 8.302a6.794 6.794 0 0 0-1.784-4.136 6.794 6.794 0 0 0-4.137-1.784 19.063 19.063 0 0 0-1.064-.109V1.081a1.081 1.081 0 0 0-2.162 0v1.101c-.954-.019-2.005-.019-3.161-.019h-5.927c-1.156 0-2.207 0-3.161.019V1.081a1.081 1.081 0 0 0-2.161 0v1.191c-.377.028-.732.065-1.065.11a6.79 6.79 0 0 0-4.136 1.785A6.787 6.787 0 0 0 .22 8.302a52.818 52.818 0 0 0-.222 6.389v3.046a52.598 52.598 0 0 0 .222 6.388 6.782 6.782 0 0 0 1.783 4.136 6.782 6.782 0 0 0 4.137 1.784c2.122.203 4.256.277 6.388.222h5.927a52.591 52.591 0 0 0 6.388-.222 6.782 6.782 0 0 0 4.137-1.784 6.789 6.789 0 0 0 1.784-4.136c.202-2.123.276-4.256.221-6.388v-3.045a52.835 52.835 0 0 0-.222-6.39zm-28.404.292a4.678 4.678 0 0 1 1.17-2.899 4.68 4.68 0 0 1 2.9-1.17 51.834 51.834 0 0 1 6.181-.2h5.759a51.834 51.834 0 0 1 6.181.2 4.679 4.679 0 0 1 2.9 1.17 4.68 4.68 0 0 1 1.17 2.899c.033.246.062.505.084.777H2.275c.023-.277.051-.53.084-.777zm26.463 9.056a51.84 51.84 0 0 1-.2 6.181 4.679 4.679 0 0 1-1.17 2.9 4.68 4.68 0 0 1-2.9 1.17 52.045 52.045 0 0 1-6.181.2H12.61a52.045 52.045 0 0 1-6.181-.2 4.679 4.679 0 0 1-2.9-1.17 4.68 4.68 0 0 1-1.17-2.9 51.84 51.84 0 0 1-.2-6.181l.003-2.879c0-1.231 0-2.3.02-3.242h26.622c.018.94.019 2.012.019 3.242v2.879z'/%3E%3C/svg%3E");
  --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800'%3E%3Cpath d='M534.343 334.343c9.764-9.762 9.764-25.591 0-35.354-9.764-9.763-25.59-9.763-35.354 0L350 447.977l-48.989-48.986c-9.763-9.764-25.593-9.764-35.355 0-9.763 9.763-9.763 25.59 0 35.354l66.667 66.666c9.764 9.764 25.591 9.764 35.354 0l166.666-166.668z'/%3E%3Cpath d='M401.913 41.667h-3.827c-76.945 0-137.246 0-184.296 6.325-48.158 6.475-86.158 19.986-115.985 49.813s-43.339 67.828-49.813 115.986c-6.325 47.049-6.325 107.35-6.325 184.296v3.826c0 76.947 0 137.247 6.325 184.297 6.475 48.156 19.986 86.16 49.813 115.986 29.827 29.827 67.827 43.337 115.985 49.813 47.05 6.323 107.351 6.323 184.296 6.323h3.827c76.946 0 137.246 0 184.296-6.323 48.157-6.477 86.16-19.986 115.987-49.813 29.826-29.826 43.337-67.83 49.813-115.986 6.323-47.05 6.323-107.35 6.323-184.297v-3.826c0-76.946 0-137.247-6.323-184.296-6.477-48.158-19.987-86.159-49.813-115.986-29.827-29.827-67.83-43.338-115.987-49.813-47.05-6.326-107.349-6.325-184.296-6.325zM133.16 133.16c18.988-18.989 44.679-29.885 87.292-35.614C263.785 91.72 320.726 91.667 400 91.667c79.272 0 136.213.053 179.546 5.879 42.613 5.729 68.304 16.625 87.294 35.614 18.989 18.988 29.887 44.679 35.613 87.292 5.826 43.333 5.88 100.273 5.88 179.547 0 79.273-.054 136.213-5.88 179.547-5.727 42.613-16.624 68.303-35.613 87.293-18.99 18.99-44.681 29.887-87.294 35.613-43.333 5.827-100.273 5.88-179.546 5.88-79.274 0-136.215-.053-179.548-5.88-42.613-5.727-68.304-16.623-87.292-35.613-18.989-18.99-29.886-44.68-35.614-87.293-5.826-43.334-5.88-100.273-5.88-179.547s.054-136.215 5.88-179.547c5.729-42.613 16.625-68.304 35.614-87.292z'/%3E%3C/svg%3E");
  --icon-checkbox_empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800'%3E%3Cpath d='M401.913 41.667h-3.827c-76.945 0-137.246 0-184.296 6.325-48.158 6.475-86.158 19.986-115.985 49.813s-43.339 67.828-49.813 115.986c-6.325 47.049-6.325 107.35-6.325 184.296v3.826c0 76.947 0 137.247 6.325 184.297 6.475 48.156 19.986 86.16 49.813 115.986 29.827 29.827 67.827 43.337 115.985 49.813 47.05 6.323 107.351 6.323 184.296 6.323h3.827c76.946 0 137.246 0 184.296-6.323 48.157-6.477 86.16-19.986 115.987-49.813 29.826-29.826 43.337-67.83 49.813-115.986 6.323-47.05 6.323-107.35 6.323-184.297v-3.826c0-76.946 0-137.247-6.323-184.296-6.477-48.158-19.987-86.159-49.813-115.986-29.827-29.827-67.83-43.338-115.987-49.813-47.05-6.326-107.349-6.325-184.296-6.325zM133.16 133.16c18.988-18.989 44.679-29.885 87.292-35.614C263.785 91.72 320.726 91.667 400 91.667c79.272 0 136.213.053 179.546 5.879 42.613 5.729 68.304 16.625 87.294 35.614 18.989 18.988 29.887 44.679 35.613 87.292 5.826 43.333 5.88 100.273 5.88 179.547 0 79.273-.054 136.213-5.88 179.547-5.727 42.613-16.624 68.303-35.613 87.293-18.99 18.99-44.681 29.887-87.294 35.613-43.333 5.827-100.273 5.88-179.546 5.88-79.274 0-136.215-.053-179.548-5.88-42.613-5.727-68.304-16.623-87.292-35.613-18.989-18.99-29.886-44.68-35.614-87.293-5.826-43.334-5.88-100.273-5.88-179.547s.054-136.215 5.88-179.547c5.729-42.613 16.625-68.304 35.614-87.292z'/%3E%3C/svg%3E");
  --icon-mask-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='34.719' height='34.719'%3E%3Cpath fill='%2300798E' d='M33.374 10.208a7.254 7.254 0 0 0-2.085-2.291c-.939-.716-2.221-1.511-3.578-2.352l-3.333-2.071c-1.569-.974-2.809-1.744-3.884-2.267a7.068 7.068 0 0 0-3.146-.835 7.014 7.014 0 0 0-3.109.829c-1.086.529-2.327 1.299-3.898 2.274l-3.338 2.07c-1.495.928-2.666 1.654-3.568 2.345a7.389 7.389 0 0 0-2.105 2.315 7.505 7.505 0 0 0-.824 3.018C.397 14.41.397 15.826.397 17.619v2.6a62.928 62.928 0 0 0 .246 7.363 7.579 7.579 0 0 0 1.886 4.531 7.118 7.118 0 0 0 4.374 1.938c2.371.233 4.759.318 7.12.255l6.657-.001a56.155 56.155 0 0 0 7.122-.254 7.118 7.118 0 0 0 4.404-1.961 7.548 7.548 0 0 0 1.864-4.496c.226-2.443.309-4.917.247-7.365l-.001-2.61c0-1.794 0-3.212-.108-4.362a7.524 7.524 0 0 0-.834-3.049z'/%3E%3C/svg%3E");
  --icon-mask-local: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='31.488' height='34.075'%3E%3Cpath d='M31.224 13.906a3.125 3.125 0 0 0-1.966-2.731 19.056 19.056 0 0 0-1.909-.705l-.903-.301-.008-.135C26.096 4.516 21.5.195 15.974.195l-.225.002a10.666 10.666 0 0 0-.246-.003C9.867.194 5.175 4.78 5.044 10.418c0 .701.053 1.412.156 2.109l.044.298-.292-.075a10.348 10.348 0 0 0-.54-.123 3.505 3.505 0 0 0-2.46.252c-.224.126-.44.282-.634.459a3.48 3.48 0 0 0-1.009 2.238 26.92 26.92 0 0 0-.108 3.16v8.11c-.017.684.003 1.369.059 2.04.046.596.249 1.17.587 1.661.353.467.833.841 1.384 1.073.622.269 1.262.505 1.905.703l.89.297a17.187 17.187 0 0 0 5.244 1.258 8.85 8.85 0 0 0 1.311-.098 17.32 17.32 0 0 0 5.021-1.993l.211-.107a16.559 16.559 0 0 1 3.519-1.52c.318-.07.627-.117.933-.142l.152-.001c1.228 0 2.458.14 3.658.416l.054.009a24.01 24.01 0 0 0 2.461.333 3.491 3.491 0 0 0 1.984-.386 3.39 3.39 0 0 0 .939-.798 3.482 3.482 0 0 0 .702-1.886c.067-.828.093-1.662.074-2.482v-9.287a19.613 19.613 0 0 0-.065-2.03zM15.668 8.577h.078a2.322 2.322 0 0 1 2.319 2.32c0 1.28-1.04 2.321-2.32 2.321s-2.321-1.041-2.321-2.321a2.322 2.322 0 0 1 2.244-2.32z'/%3E%3C/svg%3E");
  --icon-mask-resources: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='28.26' height='34.719'%3E%3Cpath d='m.295 27.703.011.063c.025.501.069 1.007.13 1.504a5.78 5.78 0 0 0 1.521 3.51 5.766 5.766 0 0 0 3.484 1.506 44.73 44.73 0 0 0 5.364.187h6.644a44.007 44.007 0 0 0 5.364-.187 5.767 5.767 0 0 0 3.502-1.52 5.76 5.76 0 0 0 1.509-3.486c.17-1.778.233-3.581.187-5.363V10.81a44.205 44.205 0 0 0-.187-5.364 5.777 5.777 0 0 0-1.521-3.503A5.759 5.759 0 0 0 22.82.438 44.267 44.267 0 0 0 17.457.25h-6.645a43.653 43.653 0 0 0-5.365.187 5.776 5.776 0 0 0-3.503 1.52A5.766 5.766 0 0 0 .438 5.442a44.327 44.327 0 0 0-.188 5.364v13.106c0 1.22 0 2.273.03 3.225l.001.032-.007.031a.965.965 0 0 0 .021.503z'/%3E%3C/svg%3E");
  --icon-mask-about: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='34.719' height='34.719'%3E%3Ccircle cx='17.36' cy='17.359' r='16.979' fill='%23FFF'/%3E%3C/svg%3E");
  --icon-mask-profile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='25.029' height='33.104'%3E%3Cpath d='M12.514.432c-3.998 0-7.238 3.24-7.238 7.238s3.24 7.238 7.238 7.238 7.238-3.24 7.238-7.238S16.512.432 12.514.432z'/%3E%3Cpath d='M12.515 18.15a16.735 16.735 0 0 0-8.161 1.946C2.241 21.305.631 23.148.631 25.433s1.614 4.129 3.723 5.336a16.72 16.72 0 0 0 8.161 1.947c2.842.055 5.65-.615 8.16-1.947 2.114-1.207 3.724-3.051 3.724-5.336s-1.613-4.128-3.724-5.336a16.716 16.716 0 0 0-8.16-1.947z'/%3E%3C/svg%3E");
  --icon-mask-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='30.984' height='30.264'%3E%3Cpath d='M29.64 10.477v14.759l-1.668 2.932-5.275 1.263-15.852-.303-3.69-.909-1.77-4.095V10.477'/%3E%3C/svg%3E");
  --icon-mask-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800'%3E%3Cpath d='M744.152 217.948c-6.332-47.083-19.542-84.235-48.702-113.396-29.161-29.161-66.315-42.371-113.397-48.701-45.999-6.185-104.953-6.184-180.182-6.184h-3.741c-75.228 0-134.182 0-180.182 6.184-47.083 6.33-84.235 19.54-113.396 48.701C75.39 133.713 62.18 170.865 55.85 217.948c-6.184 45.999-6.184 104.954-6.184 180.182v3.741c0 75.229 0 134.184 6.184 180.183 6.33 47.081 19.54 84.236 48.701 113.396 29.161 29.161 66.313 42.37 113.396 48.702 46 6.182 104.954 6.182 180.182 6.182h3.741c75.229 0 134.183 0 180.182-6.182 47.082-6.332 84.236-19.541 113.397-48.702 29.16-29.16 42.37-66.315 48.702-113.396 6.182-45.999 6.182-104.953 6.182-180.183v-3.741c0-75.228 0-134.183-6.181-180.182z'/%3E%3C/svg%3E");
  --icon-mask-checkbox_empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800'%3E%3Cpath d='M401.913 41.667h-3.827c-76.945 0-137.246 0-184.296 6.325-48.158 6.475-86.158 19.986-115.985 49.813s-43.339 67.828-49.813 115.986c-6.325 47.049-6.325 107.35-6.325 184.296v3.826c0 76.947 0 137.247 6.325 184.297 6.475 48.156 19.986 86.16 49.813 115.986 29.827 29.827 67.827 43.337 115.985 49.813 47.05 6.323 107.351 6.323 184.296 6.323h3.827c76.946 0 137.246 0 184.296-6.323 48.157-6.477 86.16-19.986 115.987-49.813 29.826-29.826 43.337-67.83 49.813-115.986 6.323-47.05 6.323-107.35 6.323-184.297v-3.826c0-76.946 0-137.247-6.323-184.296-6.477-48.158-19.987-86.159-49.813-115.986-29.827-29.827-67.83-43.338-115.987-49.813-47.05-6.326-107.349-6.325-184.296-6.325z'/%3E%3C/svg%3E");
  --icon-mask-mapmarker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800'%3E%3Cpath fill='%231C274C' d='M400 73.667c-143.181 0-259.667 118.625-259.667 264.434 0 134.82 74.954 313.103 213.864 378.025 14.244 6.669 30.08 10.193 45.803 10.193s31.56-3.524 45.799-10.191c138.914-64.89 213.868-243.198 213.868-378.027 0-145.81-116.486-264.434-259.667-264.434zm0 366.666c-59 0-107-48-107-107s48-107 107-107 107 48 107 107-48 107-107 107z'/%3E%3C/svg%3E");
  --icon-f-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.553' height='34.553'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.9 10.06C0 11.7 0 13.675 0 17.629v2.628C0 27 0 30.366 2.024 32.46s5.282 2.094 11.8 2.094h6.911c6.515 0 9.773 0 11.8-2.094s2.024-5.463 2.024-12.2v-2.631c0-3.954 0-5.93-.9-7.569s-2.538-2.66-5.816-4.69l-3.455-2.145C20.923 1.075 19.191 0 17.277 0s-3.647 1.075-7.111 3.225L6.71 5.37C3.433 7.4 1.794 8.421.9 10.06Zm15.081 17.583a1.3 1.3 0 0 0 2.591 0V22.46a1.3 1.3 0 1 0-2.591 0Z'/%3E%3C/svg%3E");
  --icon-f-local: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.94' height='28.248'%3E%3Cpath fill='%231c274c' d='M25.94 21.37v-8.166c0-1.5 0-2.256-.408-2.822a3.423 3.423 0 0 0-1.8-1.028 16.322 16.322 0 0 1-2.163 6.748 13.6 13.6 0 0 1-6.151 5.727 6.132 6.132 0 0 1-4.891 0 13.6 13.6 0 0 1-6.151-5.727 16.62 16.62 0 0 1-1.925-5.067 2.032 2.032 0 0 0-1.339.164 2.162 2.162 0 0 0-.4.292c-.7.643-.7 1.838-.7 4.229v7.1c0 1.5 0 2.256.408 2.822s1.121.8 2.548 1.28l.553.184a15.372 15.372 0 0 0 4.571 1.138 7.2 7.2 0 0 0 1.046-.074 15.538 15.538 0 0 0 4.392-1.788 15.327 15.327 0 0 1 3.364-1.434 7.2 7.2 0 0 1 .936-.141 15.174 15.174 0 0 1 3.613.378c1.835.306 2.753.459 3.422.074a2.165 2.165 0 0 0 .6-.5c.475-.596.475-1.529.475-3.389Z'/%3E%3Cpath fill='%231c274c' fill-rule='evenodd' d='M12.97 0a8.439 8.439 0 0 0-8.647 8.215c0 4.5 2.76 9.754 7.065 11.632a3.97 3.97 0 0 0 3.162 0c4.306-1.878 7.065-7.131 7.065-11.632A8.439 8.439 0 0 0 12.97 0Zm0 11.529a2.882 2.882 0 1 0-2.882-2.882 2.882 2.882 0 0 0 2.882 2.882Z'/%3E%3C/svg%3E");
  --icon-f-resources: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.058' height='28.822'%3E%3Cpath fill='%231c274d' d='M2.385.327a2.823 2.823 0 0 0-1.337.7 3.477 3.477 0 0 0-.884 2.18A41.009 41.009 0 0 0 0 8.179v12.348a6.012 6.012 0 0 1 1.872-.854 4.742 4.742 0 0 1 .513-.1Z'/%3E%3Cpath fill='%231c274d' d='M4.77 19.474h18.29v-11.3a41.029 41.029 0 0 0-.164-4.973 3.477 3.477 0 0 0-.884-2.18 3.623 3.623 0 0 0-2.225-.866A43.6 43.6 0 0 0 14.709 0H8.348C6.905 0 5.737 0 4.77.042Z'/%3E%3Cpath fill='%231c274d' d='M5.006 21.811a11.521 11.521 0 0 0-2.516.119 3.55 3.55 0 0 0-2.447 2.217c.024.551.062 1.036.121 1.469a3.477 3.477 0 0 0 .884 2.18 3.624 3.624 0 0 0 2.225.866 43.6 43.6 0 0 0 5.076.161h6.364a43.6 43.6 0 0 0 5.076-.161 3.624 3.624 0 0 0 2.224-.867 3.477 3.477 0 0 0 .884-2.18 30.65 30.65 0 0 0 .163-3.8Z'/%3E%3C/svg%3E");
  --icon-f-about: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.822' height='28.822'%3E%3Cpath fill='%231c274c' fill-rule='evenodd' d='M28.822 14.411A14.411 14.411 0 1 1 14.411 0a14.411 14.411 0 0 1 14.411 14.411ZM14.411 22.7a1.081 1.081 0 0 0 1.081-1.081V12.97a1.081 1.081 0 1 0-2.162 0v8.647a1.081 1.081 0 0 0 1.081 1.083Zm0-15.492a1.441 1.441 0 1 1-1.441 1.441 1.441 1.441 0 0 1 1.441-1.443Z'/%3E%3C/svg%3E");
  --icon-f-profile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='27'%3E%3Cg fill='%231c274c' transform='translate(.09 -.443)'%3E%3Cellipse cx='6' cy='5.5' data-name='Ellipse 1' rx='6' ry='5.5' transform='translate(3.91 .443)'/%3E%3Cellipse cx='10' cy='6' data-name='Ellipse 2' rx='10' ry='6' transform='translate(-.09 15.443)'/%3E%3C/g%3E%3C/svg%3E");
  --icon-f-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800'%3E%3Cpath d='M752.01 213.791c-6.477-48.158-19.987-86.159-49.813-115.986-29.827-29.827-67.83-43.338-115.987-49.813-47.05-6.326-107.35-6.325-184.296-6.325h-3.827c-76.945 0-137.246 0-184.296 6.325-48.158 6.475-86.158 19.986-115.985 49.813s-43.339 67.828-49.813 115.986c-6.325 47.049-6.325 107.35-6.325 184.296v3.826c0 76.947 0 137.247 6.325 184.297 6.475 48.156 19.986 86.16 49.813 115.986 29.827 29.827 67.827 43.337 115.985 49.813 47.05 6.323 107.351 6.323 184.296 6.323h3.827c76.946 0 137.246 0 184.296-6.323 48.157-6.477 86.16-19.986 115.987-49.813 29.826-29.826 43.337-67.83 49.813-115.986 6.323-47.05 6.323-107.35 6.323-184.297v-3.826c0-76.946 0-137.247-6.323-184.296zM534.343 334.343 367.676 501.01c-9.763 9.764-25.59 9.764-35.354 0l-66.667-66.666c-9.763-9.764-9.763-25.591 0-35.354 9.763-9.764 25.593-9.764 35.355 0L350 447.977l148.99-148.988c9.764-9.763 25.59-9.763 35.354 0 9.763 9.763 9.763 25.593-.001 35.354z'/%3E%3C/svg%3E");
  --icon-f-checkbox_empty:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800'%3E%3Cpath d='M534.343 334.343c9.764-9.762 9.764-25.591 0-35.354-9.764-9.763-25.59-9.763-35.354 0L350 447.977l-48.989-48.986c-9.763-9.764-25.593-9.764-35.355 0-9.763 9.763-9.763 25.59 0 35.354l66.667 66.666c9.764 9.764 25.591 9.764 35.354 0l166.666-166.668z'/%3E%3Cpath d='M401.913 41.667h-3.827c-76.945 0-137.246 0-184.296 6.325-48.158 6.475-86.158 19.986-115.985 49.813s-43.339 67.828-49.813 115.986c-6.325 47.049-6.325 107.35-6.325 184.296v3.826c0 76.947 0 137.247 6.325 184.297 6.475 48.156 19.986 86.16 49.813 115.986 29.827 29.827 67.827 43.337 115.985 49.813 47.05 6.323 107.351 6.323 184.296 6.323h3.827c76.946 0 137.246 0 184.296-6.323 48.157-6.477 86.16-19.986 115.987-49.813 29.826-29.826 43.337-67.83 49.813-115.986 6.323-47.05 6.323-107.35 6.323-184.297v-3.826c0-76.946 0-137.247-6.323-184.296-6.477-48.158-19.987-86.159-49.813-115.986-29.827-29.827-67.83-43.338-115.987-49.813-47.05-6.326-107.349-6.325-184.296-6.325zM133.16 133.16c18.988-18.989 44.679-29.885 87.292-35.614C263.785 91.72 320.726 91.667 400 91.667c79.272 0 136.213.053 179.546 5.879 42.613 5.729 68.304 16.625 87.294 35.614 18.989 18.988 29.887 44.679 35.613 87.292 5.826 43.333 5.88 100.273 5.88 179.547 0 79.273-.054 136.213-5.88 179.547-5.727 42.613-16.624 68.303-35.613 87.293-18.99 18.99-44.681 29.887-87.294 35.613-43.333 5.827-100.273 5.88-179.546 5.88-79.274 0-136.215-.053-179.548-5.88-42.613-5.727-68.304-16.623-87.292-35.613-18.989-18.99-29.886-44.68-35.614-87.293-5.826-43.334-5.88-100.273-5.88-179.547s.054-136.215 5.88-179.547c5.729-42.613 16.625-68.304 35.614-87.292z'/%3E%3C/svg%3E");
  --icon-f-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274C' d='M7.75 2.5a.75.75 0 0 0-1.5 0v1.58c-1.44.115-2.384.397-3.078 1.092-.695.694-.977 1.639-1.093 3.078h19.842c-.116-1.44-.398-2.384-1.093-3.078-.694-.695-1.639-.977-3.078-1.093V2.5a.75.75 0 0 0-1.5 0v1.513C15.585 4 14.839 4 14 4h-4c-.839 0-1.585 0-2.25.013V2.5Z'/%3E%3Cpath fill='%231C274C' fill-rule='evenodd' d='M2 12c0-.839 0-1.585.013-2.25h19.974C22 10.415 22 11.161 22 12v2c0 3.771 0 5.657-1.172 6.828C19.657 22 17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172C2 19.657 2 17.771 2 14v-2Zm15 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-4-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-f-contact: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274C' fill-rule='evenodd' d='M3.172 5.172C2 6.343 2 8.229 2 12c0 3.771 0 5.657 1.172 6.828C4.343 20 6.229 20 10 20h4c3.771 0 5.657 0 6.828-1.172C22 17.657 22 15.771 22 12c0-3.771 0-5.657-1.172-6.828C19.657 4 17.771 4 14 4h-4C6.229 4 4.343 4 3.172 5.172ZM18.576 7.52a.75.75 0 0 1-.096 1.056l-2.196 1.83c-.887.74-1.605 1.338-2.24 1.746-.66.425-1.303.693-2.044.693-.741 0-1.384-.269-2.045-.693-.634-.408-1.352-1.007-2.239-1.745L5.52 8.577a.75.75 0 0 1 .96-1.153L8.64 9.223c.933.777 1.58 1.315 2.128 1.667.529.34.888.455 1.233.455.345 0 .704-.114 1.233-.455.547-.352 1.195-.89 2.128-1.667l2.159-1.8a.75.75 0 0 1 1.056.097Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-f-addtocalendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274C' d='M7.75 2.5a.75.75 0 0 0-1.5 0v1.58c-1.44.115-2.384.397-3.078 1.092-.695.694-.977 1.639-1.093 3.078h19.842c-.116-1.44-.398-2.384-1.093-3.078-.694-.695-1.639-.977-3.078-1.093V2.5a.75.75 0 0 0-1.5 0v1.513C15.585 4 14.839 4 14 4h-4c-.839 0-1.585 0-2.25.013V2.5Z'/%3E%3Cpath fill='%231C274C' fill-rule='evenodd' d='M22 12v2c0 3.771 0 5.657-1.172 6.828C19.657 22 17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172C2 19.657 2 17.771 2 14v-2c0-.839 0-1.585.013-2.25h19.974C22 10.415 22 11.161 22 12Zm-6 1.25a.75.75 0 0 1 .75.75v1.25H18a.75.75 0 0 1 0 1.5h-1.25V18a.75.75 0 0 1-1.5 0v-1.25H14a.75.75 0 0 1 0-1.5h1.25V14a.75.75 0 0 1 .75-.75Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-f-ticket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274C' fill-rule='evenodd' d='M14.008 19.003 14.014 17a1.001 1.001 0 0 1 2.005 0v1.977c0 .481 0 .722.154.87.155.147.39.137.863.117 1.863-.079 3.008-.33 3.814-1.136.81-.806 1.061-1.951 1.14-3.817.015-.37.023-.556-.046-.679-.07-.123-.345-.277-.897-.586a1.999 1.999 0 0 1 0-3.492c.552-.308.828-.463.897-.586.069-.123.061-.308.045-.679-.078-1.866-.33-3.01-1.139-3.817-.877-.876-2.155-1.097-4.322-1.153a.497.497 0 0 0-.51.497V7a1.001 1.001 0 0 1-2.005 0l-.007-2.501a.5.5 0 0 0-.5-.499H9.994c-3.78 0-5.67 0-6.845 1.172-.81.806-1.061 1.951-1.14 3.817-.015.37-.023.556.046.679.07.123.345.278.897.586a1.999 1.999 0 0 1 0 3.492c-.552.309-.828.463-.897.586-.069.123-.061.308-.045.678.078 1.867.33 3.012 1.139 3.818C4.324 20 6.214 20 9.995 20h3.01c.472 0 .707 0 .854-.146.147-.146.148-.38.149-.851ZM16.018 13v-2a1.001 1.001 0 0 0-2.005 0v2c0 .552.45 1 1.003 1 .554 0 1.003-.448 1.003-1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-f-reminder-remove: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274C' fill-rule='evenodd' d='M12 22a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm2.652-11.652a.75.75 0 0 1 0 1.061L13.06 13l1.59 1.591a.75.75 0 0 1-1.06 1.06l-1.59-1.59-1.592 1.59a.75.75 0 0 1-1.06-1.06l1.59-1.59-1.59-1.592a.75.75 0 1 1 1.06-1.06L12 11.938l1.591-1.59a.75.75 0 0 1 1.06 0ZM8.136 1.603a.75.75 0 0 1-.238 1.033l-4 2.5a.75.75 0 0 1-.795-1.272l4-2.5a.75.75 0 0 1 1.033.239Zm7.728 0a.75.75 0 0 1 1.034-.239l4 2.5a.75.75 0 1 1-.795 1.272l-4-2.5a.75.75 0 0 1-.239-1.033Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-f-reminder-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231C274C' fill-rule='evenodd' d='M12 22c4.836 0 8.757-3.884 8.757-8.675 0-4.79-3.92-8.674-8.757-8.674-4.836 0-8.757 3.883-8.757 8.674C3.243 18.116 7.163 22 12 22Zm0-13.253c.403 0 .73.324.73.723v3.556l2.218 2.198a.718.718 0 0 1 0 1.022.735.735 0 0 1-1.032 0l-2.432-2.41a.72.72 0 0 1-.214-.51V9.47c0-.4.327-.723.73-.723ZM8.24 2.34a.719.719 0 0 1-.232.996l-3.891 2.41a.734.734 0 0 1-1.006-.23.719.719 0 0 1 .232-.996l3.892-2.41a.734.734 0 0 1 1.006.23ZM15.76 2.34a.734.734 0 0 1 1.005-.23l3.892 2.41a.719.719 0 0 1 .232.996.734.734 0 0 1-1.006.23l-3.891-2.41a.719.719 0 0 1-.233-.996Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --icon-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%2325d366' d='M746.581 613.632c-12.843-6.4-75.392-36.992-87.04-41.216-11.648-4.309-20.181-6.4-28.715 6.4-8.405 12.587-32.896 41.131-40.277 49.579-7.467 8.32-14.891 8.96-27.563 3.2-12.8-6.4-53.888-19.84-102.528-63.36-37.888-33.92-63.317-75.52-70.827-88.32-7.424-12.8-.811-19.84 5.547-26.24 5.803-5.76 12.843-14.72 19.243-22.315 6.229-7.723 8.277-12.843 12.672-21.163 4.267-8.96 2.091-16-1.067-22.357-3.2-6.4-28.672-69.12-39.339-94.123-10.24-24.917-20.779-21.76-28.672-21.76-7.339-.64-15.829-.64-24.363-.64s-22.315 3.157-34.005 15.317c-11.648 12.8-44.587 43.52-44.587 105.6s45.653 122.24 52.011 131.2c6.357 8.32 89.813 136.32 217.6 191.36 30.464 12.8 54.187 20.48 72.704 26.837 30.464 9.685 58.24 8.32 80.213 5.163 24.491-3.883 75.392-30.763 86.016-60.843 10.88-30.08 10.88-55.04 7.68-60.8-3.157-5.76-11.52-8.96-24.32-14.72zM514.603 928h-.683c-75.52 0-150.357-20.48-215.68-58.88l-15.36-9.131-160 41.6 42.88-155.52-10.197-16c-42.24-67.243-64.683-144.683-64.683-224.427 0-232.32 190.08-421.76 424.192-421.76 113.237 0 219.52 44.16 299.563 124.16 80 79.317 124.117 185.6 124.117 298.24-.171 232.277-190.293 421.76-423.893 421.76zM875.52 147.157C778.24 53.12 650.24 0 513.92 0 233.088 0 4.437 227.584 4.309 507.435c0 89.429 23.424 176.64 68.053 253.653L-.001 1024l270.293-70.485c74.496 40.235 158.293 61.611 243.627 61.739h.256c280.96 0 509.696-227.669 509.824-507.563 0-135.509-52.907-263.04-149.12-358.869z'/%3E%3C/svg%3E");
  --icon-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 32 32'%3E%3Cpath d='M30.996 16.091C30.995 7.81 24.282 1.097 16 1.097S1.004 7.811 1.004 16.093c0 7.455 5.44 13.639 12.566 14.8l.086.012V20.427H9.848v-4.336h3.808v-3.302a5.293 5.293 0 0 1 5.684-5.834l-.018-.001c1.199.017 2.359.123 3.491.312l-.134-.019v3.69h-1.892a2.168 2.168 0 0 0-2.444 2.351l-.001-.009v2.812h4.159l-.665 4.336h-3.494v10.478c7.213-1.174 12.653-7.359 12.654-14.814z'/%3E%3C/svg%3E");
  --icon-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5.87.123C4.242.196 2.83.594 1.69 1.729.548 2.869.155 4.286.081 5.897.037 6.902-.231 14.498.545 16.49a5.04 5.04 0 0 0 2.91 2.903c.634.246 1.356.412 2.416.461 8.86.401 12.145.183 13.53-3.364.246-.631.415-1.353.462-2.41.405-8.883-.066-10.809-1.61-12.351C17.027.507 15.586-.325 5.87.123m.081 17.944c-.97-.043-1.496-.205-1.848-.341a3.255 3.255 0 0 1-1.888-1.883c-.591-1.514-.395-8.703-.342-9.866.051-1.14.282-2.18 1.086-2.985C3.954 2 5.24 1.513 13.993 1.908c1.142.052 2.186.282 2.992 1.084.995.993 1.489 2.288 1.087 11.008-.044.968-.206 1.493-.342 1.843-.901 2.308-2.973 2.628-11.779 2.224M14.09 4.69c0 .657.534 1.19 1.194 1.19.66 0 1.195-.533 1.195-1.19a1.194 1.194 0 0 0-2.39 0M4.864 9.988a5.103 5.103 0 0 0 5.11 5.097 5.103 5.103 0 0 0 5.109-5.097 5.102 5.102 0 0 0-5.11-5.096 5.102 5.102 0 0 0-5.11 5.096m1.794 0A3.313 3.313 0 0 1 9.972 6.68a3.313 3.313 0 0 1 3.317 3.308 3.313 3.313 0 0 1-3.317 3.31 3.313 3.313 0 0 1-3.316-3.31'/%3E%3C/svg%3E");
  --icon-youtube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='red' d='M1002.453 264.747c-12.365-43.307-45.781-76.722-88.183-88.866l-.905-.222c-79.787-21.376-400.896-21.376-400.896-21.376s-320.299-.427-400.896 21.376c-43.307 12.365-76.722 45.781-88.866 88.183l-.222.905C8.312 337.725.204 421.651.204 507.47c0 1.743.003 3.484.01 5.225l-.001-.268c-.004 1.198-.006 2.617-.006 4.035 0 85.813 8.107 169.732 23.598 251.033l-1.32-8.327c12.365 43.307 45.781 76.722 88.183 88.866l.905.222c79.701 21.419 400.896 21.419 400.896 21.419s320.256 0 400.896-21.419c43.307-12.365 76.722-45.781 88.866-88.183l.222-.905c13.59-71.472 21.364-153.686 21.364-237.715 0-3.173-.011-6.344-.033-9.513l.003.486c.024-2.951.037-6.439.037-9.929 0-84.041-7.776-166.267-22.648-245.996l1.278 8.245zM409.984 665.643V358.742l267.264 153.685z'/%3E%3C/svg%3E");
  --icon-twitter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath d='M778.411 96h141.141L611.2 448.427 973.952 928H689.92L467.456 637.141 212.907 928H71.68l329.813-376.96L53.504 96h291.243l201.088 265.856zm-49.536 747.52h78.208L302.251 176.043h-83.925z'/%3E%3C/svg%3E");
}

.icon {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
}
.icon::before {
  content: "";
  display: block;
  background: currentColor;
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--icon);
          mask-image: var(--icon);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.icon::after {
  content: "";
  display: block;
  background: var(--icon-f-color);
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--icon-m);
          mask-image: var(--icon-m);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  opacity: 0;
}
.icon.icon--home {
  --icon: var(--icon-home);
  --icon-m: var(--icon-mask-home);
}
.icon.icon--local {
  --icon: var(--icon-local);
  --icon-m: var(--icon-mask-local);
}
.icon.icon--mapmarker {
  --icon: var(--icon-mapmarker);
  --icon-m: var(--icon-mask-mapmarker);
  width: calc(1.05 * var(--icon-size));
  height: calc(1.05 * var(--icon-size));
}
.icon.icon--resources {
  --icon: var(--icon-resources);
  --icon-m: var(--icon-mask-resources);
}
.icon.icon--about {
  --icon: var(--icon-about);
  --icon-m: var(--icon-mask-about);
}
.icon.icon--profile {
  --icon: var(--icon-profile);
  --icon-m: var(--icon-mask-profile);
}
.icon.icon--login {
  --icon: var(--icon-login);
  --icon-m: none;
}
.icon.icon--calendar {
  --icon: var(--icon-calendar);
  --icon-m: none;
}
.icon.icon--clock {
  --icon: var(--icon-clock);
  --icon-m: none;
}
.icon.icon--logout {
  --icon: var(--icon-logout);
  --icon-m: none;
}
.icon.icon--back {
  --icon: var(--icon-back);
  --icon-m: none;
}
.icon.icon--forward {
  --icon: var(--icon-back);
  --icon-m: none;
}
.icon.icon--forward::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.icon.icon--settings {
  --icon: var(--icon-settings);
  --icon-m: none;
}
.icon.icon--list {
  --icon: var(--icon-list);
  --icon-m: none;
}
.icon.icon--close {
  --icon: var(--icon-close);
  --icon-m: none;
}
.icon.icon--phone {
  --icon: var(--icon-phone);
  --icon-m: none;
}
.icon.icon--chat {
  --icon: var(--icon-chat);
  --icon-m: none;
}
.icon.icon--chef {
  --icon: var(--icon-chef);
  --icon-m: none;
}
.icon.icon--coffee {
  --icon: var(--icon-coffee);
  --icon-m: none;
}
.icon.icon--smile {
  --icon: var(--icon-smile);
  --icon-m: none;
}
.icon.icon--culture {
  --icon: var(--icon-culture);
  --icon-m: none;
}
.icon.icon--sofa {
  --icon: var(--icon-sofa);
  --icon-m: none;
}
.icon.icon--link {
  --icon: var(--icon-link);
  --icon-m: none;
}
.icon.icon--book {
  --icon: var(--icon-book);
  --icon-m: none;
}
.icon.icon--computer {
  --icon: var(--icon-computer);
  --icon-m: none;
}
.icon.icon--ticket {
  --icon: var(--icon-f-ticket);
  --icon-m: none;
}
.icon.icon--addtocalendar {
  --icon: var(--icon-f-addtocalendar);
  --icon-m: none;
}
.icon.icon--reminder-add {
  --icon: var(--icon-f-reminder-add);
  --icon-m: none;
}
.icon.icon--reminder-remove {
  --icon: var(--icon-f-reminder-remove);
  --icon-m: none;
}
.icon.icon--facebook {
  --icon: var(--icon-facebook);
  --icon-m: none;
  color: #0866FF;
}
.icon.icon--instagram {
  --icon: var(--icon-instagram);
  --icon-m: none;
  color: #E1306C;
}
.icon.icon--youtube {
  --icon: var(--icon-youtube);
  --icon-m: none;
  color: #FF0000;
}
.icon.icon--whatsapp {
  --icon: var(--icon-whatsapp);
  --icon-m: none;
  color: #25D366;
}
.icon.icon--twitter {
  --icon: var(--icon-twitter);
  --icon-m: none;
  color: #000000;
}
.icon.icon--contact {
  --icon: var(--icon-contact);
  --icon-m: none;
}
.icon.icon--filled.icon--home {
  --icon: var(--icon-f-home);
}
.icon.icon--filled.icon--local {
  --icon: var(--icon-f-local);
}
.icon.icon--filled.icon--resources {
  --icon: var(--icon-f-resources);
}
.icon.icon--filled.icon--about {
  --icon: var(--icon-f-about);
}
.icon.icon--filled.icon--profile {
  --icon: var(--icon-f-profile);
}
.icon.icon--filled.icon--contact {
  --icon: var(--icon-f-contact);
}

:is(a.selected .icon, .icon.icon--filled) {
  /*
  &.home{ --icon: var(--icon-f-home); }
     &.local{ --icon: var(--icon-f-local); }
     &.resources{ --icon: var(--icon-f-resources); }
     &.about{ --icon: var(--icon-f-about); }
     &.profile{ --icon: var(--icon-f-profile); } 
     */
}
:is(a.selected .icon, .icon.icon--filled)::before {
  opacity: 1;
}
:is(a.selected .icon, .icon.icon--filled)::after {
  opacity: 1;
}

:root {
  --pad-default: 2rem;
  --nav-height: calc(11.5rem + 2.2vw);
  --header-height: 8rem;
  --header-offset: calc(var(--headerSafe,0px) + var(--header-height));
  --footer-offset: calc(var(--nav-height) );
  --border-radius-m: 1rem;
  --heading-1-size: clamp(2.1rem,calc(1.9rem + 2vw),2.4rem);
  --heading-2-size: clamp(2.4rem,calc(2.2rem + 2vw),3.4rem);
  --p-size: clamp(1.2rem,calc(1.0rem + 1vw),1.6rem);
  --panel-footer-pad: calc(20px + var(--nav-height));
}

html, body {
  min-height: 100%;
  color: rgba(var(--color-text), 1);
  font-family: var(--fontfam-main);
  padding: 0;
  margin: 0;
  background: rgba(var(--color-bg), 1);
  scroll-behavior: smooth;
}
html ::-webkit-input-placeholder, body ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(var(--color-primary), 0.4);
}
html ::-moz-placeholder, body ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(var(--color-primary), 0.4);
}
html :-ms-input-placeholder, body :-ms-input-placeholder { /* IE 10+ */
  color: rgba(var(--color-primary), 0.4);
}
html :-moz-placeholder, body :-moz-placeholder { /* Firefox 18- */
  color: rgba(var(--color-primary), 0.4);
}
html *::-moz-selection, body *::-moz-selection {
  background: rgba(var(--color-secondary), 1) !important;
  color: rgba(var(--color-primary), 1) !important;
}
html *::selection, body *::selection {
  background: rgba(var(--color-secondary), 1) !important;
  color: rgba(var(--color-primary), 1) !important;
}

html {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 62.5%;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  scroll-behavior: smooth;
  background: rgba(var(--color-bg), 1);
  padding: 0;
}
@media only screen and (max-width: 110rem) {
  html {
    font-size: 58%;
  }
}
@media only screen and (max-width: 90rem) {
  html {
    font-size: 54%;
  }
}
@media only screen and (max-width: 62rem) {
  html {
    font-size: 48%;
  }
}

body {
  font-family: var(--body-font), sans-serif;
  padding: 0;
  margin: 0;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  */
  font-size: 100%;
}
body ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(var(--color-secondary), 0.4);
}
body ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(var(--color-secondary), 0.4);
}
body :-ms-input-placeholder { /* IE 10+ */
  color: rgba(var(--color-secondary), 0.4);
}
body :-moz-placeholder { /* Firefox 18- */
  color: rgba(var(--color-secondary), 0.4);
}
@media only screen and (min-width: 47remmath.div(1rem, 16)) {
  body {
    --pad-default: min(6rem,3vw);
  }
}
@media only screen and (min-width: 62remmath.div(1rem, 16)) {
  body {
    min-height: calc(100vh - var(--headerSafe) - var(--footerSafe));
  }
}
body * {
  scroll-padding-top: calc(var(--header-offset) + var(--space_y) + var(--headerSafe));
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

h1 {
  display: none;
}

a {
  color: rgba(var(--color-primary), 1);
}

p, .panel .panelContents > div, .AutoForm .message.success, li {
  font-size: var(--base-font-size);
  margin: 0 0 1.4em;
  line-height: 1.6;
  color: var(--color-text);
}
p p, .panel .panelContents > div p, p .panel .panelContents > div, .panel p .panelContents > div, .panel .panelContents > div .panelContents > div, .AutoForm .message.success p, .AutoForm .message.success .panel .panelContents > div, .panel .AutoForm .message.success .panelContents > div, p .AutoForm .message.success, .panel .panelContents > div .AutoForm .message.success, .AutoForm p .message.success, .AutoForm .panel .panelContents > div .message.success, .panel .AutoForm .panelContents > div .message.success, .AutoForm .message.success .message.success, p li, .panel .panelContents > div li, .AutoForm .message.success li, li p, li .panel .panelContents > div, .panel li .panelContents > div, li .AutoForm .message.success, .AutoForm li .message.success, li li {
  font-size: 1em;
}
p + :is(h2, h3, h4), .panel .panelContents > div + :is(h2, h3, h4), .AutoForm .message.success + :is(h2, h3, h4), li + :is(h2, h3, h4) {
  margin-top: 0.5em;
}
p.small, .panel .panelContents > div.small, .AutoForm .small.message.success, li.small {
  font-size: calc(var(--base-font-size) * 0.9);
}
p strong, .panel .panelContents > div strong, .AutoForm .message.success strong, p b, .panel .panelContents > div b, .AutoForm .message.success b, li strong, li b {
  font-weight: bold;
}
p a:has(> .icon.back:first-child) > .icon.back, .panel .panelContents > div a:has(> .icon.back:first-child) > .icon.back, .AutoForm .message.success a:has(> .icon.back:first-child) > .icon.back, li a:has(> .icon.back:first-child) > .icon.back {
  position: relative;
  vertical-align: baseline;
  margin-bottom: -0.2em;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
p a:has(> .icon.back:first-child):hover > .icon.back, .panel .panelContents > div a:has(> .icon.back:first-child):hover > .icon.back, .AutoForm .message.success a:has(> .icon.back:first-child):hover > .icon.back, li a:has(> .icon.back:first-child):hover > .icon.back {
  -webkit-transform: translateX(-0.3em);
          transform: translateX(-0.3em);
}

ul {
  padding-left: 3em;
  margin: 0 0 calc(var(--base-font-size) * 1.4);
}
ul li {
  margin: 0;
}
ul li::marker {
  color: rgba(var(--color-secondary), 1);
  font-size: 1.5em;
}

h1, h2, h3, h4, h5 {
  font-size: 2.6em;
  margin: 0 0 1em;
  line-height: 1.2;
  text-wrap: pretty;
}

h1 {
  color: rgba(var(--color-secondary), 1);
  font-weight: bold;
  font-size: var(--h1-fontsize);
  margin: 0 0 0.5em;
  padding: 0;
}

h2 {
  font-size: clamp(3.4rem, 2.8rem + 2.2vw, 4.6rem);
  margin: 0 0 0.4em;
  color: var(--color-text);
}
h2 + :is(button, .button) {
  margin-top: 2em;
}

h3 {
  font-weight: bold;
  font-size: clamp(2.2rem, 1.8rem + 2vw, 3rem);
  margin: 0 0 0.4em;
  color: var(--color-text);
}

h4, h5 {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--color-text);
}

blockquote {
  font-family: var(--fontfam-body);
  font-style: italic;
}
blockquote :is(em, cite) {
  display: block;
  font-weight: bold;
  font-style: normal;
  font-family: var(--fontfam-main);
  color: rgba(var(--color-secondary), 1);
}

.indicator--christian {
  color: rgba(var(--color-blue), 1);
}
.indicator--secular {
  color: rgba(var(--color-red), 1);
}

header {
  --color-text: rgba(var(--color-white),1);
  background: rgba(var(--color-primary), 1);
  color: var(--color-text);
  position: fixed;
  text-align: left;
  padding: var(--space_x) var(--space_y);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: env(safe-area-inset-top, 0px);
  margin-top: var(--headerSafe, 0px);
  left: 0px;
  right: 0px;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 11;
  height: calc(var(--header-height));
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: background 0.1s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s ease;
  transition: background 0.1s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s ease;
  transition: background 0.1s, box-shadow 0.1s, transform 0.2s ease;
  transition: background 0.1s, box-shadow 0.1s, transform 0.2s ease, -webkit-box-shadow 0.1s, -webkit-transform 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1111;
  -webkit-box-shadow: 0 -80px 0 80px rgba(var(--color-primary), 1);
          box-shadow: 0 -80px 0 80px rgba(var(--color-primary), 1);
}
.scrolled header {
  -webkit-transform: translateY(-204%);
          transform: translateY(-204%);
}
header h2 {
  font-weight: 700;
  margin: 0 auto 0 0;
  font-size: var(--heading-1-size);
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  font-weight: normal;
}
header h2:has(+ h2.single-title) {
  display: none;
}
header h2.single-title ~ * {
  display: none;
}
header .headerbutton {
  z-index: 2000;
}

.headerbutton {
  color: rgba(var(--color-white), 1);
  background: rgba(var(--color-primary_alt1), 1);
  overflow: hidden;
  --icon-size: 1.4em;
  padding: 0.6em 0.8em 0.5em;
  border-radius: var(--btn-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(0.7 * var(--heading-1-size));
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 20;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.headerbutton .icon {
  margin-top: -0.15em;
  margin-right: 0;
  margin-left: 0;
}
.headerbutton .icon:last-child {
  margin-right: -0.3em;
}
.headerbutton--back {
  margin-top: -0.35em;
  margin-bottom: -0.3em;
  margin-left: -0.5em;
  padding: 0;
  --icon-size: 1em;
  -webkit-mask-size: 80%;
          mask-size: 80%;
  font-size: clamp(2.4em, 2.2em + 2vw, 3rem);
  background: currentColor;
  position: relative;
  text-indent: -9999em;
  width: 3.4em;
  margin-right: -2em;
  text-align: left;
  overflow: visible;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  -webkit-mask-position: left center;
          mask-position: left center;
  -webkit-mask-size: auto 80%;
          mask-size: auto 80%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--icon-back);
          mask-image: var(--icon-back);
  /*&::after{
  	content:'';
  	display: block;
  	float: left;
  	height: 1.4em;
  	width: 1.4em;
  	mask-position: center;
  	mask-repeat: no-repeat;
  	mask-image: var(--icon-back);
  	position: absolute;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	background: white;
  }

  &::before{
  	content:'';
  	position: absolute;
  	display: block;
  	width: auto;
  	height: auto;
  	left: -5px;
  	top: -5px;
  	bottom: -5px;
  	right: -6em;
  	background: white;
  	opacity: 0.00001;
  }
  */
}
[data-loggedin=true] .headerbutton[href="#login"] {
  display: none;
}

.AutoForm {
  width: calc(100% - var(--space_x) - var(--space_x));
  max-width: var(--body_maxWidth);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--space_y) 0;
  margin: 0 auto;
  background: rgba(var(--color-primary_alt1), 1);
  --color-text: rgba(var(--color-white),1);
  --el_radius: 0.4rem;
}
.AutoForm.loading > * {
  opacity: 0.3;
  pointer-events: none;
}
.AutoForm.loading::after {
  content: "";
  top: 50%;
  display: block;
  position: fixed;
  left: 10%;
  height: 40px;
  right: 10%;
  margin-top: -50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}
.AutoForm.loading::before {
  content: "We’re processing your request.";
  position: fixed;
  top: 50%;
  height: 30px;
  margin-top: -15px;
  left: 0;
  right: 0;
  display: block;
  font-size: calc(1.2 * var(--base-font-size));
  color: rgba(var(--color-white), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--space_y) var(--space_x);
}
.AutoForm h3 {
  font-size: calc(1.6 * var(--base-font-size));
  margin: 0;
  padding: 0;
}
.AutoForm h3 + p, .AutoForm .panel .panelContents > h3 + div, .panel .AutoForm .panelContents > h3 + div, .AutoForm h3 + .message.success {
  margin-top: 0.5em;
}
.AutoForm p, .AutoForm .panel .panelContents > div, .panel .AutoForm .panelContents > div, .AutoForm .message.success {
  font-family: var(--fontfam-main);
}
.AutoForm p a, .AutoForm .panel .panelContents > div a, .panel .AutoForm .panelContents > div a, .AutoForm .message.success a {
  color: rgba(var(--color-secondary_alt1), 1);
}
.AutoForm .form-heading {
  margin-bottom: 3em;
}
.AutoForm .form-heading:not(:first-child) {
  margin-top: 6em;
}
.AutoForm .form-heading :last-child {
  margin-bottom: 0;
}
.AutoForm .form-group {
  margin: 0 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 62rem) {
  .AutoForm .form-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.AutoForm .form-group.form-group--checkbox {
  max-width: 50em;
}
.AutoForm .form-group.form-group--checkbox label p:last-child, .AutoForm .form-group.form-group--checkbox label .panel .panelContents > div:last-child, .panel .AutoForm .form-group.form-group--checkbox label .panelContents > div:last-child, .AutoForm .form-group.form-group--checkbox label .message.success:last-child {
  margin: 0;
  padding: 0;
}
.AutoForm [type=submit] + p, .AutoForm .panel .panelContents > [type=submit] + div, .panel .AutoForm .panelContents > [type=submit] + div, .AutoForm [type=submit] + .message.success {
  margin-top: 5rem;
}
.AutoForm h4.label,
.AutoForm label[for]:not(.checkbox) {
  color: var(--color-text);
  font-weight: bold;
  display: block;
  width: 100%;
  position: relative;
  text-transform: none;
  font-size: calc(1 * var(--base-font-size));
  margin: 0;
  padding: 0;
}
.AutoForm h4.label:is(h4):has(~ label > input:not([required]))::after, .AutoForm h4.label:is(label):has(+ :not([required]))::after,
.AutoForm label[for]:not(.checkbox):is(h4):has(~ label > input:not([required]))::after,
.AutoForm label[for]:not(.checkbox):is(label):has(+ :not([required]))::after {
  content: " (optional)";
  opacity: 0.7;
  font-weight: normal;
  font-size: 0.8em;
}
.AutoForm h4.label ~ label[for]:not(.checkbox),
.AutoForm label[for]:not(.checkbox) ~ label[for]:not(.checkbox) {
  font-weight: normal;
}
.AutoForm h4.label:has(+ select)::before,
.AutoForm label[for]:not(.checkbox):has(+ select)::before {
  pointer-events: none;
  content: "";
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  display: block;
  background: rgba(var(--color-primary), 1);
  height: 2em;
  width: 2em;
  position: absolute;
  right: 0.7em;
  bottom: calc(0px - 3em);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.AutoForm h4.label:has(+ [type=month])::before, .AutoForm h4.label:has(+ [type=date])::before,
.AutoForm label[for]:not(.checkbox):has(+ [type=month])::before,
.AutoForm label[for]:not(.checkbox):has(+ [type=date])::before {
  pointer-events: none;
  content: "";
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  display: block;
  background: rgba(var(--color-white), 1);
  height: 1.4em;
  width: 1.4em;
  position: absolute;
  right: 0.8em;
  bottom: calc(0px - 2.6em);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--icon-calendar);
          mask-image: var(--icon-calendar);
}
.AutoForm h4.label:has(+ [type=month]:focus)::before, .AutoForm h4.label:has(+ [type=date]:focus)::before,
.AutoForm label[for]:not(.checkbox):has(+ [type=month]:focus)::before,
.AutoForm label[for]:not(.checkbox):has(+ [type=date]:focus)::before {
  background: rgba(var(--color-primary), 1);
}
.AutoForm input:has(+ .pwreveal):is([type=password]) + .pwreveal {
  -webkit-mask-image: var(--icon-reveal);
          mask-image: var(--icon-reveal);
}
.AutoForm input:has(+ .pwreveal) + .error + .pwreveal,
.AutoForm input:has(+ .pwreveal) + .pwreveal {
  display: block;
  color: var(--color-text);
  width: 3em;
  height: 5.4em;
  overflow: hidden;
  background: currentColor;
  -webkit-mask-image: var(--icon-hide);
          mask-image: var(--icon-hide);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin-left: -4em;
  z-index: 10;
  position: relative;
}
.AutoForm label:has(input[type=checkbox]) {
  color: var(--color-text);
  font-weight: bold;
  display: block;
  width: 100%;
  position: relative;
  text-transform: none;
  font-size: calc(1 * var(--base-font-size));
  margin: 0;
  padding: 0 0 0 2.4em;
  position: relative;
  font-weight: normal;
}
.AutoForm label:has(input[type=checkbox]) input {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
.AutoForm label:has(input[type=checkbox]) a {
  color: rgba(var(--color-secondary_), 1);
}
.AutoForm label:has(input[type=checkbox])::before, .AutoForm label:has(input[type=checkbox])::after {
  content: "";
  position: absolute;
  left: 0;
  top: -0.1em;
  display: block;
  width: 1.4em;
  height: 1.4em;
  z-index: 2;
  background: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--icon-checkbox_empty);
          mask-image: var(--icon-checkbox_empty);
}
.AutoForm label:has(input[type=checkbox])::after {
  -webkit-mask-image: var(--icon-mask-checkbox);
          mask-image: var(--icon-mask-checkbox);
  color: rgba(var(--color-inputbg), 1);
  z-index: 1;
  opacity: 1;
}
.AutoForm label:has(input[type=checkbox]):has(input:checked)::before {
  -webkit-mask-image: var(--icon-checkbox);
          mask-image: var(--icon-checkbox);
}
.AutoForm label:has(input[type=checkbox]):has(input:checked)::after {
  color: rgba(var(--color-secondary), 1);
}
.AutoForm label:has(input[type=radio]) {
  width: 50%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(var(--color-inputbg), 1);
  border: 1px solid rgba(var(--color-white), 1);
  color: var(--color-text);
  font-weight: 200;
  padding: 0.6em 0.8em 0.5em;
  font-size: calc(1.1 * var(--base-font-size));
  border-radius: 0;
  text-decoration: none !important;
  font-family: inherit;
  line-height: 1;
  text-align: center;
}
.AutoForm label:has(input[type=radio]) input {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
.AutoForm label:has(input[type=radio]):has(input:focus) {
  -webkit-box-shadow: inset 0 0 0px 2px rgba(var(--color-secondary), 1);
          box-shadow: inset 0 0 0px 2px rgba(var(--color-secondary), 1);
}
.AutoForm label:has(input[type=radio]):has(input:checked) {
  background: rgba(var(--color-white), 1);
  color: rgba(var(--color-primary), 1);
}
.AutoForm label:has(input[type=radio]):first-of-type {
  border-top-left-radius: var(--el_radius);
  border-bottom-left-radius: var(--el_radius);
}
.AutoForm label:has(input[type=radio]):last-of-type {
  border-top-right-radius: var(--el_radius);
  border-bottom-right-radius: var(--el_radius);
}
.AutoForm label:has(input[type=radio]) + label:has(input[type=radio][name=gender]) {
  border-left: 0;
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select) {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: rgba(var(--color-inputbg), 1);
  border: 1px solid rgba(var(--color-white), 1);
  color: var(--color-text);
  font-weight: 200;
  padding: 0.6em 0.8em;
  font-size: calc(1.1 * var(--base-font-size));
  border-radius: var(--el_radius);
  text-decoration: none !important;
  font-family: inherit;
  line-height: 1;
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):-webkit-autofill, .AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):-webkit-autofill:hover, .AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):-webkit-autofill:focus, .AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):-webkit-autofill:active, .AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: inset 0 0 20px 20px rgba(35, 35, 35, 0.1607843137);
          box-shadow: inset 0 0 20px 20px rgba(35, 35, 35, 0.1607843137);
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):is(textarea) {
  min-height: 4em;
  resize: vertical;
  field-sizing: content;
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):focus {
  outline: none;
  background: rgba(var(--color-white), 1);
  color: rgba(var(--color-primary), 1);
  -webkit-box-shadow: inset 0 0 0px 2px rgba(var(--color-secondary), 1);
          box-shadow: inset 0 0 0px 2px rgba(var(--color-secondary), 1);
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):is(select) {
  background: rgba(var(--color-white), 1);
  color: rgba(var(--color-primary), 1);
  padding: 0.2em 0.8em;
  line-height: 2.2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):is(input[type=month], input[type=date])::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):has(+ .message.error) {
  border-color: rgba(var(--color-red), 1);
  border-width: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.AutoForm :is(input[type=email],
input[type=date],
input[type=month],
input[type=text],
input[type=password],
input[type=tel],
textarea,
select):has(+ .message.error) + .message.error {
  margin-top: -1rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.AutoForm .message {
  font-size: calc(0.8 * var(--base-font-size));
  display: block;
  padding: 0.4em 1em;
  color: rgba(var(--color-primary), 1);
  background: rgba(var(--color-primary_alt3), 1);
  width: 100%;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--el_radius);
}
.AutoForm .message.error {
  border-radius: 0.2em;
  background: rgba(var(--color-red), 1);
  color: rgba(var(--color-white), 1);
}
.AutoForm .message.error *:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.AutoForm .message.success {
  padding-left: 2em;
  background-size: 1em auto;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 656 512'%3E%3Cpath fill='%23FFFFFF' d='M551.083 2.497 246.879 306.701 104.917 164.739 3.516 266.14l243.363 243.363 405.605-405.605z'/%3E%3C/svg%3E");
  margin-bottom: 3em;
}
.AutoForm .message.success ~ :is(.form-group, p, .panel .panelContents > div, .AutoForm .message.success, [type=submit]) {
  display: none;
}
.AutoForm div.message {
  font-size: calc(1 * var(--base-font-size));
  margin-bottom: 2rem;
  padding: 1em;
}

:root {
  --btn-text-color: rgba(var(--color-hl),1);
  --btn-bg-color: rgba(var(--color-secondary),1);
  --btn-border-col: var(--btn-bg-color);
  --btn-border-width: 2px;
  --btn-hov-bg-col: rgba(var(--color-secondary),0.9);
  --btn-hov-text-col: var( --btn-text-color);
  --btn-radius: 0.4rem;
}

:is(.button, button) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: var(--btn-text-color);
  padding: 1.2em 1.5em;
  font-size: clamp(1.3em, 1.1em + 1.6vw, 1.8rem);
  background-color: var(--btn-bg-color);
  border-radius: var(--btn-radius);
  cursor: pointer;
  text-decoration: none !important;
  border: none;
  -webkit-box-shadow: inset 0 0 0 var(--btn-border-width) var(--btn-border-col);
          box-shadow: inset 0 0 0 var(--btn-border-width) var(--btn-border-col);
  -webkit-transition: color 0.2s, opacity 0.3s, background 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: color 0.2s, opacity 0.3s, background 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: color 0.2s, opacity 0.3s, background 0.2s, transform 0.2s, box-shadow 0.2s;
  transition: color 0.2s, opacity 0.3s, background 0.2s, transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  font-family: var(--fontfam-main);
  font-weight: 700;
  line-height: 1;
  min-height: 2.6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
}
:is(.button, button) svg.icon {
  margin: -0.4em 0 -0.4em 0.5em;
  will-change: transform;
}
:is(.button, button) svg.icon.continue-arrow_svg {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
:is(.button, button).button--small {
  font-size: clamp(1em, 0.9em + 0.2vw, 1.4rem);
}
:is(.button, button).button--mid {
  font-size: clamp(1.2em, 1em + 0.25vw, 1.6rem);
}
:is(.button, button):hover {
  --btn-border-col: var(--btn-hov-bg-col);
  --btn-text-color: var(--btn-hov-text-col);
  text-decoration: none;
}
:is(.button, button):hover svg.icon.continue-arrow_svg {
  -webkit-transform: translateX(15%);
          transform: translateX(15%);
}
:is(.button, button)[disabled] {
  opacity: var(--opacity-disabled);
  pointer-events: none;
}
:is(.button, button).success {
  background: rgba(var(--color-primary), 1);
}
:is(.button, button) [class*="--muted"]:hover {
  -webkit-box-shadow: inset 0 0 0 100px var(--btn-hov-bg-col);
          box-shadow: inset 0 0 0 100px var(--btn-hov-bg-col);
}
:is(.button, button) + :is(.button, button) {
  margin-left: 2em;
}

.actions {
  display: block;
  width: 100%;
  padding: var(--space_y) var(--space_x);
  margin-top: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--space_y));
  text-align: center;
}
.actions p, .actions .panel .panelContents > div, .panel .actions .panelContents > div, .actions .AutoForm .message.success, .AutoForm .actions .message.success {
  font-size: calc(1 * var(--base-font-size));
  margin: 0;
  padding: 0;
  text-align: left;
}
.actions:has(.actions__group) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.actions > a:not(.button) {
  font-weight: bold;
  font-size: var(--base-font-size);
}
.actions__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(var(--space_y) / 2);
}
.actions__group > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 !important;
}
form > .actions {
  padding-left: 0;
  padding-right: 0;
}
form > .actions:last-child {
  padding-bottom: 0;
}

#navMain {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10100;
  pointer-events: auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--nav-height) + var(--footerSafe, 0px) + 10px);
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: var(--footerSafe, 0px); /* Modern iOS & Android */
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.scrolled #navMain {
  -webkit-transform: translateY(104%);
          transform: translateY(104%);
}
#navMain::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: auto;
  top: 1em;
  bottom: -100%;
  width: max(900px + 40vw, 160vw);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(var(--color-navbg), 1);
  -webkit-box-shadow: 0 0 1em 0.2em rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 1em 0.2em rgba(0, 0, 0, 0.4);
}
#navMain > .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--space_x) / 2);
  padding: 0.6rem var(--space_x) 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto;
  max-width: 500px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: clamp(1.1em, 0.9em + 1vw, 1.6em);
}
#navMain > .wrap a {
  color: rgba(var(--color-white), 1);
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-decoration: none;
  padding: 0;
  gap: 1em;
}
#navMain > .wrap a .icon {
  --icon-size: 3em;
}
body:not([data-loggedin=true]) #navMain > .wrap a.nav-main__item--profile {
  display: none;
}
body[data-loggedin=true] #navMain > .wrap a.nav-main__item--register {
  display: none;
}
#navMain > .wrap a b {
  text-decoration: none;
  font-weight: normal;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#navMain > .wrap a.selected {
  color: rgba(var(--color-white), 1);
  opacity: 1;
}
#navMain > .wrap a.selected .icon {
  --icon-f-color: rgba(var(--color-secondary),1);
}

.list {
  padding: calc(var(--space_y) / 2) 0;
  margin: 0 auto;
  list-style: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.list li {
  display: block;
  padding: 0;
  margin: 0;
  font-size: calc(1.1 * var(--base-font-size));
}
.list li label:has(input[type=radio]) {
  color: var(--color-text);
  font-weight: bold;
  display: block;
  width: 100%;
  position: relative;
  text-transform: none;
  font-size: 1em;
  margin: 0;
  padding: calc(var(--space_y) / 2) 0 calc(var(--space_y) / 2) 2em;
  position: relative;
  font-weight: normal;
  line-height: 1;
}
.list li label:has(input[type=radio]) input {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
.list li label:has(input[type=radio])::before, .list li label:has(input[type=radio])::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--space_y) / 2);
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-top: -0.15em;
  z-index: 2;
  background: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--icon-checkbox_empty);
          mask-image: var(--icon-checkbox_empty);
}
.list li label:has(input[type=radio])::after {
  -webkit-mask-image: var(--icon-mask-checkbox);
          mask-image: var(--icon-mask-checkbox);
  color: rgba(var(--color-inputbg), 1);
  z-index: 1;
  opacity: 1;
}
.list li label:has(input[type=radio]):has(input:checked)::before {
  -webkit-mask-image: var(--icon-checkbox);
          mask-image: var(--icon-checkbox);
}
.list li label:has(input[type=radio]):has(input:checked)::after {
  color: rgba(var(--color-secondary), 1);
}
.list li a {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--space_y) / 2);
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(var(--space_y) / 2) 0;
  padding-left: 2.4em;
  position: relative;
}
.list li a::before, .list li a::after {
  content: "";
  color: inherit;
  font-size: clamp(2.4em, 2.2em + 2vw, 3rem);
  background: currentColor;
  width: 0.8em;
  overflow: hidden;
  height: 0.8em;
  -webkit-mask-size: 80%;
          mask-size: 80%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.4em;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: currentColor;
  z-index: 2;
  opacity: 0.4;
  -webkit-mask-image: var(--icon-checkbox_empty);
          mask-image: var(--icon-checkbox_empty);
  -webkit-transition: opacity 0.2s, color 0.2s;
  transition: opacity 0.2s, color 0.2s;
}
.list li a::after {
  -webkit-mask-image: var(--icon-mask-checkbox);
          mask-image: var(--icon-mask-checkbox);
  color: rgba(var(--color-secondary), 1);
  z-index: 1;
  opacity: 0;
}
.list li a.selected::before {
  -webkit-mask-image: var(--icon-checkbox);
          mask-image: var(--icon-checkbox);
  opacity: 1;
}
.list li a.selected::after {
  opacity: 1;
}
.list li a:hover::before {
  opacity: 1;
  -webkit-mask-image: var(--icon-checkbox);
          mask-image: var(--icon-checkbox);
}

.panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  align-items: flex-start;
  min-height: 100vh;
  /*top: 0;
  left: 0;
  bottom: 0;
  right: 0px;*/
  overflow: visible;
  padding-bottom: var(--panel-footer-pad);
  padding-top: calc(var(--header-height) + var(--headerSafe, 0px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 1;
  /*
  @include mq($min-width: $breakLarge){

    --cont-maxw: calc(100vw - 20rem);
  	//custom for mobile
  }
  */
}
.panel--login {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel header {
  opacity: 1;
}
.panel > :not(header) {
  opacity: 1;
  -webkit-transition: opacity 0.2s, margin 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, margin 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, margin 0.2s, transform 0.2s;
  transition: opacity 0.2s, margin 0.2s, transform 0.2s, -webkit-transform 0.2s;
  margin-top: 0px;
}
.panel[aria-hidden=true] {
  pointer-events: none;
  opacity: 0;
  left: -105vw;
  width: 100vw;
  position: absolute;
}
.panel[aria-hidden=true] header {
  opacity: 0;
}
.panel[aria-hidden=true] > :not(header) {
  opacity: 0;
  max-height: 95vh;
  z-index: 0;
  margin-top: 20px;
}
.panel.panel--fullscreen {
  padding-bottom: 0;
}
.panel.panel--fullscreen:not([aria-hidden=true]) ~ #navMain {
  display: none;
}
@media only screen and (max-width: 62rem) {
  .panel:not(.panel--login) {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
body[data-loggedin=true] .panel > [data-show=loggedout] {
  display: none;
}
body[data-loggedin=false] .panel > [data-show=loggedin] {
  display: none;
}
.panel .pagination {
  position: fixed;
  bottom: calc(var(--space_y));
  left: 50%;
  background: transparent;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  --pagination-width: min(calc(100% - var(--space_x) - var(--space_x) ),var(--body_maxWidth));
  margin: 0 auto;
  width: var(--pagination-width);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--space_y) 0 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 641px) {
  .panel .pagination {
    --pagination-width: min(calc(100% + var(--base-font-size) * 8),var(--body_maxWidth));
  }
}
.panel .pagination label, .panel .pagination a.button {
  display: block;
  border-radius: 1.25em;
  /*position: absolute;
  bottom: 0;*/
  background: rgba(var(--color-primary), 1);
  overflow: hidden;
  -webkit-box-shadow: 0 0.2em 0.6em rgba(50, 50, 50, 0.75);
          box-shadow: 0 0.2em 0.6em rgba(50, 50, 50, 0.75);
  position: relative;
  margin: 0 auto;
  color: rgba(var(--color-white), 1);
  font-size: calc(var(--base-font-size) * 1);
  height: 2.5em;
  line-height: 2.5em;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6em;
}
.panel .pagination label:is(.pages), .panel .pagination a.button:is(.pages) {
  --icon-size: 1.4em;
}
.panel .pagination label:is(.next, .prev), .panel .pagination a.button:is(.next, .prev) {
  width: 2.5em;
  text-indent: -999em;
  padding: 0;
  text-align: left;
  color: transparent;
}
.panel .pagination label:is(.next, .prev)::before, .panel .pagination a.button:is(.next, .prev)::before {
  content: "";
  background: rgba(var(--color-white), 1);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -webkit-mask-image: var(--icon-back);
          mask-image: var(--icon-back);
  -webkit-mask-size: 80%;
          mask-size: 80%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.panel .pagination label.prev, .panel .pagination a.button.prev {
  float: left;
  margin-left: 0;
  position: absolute;
  left: 0;
}
.panel .pagination label.next, .panel .pagination a.button.next {
  float: right;
  margin-right: 0;
  position: absolute;
  right: 0;
}
.panel .pagination label.next::before, .panel .pagination a.button.next::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.panel .panelContents {
  width: calc(100% - var(--space_x) - var(--space_x));
  max-width: var(--body_maxWidth);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--space_y) 0 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--space_x) / 2) calc(var(--space_y) / 2);
}
.panel .panelContents:not(:has(*)) {
  display: none;
}
.panel .panelContents + .panelContents {
  padding-top: 0;
  margin-top: calc(1.4 * var(--space_y));
}
.panel .panelContents > .card {
  display: block;
  margin: 0;
  -ms-flex-preferred-size: calc(50% - var(--space_x) / 2);
      flex-basis: calc(50% - var(--space_x) / 2);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: calc(var(--space_x) / 1.5) calc(var(--space_y) / 1.5);
  border-radius: var(--border-radius-m);
  background: rgba(var(--color-secondary), 1);
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  container-name: card;
  container-type: inline-size;
  --icon-size: 3rem;
}
.panel .panelContents > .card h4 {
  font-size: var(--heading-1-size);
  text-transform: none;
  margin: 0 0 0.4em;
}
.panel .panelContents > .card p, .panel .panelContents > .card .AutoForm .message.success, .AutoForm .panel .panelContents > .card .message.success, .panel .panelContents > .card .panelContents > div {
  color: rgba(var(--color-grey), 1);
  line-height: 1.2;
  font-size: calc(var(--base-font-size) * 1);
  margin: 0;
  padding: 0;
}
@container card (width > 20rem) {
  .panel .panelContents > .card {
    /* Change the flex direction of the .child element. */
  }
  .panel .panelContents > .card i {
    position: absolute;
    --icon-size: 5rem;
  }
  .panel .panelContents > .card h4, .panel .panelContents > .card p, .panel .panelContents > .card .AutoForm .message.success, .AutoForm .panel .panelContents > .card .message.success, .panel .panelContents > .card .panelContents > div {
    padding-left: calc(5rem + var(--space_y) / 2);
  }
}
.panel .panelContents > .card.guide {
  background-image: url(/assets/images/photos/guide.jpg);
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.4);
}
.panel .panelContents > .card.guide:not([data-active="1"]) {
  display: none;
}
.panel .panelContents > .card.guide * {
  color: rgba(var(--color-white), 1);
}
.panel .panelContents > .card.guide[data-active="1"] ~ .courses {
  background: rgba(var(--color-primary), 1);
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
}
.panel .panelContents > .card.localhosting:not([data-active="1"]) {
  display: none;
}
.panel .panelContents > .card.localhosting[data-active="1"][data-status] [data-page-title]::before {
  content: "My";
}
.panel .panelContents > .card.localhosting * {
  color: rgba(var(--color-white), 1);
}
.panel .panelContents > .card.courses {
  background-image: url(/assets/images/photos/life-leadership-growth-groups.jpg);
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.4);
}
.panel .panelContents > .card.courses * {
  color: rgba(var(--color-white), 1);
}
.panel .panelContents > h3 {
  font-weight: normal;
  color: rgba(var(--color-primary), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3em;
  margin: 0;
  padding: 0;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin: 0 auto 0 0;
  font-size: calc(0.8 * var(--heading-2-size));
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  --icon-size: 1.3em;
}
.panel .panelContents > h3 a:not([class]) {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3em;
}
.panel .panelContents > h3 i {
  -webkit-transform: translateY(-0.05em);
          transform: translateY(-0.05em);
}
.panel .panelContents > h3 > .headerbutton {
  margin-left: auto;
  font-size: calc(0.7 * var(--base-font-size));
}
.panel .panelContents > p:last-child, .panel .AutoForm .panelContents > .message.success:last-child, .AutoForm .panel .panelContents > .message.success:last-child, .panel .panelContents > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.panel .panelContents img.alignright {
  display: block;
  clear: both;
  float: right;
  margin-bottom: 2rem;
  margin-left: 0.6rem;
}
.panel .panelContents img.alignleft {
  display: block;
  clear: both;
  float: left;
  margin-bottom: 2rem;
  margin-right: 0.6rem;
}
.panel .panelContents > h3:has(.headerbuttonsss) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(var(--color-primary), 1);
  margin: 0 auto 0 0;
  font-size: calc(0.8 * var(--heading-2-size));
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.panel .panelContents img {
  height: auto;
  max-width: 100%;
}

article h2 {
  color: rgba(var(--color-primary), 1);
}
article h3 {
  color: rgba(var(--color-secondary), 1);
}
article h3 b {
  color: rgba(var(--color-primary), 1);
}
article img:not([width]):not([style*=width]) {
  width: 100%;
}
article * {
  overflow-wrap: break-word;
}
article p:empty, article .AutoForm .message.success:empty, .AutoForm article .message.success:empty, article .panel .panelContents > div:empty, .panel article .panelContents > div:empty {
  display: none;
}
article iframe[src*=youtube] {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
article div:has(video) {
  max-width: 100%;
}
article div:has(video) video {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  aspect-ratio: 16/9;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.7);
}
article div:has(video) video.portrait {
  aspect-ratio: 3/3.75;
  max-width: min(100%, 300px);
}
article div:has(> video.portrait):has(+ div > video.portrait) {
  width: calc(50% - 2rem) !important;
  display: inline-block;
}
article div:has(> video.portrait):has(+ div > video.portrait) + div:has(> video.portrait) {
  width: calc(50% - 2rem) !important;
  display: inline-block;
  margin-left: 4rem;
  margin-right: -3px;
}
article blockquote {
  padding: 0 var(--space_x);
  margin: calc(2 * var(--space_y)) 0;
  font-style: italic;
  color: rgba(var(--color-primary), 1);
  border-left: 5px solid rgba(var(--color-primary_alt3), 1);
}
article blockquote * {
  font-style: inherit;
}
article blockquote > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
article blockquote > :last-child > * {
  color: inherit;
  display: block;
  margin: 0;
  podding: 0;
  font-size: calc(0.9 * var(--base-font-size));
}

.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--space_x) / 2);
  width: 100%;
  margin-bottom: var(--space_y);
}
.gallery .gallery-item {
  pointer-events: none;
  max-width: calc(50% - var(--space_x) / 4);
  padding: 0;
  margin: 0;
}
.gallery .gallery-item * {
  max-width: 100%;
}
[data-list="staff/city"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space_x);
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: flex;
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  margin-right: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  padding: 0;
  /*&::before{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-right: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }

  &::after{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-left: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }*/
}
[data-list="staff/city"]:not(:has(> *)) {
  display: none;
}
[data-list="staff/city"] div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: rgba(var(--color-primary_alt2), 1);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: calc(var(--space_y) / 1.5) calc(var(--space_x) / 1.5) calc(var(--space_y) / 1.5);
  border-radius: var(--border-radius-m);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  gap: calc(var(--space_y) / 3);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
[data-list="staff/city"] div[data-initial] {
  padding-left: 5em;
}
[data-list="staff/city"] div[data-initial]::before {
  content: attr(data-initial);
  display: block;
  background: rgba(var(--color-white), 1);
  color: rgba(var(--color-secondary), 1);
  font-size: 1.8em;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1.1;
  font-weight: bold;
  padding: 0.4em;
  border-radius: 50%;
  position: absolute;
  left: calc(var(--space_x) / 1.5);
  top: calc(var(--space_y) / 1.5);
}
[data-list="staff/city"] div h4 {
  font-size: var(--heading-1-size);
  color: rgba(var(--color-white), 1);
  text-transform: none;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
[data-list="staff/city"] div p, [data-list="staff/city"] div .AutoForm .message.success, .AutoForm [data-list="staff/city"] div .message.success, [data-list="staff/city"] div .panel .panelContents > div, .panel [data-list="staff/city"] div .panelContents > div {
  color: rgba(var(--color-white), 1);
  line-height: 1.2;
  margin: 0 0 auto;
  padding: 0;
  width: 100%;
}
[data-list="staff/city"] div p > a, [data-list="staff/city"] div .AutoForm .message.success > a, .AutoForm [data-list="staff/city"] div .message.success > a, [data-list="staff/city"] div .panel .panelContents > div > a, .panel [data-list="staff/city"] div .panelContents > div > a {
  font-size: calc(var(--base-font-size) * 1.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  gap: 0.3em;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  color: inherit;
}
[data-list="staff/city"] div p > a::after, [data-list="staff/city"] div .AutoForm .message.success > a::after, .AutoForm [data-list="staff/city"] div .message.success > a::after, [data-list="staff/city"] div .panel .panelContents > div > a::after, .panel [data-list="staff/city"] div .panelContents > div > a::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  background: lime;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-primary_alt2), 0)), to(rgba(var(--color-primary_alt2), 1)));
  background: linear-gradient(to right, rgba(var(--color-primary_alt2), 0), rgba(var(--color-primary_alt2), 1));
}
[data-list="staff/city"] div p > a i, [data-list="staff/city"] div .AutoForm .message.success > a i, .AutoForm [data-list="staff/city"] div .message.success > a i, [data-list="staff/city"] div .panel .panelContents > div > a i, .panel [data-list="staff/city"] div .panelContents > div > a i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
[data-list="staff/city"] div p > a span, [data-list="staff/city"] div .AutoForm .message.success > a span, .AutoForm [data-list="staff/city"] div .message.success > a span, [data-list="staff/city"] div .panel .panelContents > div > a span, .panel [data-list="staff/city"] div .panelContents > div > a span {
  font-size: 0.6em;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-overflow: ellipsis;
}
[data-list="staff/city"] > * {
  display: block;
  list-style: none;
  width: var(--cardMaxW);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: max(0px + var(--space_x), 50vw - var(--body_maxWidth) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
[data-list="staff/city"] > *:first-child:last-child {
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
  --cardMaxW: min(var(--body_maxWidth),calc(100vw - var(--space_x) - var(--space_x)));
}
[data-list="staff/city"] > * + * {
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
}
[data-list="staff/city"] > *:last-child:not(.more):not(:first-child) {
  padding-right: calc(var(--space_x) + 100vw - var(--space_x) - var(--space_x) - var(--cardMaxW));
}
[data-list="staff/city"] > *:last-child.more {
  max-width: 6em;
  width: calc(30% - var(--space_x));
  background: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-list="staff/city"] > *:last-child.more > * {
  padding: 0;
  background: rgba(var(--color-secondary), 1);
  color: rgba(var(--color-white), 0.9);
  margin: 0;
  max-width: 100%;
  width: auto;
  gap: 0.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--base-font-size) * 0.7);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  padding: 0.6em;
  text-transform: uppercase;
  line-height: 1;
  position: absolute;
}
[data-list="staff/city"] > *:last-child.more > * i {
  display: block;
}

.notice {
  width: calc(100% - var(--space_x) - var(--space_x));
  max-width: var(--body_maxWidth);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--space_x) / 2) calc(var(--space_y) / 2);
}
.notice h3 {
  color: rgba(var(--color-secondary), 1);
}
.notice p, .notice .AutoForm .message.success, .AutoForm .notice .message.success, .notice .panel .panelContents > div, .panel .notice .panelContents > div {
  color: rgba(var(--color-secondary), 1);
  line-height: 1.2;
  font-size: calc(var(--base-font-size) * 1);
  margin: 0;
}
.notice > :last-child {
  margin-bottom: 0;
}

:is(.panel--login, .panel--pwreset) {
  background: rgba(var(--color-primary), 1);
  border-radius: var(--el_radius);
  --color-text: rgba(var(--color-white),1);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0px;
}
:is(.panel--login, .panel--pwreset) header {
  height: auto;
  padding-top: var(--headerSafe, 0px);
}
:is(.panel--login, .panel--pwreset) header img {
  margin: 0 auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  max-width: min(100% - var(--space_x) - var(--space_x), 140px);
  max-height: 100%;
}
:is(.panel--login, .panel--pwreset) form.AutoForm {
  padding: var(--space_y) var(--space_x);
  border-radius: var(--el_radius);
}
:is(.panel--login, .panel--pwreset) form.AutoForm h2 {
  font-size: calc(1.4 * var(--base-font-size));
  margin: 0;
  padding: 0;
}
:is(.panel--login, .panel--pwreset) form.AutoForm > .actions {
  padding-top: 0;
}
:is(.panel--login, .panel--pwreset) form.AutoForm + p, :is(.panel--login, .panel--pwreset) .AutoForm form.AutoForm + .message.success, .AutoForm :is(.panel--login, .panel--pwreset) form.AutoForm + .message.success, :is(.panel--login, .panel--pwreset) .panel .panelContents > form.AutoForm + div, .panel :is(.panel--login, .panel--pwreset) .panelContents > form.AutoForm + div {
  width: calc(100% - var(--space_x) - var(--space_x));
  max-width: var(--body_maxWidth);
  margin-top: 1em;
  text-align: center;
}
:is(.panel--login, .panel--pwreset) form.AutoForm + p a, :is(.panel--login, .panel--pwreset) .AutoForm form.AutoForm + .message.success a, .AutoForm :is(.panel--login, .panel--pwreset) form.AutoForm + .message.success a, :is(.panel--login, .panel--pwreset) .panel .panelContents > form.AutoForm + div a, .panel :is(.panel--login, .panel--pwreset) .panelContents > form.AutoForm + div a {
  color: rgba(var(--color-secondary_alt1), 1);
}

.panel--cityselect {
  background: rgba(var(--color-primary_alt1), 1);
  --color-text: rgba(var(--color-white),1);
}
.panel--cityselect label:has(input[type=search]) {
  position: sticky;
  top: calc(2px + var(--header-height));
  background: rgba(var(--color-primary), 1);
  -webkit-box-shadow: 0 calc(var(--space_y) / 2 - 50vw) 0 50vw rgba(var(--color-primary), 1);
          box-shadow: 0 calc(var(--space_y) / 2 - 50vw) 0 50vw rgba(var(--color-primary), 1);
  width: calc(100% - var(--space_x) - var(--space_x));
  max-width: var(--body_maxWidth);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0 auto calc(var(--space_y) / 2);
  z-index: 100;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.scrolled .panel--cityselect label:has(input[type=search]) {
  -webkit-transform: translateY(-104%);
          transform: translateY(-104%);
}
.panel--cityselect label:has(input[type=search])::after {
  content: "";
  position: absolute;
  display: block;
  z-index: 101;
  width: 4em;
  height: 4em;
  background: rgba(var(--color-white), 1);
  right: calc(var(--space_x) / 4);
  bottom: calc(var(--space_y) / 4.5);
  -webkit-mask-image: var(--icon-search);
          mask-image: var(--icon-search);
  -webkit-mask-size: 90%;
          mask-size: 90%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  pointer-events: none;
}
.panel--cityselect label:has(input[type=search]) input[type=search] {
  border: none;
  margin: 0;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(var(--color-primary_alt2), 1);
  border: 1px solid rgba(var(--color-white), 1);
  color: rgba(var(--color-white), 1);
  font-weight: 200;
  padding: 0.6em 3em 0.6em 0.8em;
  font-size: calc(1.1 * var(--base-font-size));
  border-radius: var(--el_radius);
  text-decoration: none !important;
  font-family: inherit;
  line-height: 1;
  z-index: 100;
}
.panel--cityselect label:has(input[type=search]) input[type=search]:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 0px 2px rgba(var(--color-secondary), 1);
          box-shadow: inset 0 0 0px 2px rgba(var(--color-secondary), 1);
}
.panel--cityselect label:has(input[type=search]) input[type=search] + .list {
  position: relative;
  color: rgba(var(--color-white), 1);
}
.panel--cityselect ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(var(--color-white), 0.4);
}
.panel--cityselect ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(var(--color-white), 0.4);
}
.panel--cityselect :-ms-input-placeholder { /* IE 10+ */
  color: rgba(var(--color-white), 0.4);
}
.panel--cityselect :-moz-placeholder { /* Firefox 18- */
  color: rgba(var(--color-white), 0.4);
}
.panel--cityselect .list {
  width: calc(100% - var(--space_x) - var(--space_x));
  max-width: var(--body_maxWidth);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.panel--cityselect .list li {
  -webkit-box-ordinal-group: 100000;
      -ms-flex-order: 99999;
          order: 99999;
}
.panel--cityselect .list li:has(input:checked) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-bottom: 1px dashed currentColor;
  margin-bottom: 4px;
}
.panel--cityselect .list label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
}
.panel--cityselect .list .searchHidden {
  display: none;
}
.panel--cityselect .list::after {
  content: "Sorry, your search did not match any locations.";
  display: block;
  font-size: calc(1.1 * var(--base-font-size));
  color: rgba(var(--color-white), 1);
  padding: var(--space_y) 0;
}
.panel--cityselect .list:has(li:not(.searchHidden))::after {
  display: none;
}

.panel--onboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
  padding-top: 0;
  background: rgba(var(--color-primary_alt3), 1);
}
.panel--onboard header {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: static;
  height: 8em;
  background: rgba(var(--color-primary), 1);
  padding: calc(var(--headerSafe, 20px) + var(--space_y)) 0 45vh;
  -webkit-mask-image: var(--circle-mask);
          mask-image: var(--circle-mask);
  -webkit-mask-position: 60% bottom;
          mask-position: 60% bottom;
  -webkit-mask-size: 500vw 300vw;
          mask-size: 500vw 300vw;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-top: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel--onboard header h2 {
  padding: 0 var(--space_x);
  display: block;
  max-height: calc(var(--base-font-size) * 5);
  width: calc(100% - var(--space_x) - var(--space_x));
}
.panel--onboard header img {
  margin: 0;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
  height: 100%;
  width: 100%;
  max-height: 100%;
}
.panel--onboard .actions {
  width: calc(100% - var(--space_x) - var(--space_x));
  max-width: var(--body_maxWidth);
}
.panel--onboard form {
  max-width: calc(100vw - 6em);
}

:is(.panel--register, .panel--profile) {
  background: rgba(var(--color-primary_alt1), 1);
}

.panel--terms {
  background: rgba(var(--color-primary_alt1), 1);
}
.panel--terms .panelContents {
  --color-text: rgba(var(--color-white),1);
}
.panel--terms .panelContents > * {
  color: var(--color-text) !important;
}
.panel--terms .panelContents h4 {
  font-size: calc(0.8 * var(--heading-1-size));
  text-transform: none;
}
.panel--terms .panelContents a {
  color: rgba(var(--color-secondary_alt1), 1);
}

@-webkit-keyframes loadbg {
  from {
    background-position: 200% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}

@keyframes loadbg {
  from {
    background-position: 200% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
:root {
  --cardMaxW: min(70%,400px);
}

[data-list=resources] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space_x);
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
[data-list=resources]:not(:has(li)) {
  /*&::before{
  	content:'';
  	display: block;
  	width: min(var(--body_maxWidth),calc(100% - var(--space_x) - var(--space_x)));
  	margin: 0 auto;
  	background: #EEE;
  	height: min(18rem,40vw);
  	border-radius: var(--border-radius-m); 
  	background: linear-gradient(280deg,rgba(240,240, 240, 1) 20%, rgba(200, 200, 200, 1) 50%, rgba(240, 240, 240, 1) 80%);
  	background-size: 200% 100%;
  	background-repeat: repeat-x;
  	animation: loadbg 1s linear infinite; 

  }*/
}
[data-list=resources]:not(:has(li))::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: min(var(--body_maxWidth), 100% - var(--space_x) - var(--space_x));
  height: min(18rem, 40vw);
  background: rgba(var(--color-primary), 1);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 6em 8em;
          mask-size: 6em 8em;
  -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}
[data-list=resources] li {
  display: block;
  width: 100%;
  scroll-snap-align: start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
}
[data-list=resources] li:nth-child(1) {
  z-index: 49;
}
[data-list=resources] li:nth-child(2) {
  z-index: 48;
}
[data-list=resources] li:nth-child(3) {
  z-index: 47;
}
[data-list=resources] li:nth-child(4) {
  z-index: 46;
}
[data-list=resources] li:nth-child(5) {
  z-index: 45;
}
[data-list=resources] li:nth-child(6) {
  z-index: 44;
}
[data-list=resources] li:nth-child(7) {
  z-index: 43;
}
[data-list=resources] li:nth-child(8) {
  z-index: 42;
}
[data-list=resources] li:nth-child(9) {
  z-index: 41;
}
[data-list=resources] li:nth-child(10) {
  z-index: 40;
}
[data-list=resources] li:nth-child(11) {
  z-index: 39;
}
[data-list=resources] li:nth-child(12) {
  z-index: 38;
}
[data-list=resources] li:nth-child(13) {
  z-index: 37;
}
[data-list=resources] li:nth-child(14) {
  z-index: 36;
}
[data-list=resources] li:nth-child(15) {
  z-index: 35;
}
[data-list=resources] li:nth-child(16) {
  z-index: 34;
}
[data-list=resources] li:nth-child(17) {
  z-index: 33;
}
[data-list=resources] li:nth-child(18) {
  z-index: 32;
}
[data-list=resources] li:nth-child(19) {
  z-index: 31;
}
[data-list=resources] li:nth-child(20) {
  z-index: 30;
}
[data-list=resources] li:nth-child(21) {
  z-index: 29;
}
[data-list=resources] li:nth-child(22) {
  z-index: 28;
}
[data-list=resources] li:nth-child(23) {
  z-index: 27;
}
[data-list=resources] li:nth-child(24) {
  z-index: 26;
}
[data-list=resources] li:nth-child(25) {
  z-index: 25;
}
[data-list=resources] li:nth-child(26) {
  z-index: 24;
}
[data-list=resources] li:nth-child(27) {
  z-index: 23;
}
[data-list=resources] li:nth-child(28) {
  z-index: 22;
}
[data-list=resources] li:nth-child(29) {
  z-index: 21;
}
[data-list=resources] li:nth-child(30) {
  z-index: 20;
}
[data-list=resources] a {
  display: block;
  background: rgba(var(--color-primary_alt3), 1);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: calc(var(--space_x) / 1.5) calc(var(--space_y) / 1.5);
  border-radius: var(--border-radius-m);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--space_y) / 1.5);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
[data-list=resources] a img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: min(40%, 130px);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  aspect-ratio: 1;
  border-radius: calc(var(--border-radius-m) / 2);
}
[data-list=resources] a .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--space_y) / 4);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
[data-list=resources] a .info > * {
  margin: 0;
  padding: 0;
}
[data-list=resources] a h4 {
  font-size: var(--heading-2-size);
  text-transform: none;
}
@media screen and (max-width: 480px) {
  [data-list=resources] a h4 {
    font-size: calc(0.9 * var(--heading-2-size));
  }
}
[data-list=resources] a p, [data-list=resources] a .AutoForm .message.success, .AutoForm [data-list=resources] a .message.success, [data-list=resources] a .panel .panelContents > div, .panel [data-list=resources] a .panelContents > div {
  color: rgba(var(--color-grey), 1);
  line-height: 1.2;
  font-size: calc(var(--base-font-size) * 1);
}
#home [data-list=resources] {
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  margin-right: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  padding: calc(var(--space_y) / 2) 0 var(--space_y);
  /*&::before{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-right: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }

  &::after{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-left: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }*/
}
#home [data-list=resources]:has(> *:first-child:last-child) {
  --cardMaxW: calc(100% - var(--space_x) - var(--space_x));
}
#home [data-list=resources] > * {
  width: var(--cardMaxW);
  padding-left: max(0px + var(--space_x), 50vw - var(--body_maxWidth) / 2);
}
#home [data-list=resources] > * + * {
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
}
#home [data-list=resources] > *:last-child {
  padding-right: calc(var(--space_x) + 100vw - var(--space_x) - var(--space_x) - var(--cardMaxW));
}
#resources [data-list=resources] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#resources:has(.pagesMenu > input:checked) header {
  z-index: auto;
}
#resources:has(.pagesMenu > input:checked) ~ #navMain {
  -webkit-transform: translateY(104%);
          transform: translateY(104%);
}
#resources article {
  display: none;
}
#resources article .pagesMenu {
  position: fixed;
  top: var(--space_y);
  right: var(--space_x);
  bottom: var(--space_y);
  left: var(--space_x);
  padding: calc(var(--space_y) / 2) var(--space_x) 0;
  overflow: auto;
  background: lime;
  display: block;
  opacity: 0;
  pointer-events: none;
  display: none;
  z-index: 10000;
  color: rgba(var(--color-white), 1);
  background: rgba(var(--color-primary), 1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-grow: 0;
  max-height: calc(100vh - var(--space_y) - var(--space_y));
  margin-bottom: -10em;
  -webkit-box-shadow: 0 0 2em 50vw rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 2em 50vw rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#resources article .pagesMenu label.close {
  position: sticky;
  bottom: 0px;
  left: 0px;
  margin-left: calc(0px - var(--space_x));
  right: 0px;
  margin-right: calc(0px - var(--space_x));
  width: 100%;
  color: inherit;
  border-top: 1px solid currentColor;
  display: block;
  font-size: calc(var(--base-font-size) * 1.2);
  background: inherit;
  padding: calc(var(--space_y) / 2) var(--space_x);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#resources article .pagesMenu li:empty {
  display: none;
}
#resources article .pagesMenu:has(input:checked) {
  opacity: 1;
  display: block;
  pointer-events: auto;
}
#resources article .pagesMenu input {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
#resources article .pagesMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  padding-bottom: 2em;
  font-size: calc(var(--base-font-size) * 1.2);
}
#resources article .pagesMenu ul li[data-level=H2] {
  font-weight: bold;
}
#resources article .pagesMenu ul li:not([data-level=H2]) {
  margin-left: 1em;
}
#resources article [data-pge] {
  display: block;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-grow: 0;
  min-height: 80vh;
  --footerPad: 4em;
  margin-bottom: calc(0px - var(--footerPad));
  /*
  &:has(.pagination){
  	--footerPad: 11em;
  }
  */
}
@media screen and (max-width: 640px) {
  #resources article [data-pge]::after {
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: calc(var(--footerPad));
  }
}
#resources article [data-pge]:has(~ .pagesMenu > input:checked) {
  display: none;
}
#resources article [data-pge]:not(:has([name=res_pge]:checked)) {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: var(--space_y);
  max-height: 90vh;
  min-height: 10px;
}
#resources article [data-pge] [name=res_pge] {
  position: absolute;
  left: 0;
  top: -20px;
  opacity: 1;
  pointer-events: none;
}
#resources:has(article > :first-child) .panelContents:has([data-list=resources]) {
  display: none;
}
#resources:has(article > :first-child) article {
  display: block;
}
#resources:has(article > :first-child) article[data-single=life-uk] p > img, #resources:has(article > :first-child) article[data-single=life-uk] .AutoForm .message.success > img, .AutoForm #resources:has(article > :first-child) article[data-single=life-uk] .message.success > img, #resources:has(article > :first-child) article[data-single=life-uk] .panel .panelContents > div > img, .panel #resources:has(article > :first-child) article[data-single=life-uk] .panelContents > div > img {
  margin: 0 auto;
  float: none;
  display: block;
}
#resources:has(article > :first-child) article[data-single=life-uk] [data-pge="1"]:has(.pagination + h2 + h3 + p, .AutoForm .pagination + h2 + h3 + .message.success, .panel .panelContents > .pagination + h2 + h3 + div) .pagination + h2 {
  display: none;
}
#resources:has(article > :first-child) article[data-single=life-uk] [data-pge="1"]:has(.pagination + h2 + h3 + p, .AutoForm .pagination + h2 + h3 + .message.success, .panel .panelContents > .pagination + h2 + h3 + div) .pagination + h2 + h3 {
  display: none;
}
.panel--home {
  background: rgba(var(--color-white), 1);
  /**,&::before,&::after,*::before,*::after{
  	outline: 2px solid rgba(200,0,200,0.2);
  }*/
  padding-top: 0px !important;
  /*
  background: rgba(var(--color-primary),1); 
  	padding: var(--space_y) 0 45vh;

  	mask-image: var(--circle-mask);
  	mask-position: 60% bottom; 
  	mask-size: 500vw 300vw; 
  	*/
}
.panel--home[aria-hidden=true] {
  pointer-events: none;
  opacity: 0;
}
.panel--home[aria-hidden=true] header {
  opacity: 0;
  max-height: 95vh;
  z-index: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.panel--home:has(#show_greetings:checked) ~ #navMain {
  -webkit-transform: translateY(104%);
          transform: translateY(104%);
}
.panel--home header {
  height: auto;
  position: relative;
  overflow: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  background: transparent;
  /*background: transparent;


  box-shadow: none;
  position: static; 
  height: 8em;
  background: rgba(var(--color-primary),1); 
  padding: var(--space_y) 0 45vh;



  display: flex;
  flex-direction: column;
  align-items: center;
  */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.panel--home header .headerbutton {
  position: absolute;
  top: var(--space_y);
  right: var(--space_x);
  width: auto;
  z-index: 2000;
}
.panel--home header > :not(.headerbutton) {
  width: 100%;
  max-width: var(--body_maxWidth);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
.panel--home header > input[type=checkbox] {
  opacity: 0.5;
  position: absolute;
  pointer-events: none;
}
.panel--home header h2 {
  font-size: calc(1.75 * var(--heading-2-size));
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.panel--home header h2 [data-id=greeting] {
  position: relative;
}
.panel--home header h2 [data-id=greeting]::before {
  content: "ⓘ";
  background: currentColor;
  font-weight: normal;
  font-size: 2rem;
  position: absolute;
  right: 0.3em;
  top: 0;
  opacity: 0.4;
  -webkit-mask-image: var(--icon-info);
          mask-image: var(--icon-info);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.panel--home header h2 [data-id=greeting]::after {
  content: "!";
}
.panel--home header h2 [data-id=greeting]:has(+ [data-id=firstname]:not(:empty))::after {
  content: ", ";
}
.panel--home header h2 [data-id=firstname] {
  opacity: 0.5;
}
.panel--home header h2 [data-id=firstname]:not(:empty)::after {
  content: "!";
}
.panel--home header h3 {
  margin: 0.2em 0 0;
  padding: 0;
  text-align: left;
  font-weight: normal;
  font-size: calc(var(--base-font-size) * 1.4);
  color: rgba(var(--color-secondary_alt1), 1);
}
.panel--home .greetings {
  position: fixed;
  top: var(--space_y);
  right: var(--space_x);
  bottom: var(--space_y);
  left: var(--space_x);
  padding: 0;
  overflow: auto;
  max-width: calc(100vw - var(--space_x) - var(--space_x)) !important;
  background: lime;
  display: block;
  opacity: 0;
  pointer-events: none;
  display: none;
  z-index: 10000;
  background: rgba(var(--color-primary), 1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-grow: 0;
  height: auto;
  max-height: calc(100vh - var(--space_y) - var(--space_y));
  margin-bottom: -10em;
  -webkit-box-shadow: 0 0 2em 50vw rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 2em 50vw rgba(0, 0, 0, 0.7);
  color: rgba(var(--color-white), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.panel--home .greetings label.close {
  position: sticky;
  bottom: 0px;
  left: 0px;
  margin-left: 0;
  right: 0px;
  margin-right: 0;
  width: 100%;
  color: inherit;
  border-top: 1px solid currentColor;
  display: block;
  font-size: calc(var(--base-font-size) * 1.2);
  background: inherit;
  padding: calc(var(--space_y) / 2) var(--space_x);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.panel--home .greetings li:empty {
  display: none;
}
.panel--home .greetings:has(input:checked) {
  opacity: 1;
  display: block;
  pointer-events: auto;
}
.panel--home .greetings input {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
.panel--home .greetings ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2em;
  max-height: 100%;
  overflow: auto;
  min-height: calc(100vh - 1.2 * var(--base-font-size) - var(--space_y) - var(--space_y) - var(--space_y) - var(--space_y));
  padding: var(--space_y) var(--space_x);
}
.panel--home .greetings ul li {
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
}
.panel--home .greetings ul li b {
  font-size: calc(var(--base-font-size) * 1.6);
  display: inline-block;
  margin-right: 0.2em;
}
.panel--home .greetings ul li span {
  font-weight: 200;
  font-size: calc(var(--base-font-size) * 1.1);
  display: inline-block;
  margin-right: 0.3em;
}
.panel--home .greetings ul li small {
  text-transform: uppercase;
  opacity: 0.6;
  font-size: calc(var(--base-font-size) * 1.1);
  font-weight: bold;
  display: inline-block;
}
.panel--home .panelContents {
  position: relative;
}
.panel--home .panelContents--1 {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: calc(var(--space_y) / 2) calc(var(--space_x) / 2);
  /*&::before{
  	content:'';
  	display: block;

  	position: absolute;

  	bottom: -4vh;
  	left: min(calc(0px - var(--space_x)),calc((var(--body_maxWidth)/2) - 50vw));
  	right: min(calc(0px - var(--space_x)),calc((var(--body_maxWidth)/2) - 50vw));
  	background: rgba(var(--color-primary_alt3),1); 
  	height: calc(4em + 40vh);
  	min-height: 70vh;
  	mask-image: var(--circle-mask);
  	mask-position: 40% bottom; 
  	mask-size: 300vw max(100vw,120%); 
  	box-sizing: content-box;
  	z-index: 0;
  	pointer-events: none;
  }*/
}
.panel--home .panelContents--1 > * {
  position: relative;
  z-index: 10;
}
.panel--home .panelContents--1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  margin-bottom: min(-14em, -11vh);
  left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  right: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  background: rgba(var(--color-primary), 1);
  height: max(35rem, 50vh);
  min-width: 100vw;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='325.257' height='633.377'%3E%3Cpath fill='%235FB349' d='M0 0v617.023c43.906 9.068 92.201 14.086 142.906 14.086 66.397 0 128.664-8.604 182.351-23.643V0H0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='325.257' height='633.377'%3E%3Cpath fill='%235FB349' d='M0 0v617.023c43.906 9.068 92.201 14.086 142.906 14.086 66.397 0 128.664-8.604 182.351-23.643V0H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 1;
  pointer-events: none;
}
.panel--home .panelContents--1 h3:first-of-type {
  color: rgba(var(--color-secondary), 1);
}
.panel--home .panelContents--1 h3:first-of-type span {
  color: rgba(var(--color-white), 1);
}
.panel--home .panelContents--1 .placeholder {
  width: 100%;
  display: block;
  background: rgba(var(--color-secondary_alt1), 1);
  border-radius: var(--border-radius-m);
}
.panel--home .panelContents--1 .placeholder--1 {
  height: 10vw;
}
.panel--home .panelContents--1 .placeholder--2 {
  height: 20vw;
}
.panel--home .panelContents--2::before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 1em);
  left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  right: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  background: rgba(var(--color-primary_alt3), 1);
  height: calc(4em + 40vh);
  min-height: 70vh;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='325.257' height='633.377'%3E%3Cpath fill='%235FB349' d='M325.257 0H0v593.945c85.154 23.332 183.917 36.682 289.229 36.682 12.104 0 24.107-.197 36.027-.545V0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='325.257' height='633.377'%3E%3Cpath fill='%235FB349' d='M325.257 0H0v593.945c85.154 23.332 183.917 36.682 289.229 36.682 12.104 0 24.107-.197 36.027-.545V0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 0;
  pointer-events: none;
}

@keyframes loadbg {
  from {
    background-position: 200% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
:root {
  --cardMaxW: min(67%, 380px);
}

#events > .panelContents:has(> [data-list=events]) {
  padding-top: 0;
}

[data-list=events] {
  --cardBg: rgba(var(--color-primary_alt3),1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space_x);
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 5rem;
}
[data-list=events]:not(:has(li)).loading {
  /*&::before{
  	content:'';
  	display: block;

  	margin: 0 auto;
  	//background: #EEE;

  	border-radius: var(--border-radius-m); 
  	background: linear-gradient(280deg,rgba(240,240, 240, 1) 20%, rgba(200, 200, 200, 1) 50%, rgba(240, 240, 240, 1) 80%);
  	background-size: 200% 100%;
  	background-repeat: repeat-x;
  	animation: loadbg 1s linear infinite; 

  }
  */
}
[data-list=events]:not(:has(li)).loading::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: min(var(--body_maxWidth), 100% - var(--space_x) - var(--space_x));
  height: min(10rem, 40vw);
  background: rgba(var(--color-primary), 1);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 6em 8em;
          mask-size: 6em 8em;
  -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}
#home [data-list=events]:not(:has(li)).loading::after {
  background: rgba(var(--color-white), 1);
}
[data-list=events]:not(:has(li)):not(.loading) {
  height: min(10rem, 40vw);
}
#home [data-list=events]:not(:has(li)):not(.loading) {
  display: none;
}
[data-list=events]:not(:has(li)):not(.loading)::before {
  content: "No events currently listed";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: var(--space_x);
  right: var(--space_x);
  top: 0;
  bottom: 0;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: calc(var(--base-font-size) * 1);
  opacity: 0.7;
}
[data-list=events][data-maxitems][data-maxitems="3"] li:nth-child(n+4):not(.more), [data-list=events][data-maxitems][data-maxitems="4"] li:nth-child(n+5):not(.more), [data-list=events][data-maxitems][data-maxitems="5"] li:nth-child(n+6):not(.more), [data-list=events][data-maxitems][data-maxitems="6"] li:nth-child(n+7):not(.more), [data-list=events][data-maxitems][data-maxitems="7"] li:nth-child(n+8):not(.more) {
  display: none;
}
[data-list=events] li {
  display: block;
  width: 100%;
  scroll-snap-align: start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
}
#events [data-list=events] li:first-child:not(.header) {
  padding-top: var(--space_y);
}
[data-list=events] li.header {
  position: sticky;
  top: var(--header-height);
  background: rgba(var(--color-secondary), 1);
  color: rgba(var(--color-white), 1);
  margin-left: calc(0px - var(--space_x));
  margin-right: calc(0px - var(--space_x));
  padding: calc(var(--space_y) / 2) var(--space_x);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 210;
}
[data-list=events] li.header::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 100vw;
  background: inherit;
  margin-left: -50vw;
  top: 0;
  bottom: 0;
  z-index: -1;
}
[data-list=events] li.header h3 {
  font-size: var(--heading-1-size);
  margin: 0;
  font-weight: normal;
  padding: 0;
}
[data-list=events] li.header ~ li.header {
  /*z-index: 200;
  ~ li.header{
  	z-index: 210;
  	~ li.header{
  		z-index: 220;
  		~ li.header{
  			z-index: 230;
  			~ li.header{
  				z-index: 240;
  			}
  		}
  	}
  }*/
}
[data-list=events] li:not(.header):nth-child(1) {
  z-index: 49;
}
[data-list=events] li:not(.header):nth-child(2) {
  z-index: 48;
}
[data-list=events] li:not(.header):nth-child(3) {
  z-index: 47;
}
[data-list=events] li:not(.header):nth-child(4) {
  z-index: 46;
}
[data-list=events] li:not(.header):nth-child(5) {
  z-index: 45;
}
[data-list=events] li:not(.header):nth-child(6) {
  z-index: 44;
}
[data-list=events] li:not(.header):nth-child(7) {
  z-index: 43;
}
[data-list=events] li:not(.header):nth-child(8) {
  z-index: 42;
}
[data-list=events] li:not(.header):nth-child(9) {
  z-index: 41;
}
[data-list=events] li:not(.header):nth-child(10) {
  z-index: 40;
}
[data-list=events] li:not(.header):nth-child(11) {
  z-index: 39;
}
[data-list=events] li:not(.header):nth-child(12) {
  z-index: 38;
}
[data-list=events] li:not(.header):nth-child(13) {
  z-index: 37;
}
[data-list=events] li:not(.header):nth-child(14) {
  z-index: 36;
}
[data-list=events] li:not(.header):nth-child(15) {
  z-index: 35;
}
[data-list=events] li:not(.header):nth-child(16) {
  z-index: 34;
}
[data-list=events] li:not(.header):nth-child(17) {
  z-index: 33;
}
[data-list=events] li:not(.header):nth-child(18) {
  z-index: 32;
}
[data-list=events] li:not(.header):nth-child(19) {
  z-index: 31;
}
[data-list=events] li:not(.header):nth-child(20) {
  z-index: 30;
}
[data-list=events] li:not(.header):nth-child(21) {
  z-index: 29;
}
[data-list=events] li:not(.header):nth-child(22) {
  z-index: 28;
}
[data-list=events] li:not(.header):nth-child(23) {
  z-index: 27;
}
[data-list=events] li:not(.header):nth-child(24) {
  z-index: 26;
}
[data-list=events] li:not(.header):nth-child(25) {
  z-index: 25;
}
[data-list=events] li:not(.header):nth-child(26) {
  z-index: 24;
}
[data-list=events] li:not(.header):nth-child(27) {
  z-index: 23;
}
[data-list=events] li:not(.header):nth-child(28) {
  z-index: 22;
}
[data-list=events] li:not(.header):nth-child(29) {
  z-index: 21;
}
[data-list=events] li:not(.header):nth-child(30) {
  z-index: 20;
}
[data-list=events] .card {
  display: block;
  background: var(--cardBg);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: calc(var(--space_x) / 1.5) calc(var(--space_y) / 1.5);
  border-radius: var(--border-radius-m);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--space_y) / 1.5);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
[data-list=events] .card--featured {
  /*background: rgba(var(--color-secondary),1);

  *{
  	color: rgba(var(--color-white),1) !important;
  }*/
  -webkit-box-shadow: inset 0 0 0 3px rgba(var(--color-secondary), 1);
          box-shadow: inset 0 0 0 3px rgba(var(--color-secondary), 1);
}
[data-list=events] .card--featured .info::before {
  content: "Featured";
  font-size: 0.7em;
  text-transform: uppercase;
  color: rgba(var(--color-white), 1);
  background: rgba(var(--color-secondary), 1);
  border-radius: 0.4em;
  padding: 0.25em 0.5em 0.15em;
  margin-bottom: 0.2em;
  line-height: 1;
  font-weight: bold;
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
[data-list=events] .card img {
  max-width: 9rem;
  min-height: 6em;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left top;
     object-position: left top;
}
[data-list=events] .card .info {
  display: block;
  gap: 0.4em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[data-list=events] .card .info > * {
  margin: 0;
  padding: 0;
}
[data-list=events] .card .info h4 {
  font-size: calc(var(--base-font-size) * 1.2);
  text-transform: none;
  margin-bottom: 0.4em;
}
[data-list=events] .card .info p, [data-list=events] .card .info .AutoForm .message.success, .AutoForm [data-list=events] .card .info .message.success, [data-list=events] .card .info .panel .panelContents > div, .panel [data-list=events] .card .info .panelContents > div {
  color: rgba(var(--color-grey), 1);
  line-height: 1.2;
  font-size: calc(var(--base-font-size) * 1);
}
[data-list=events] .card .info :is(p, .AutoForm .message.success, .panel .panelContents > div, span):is(.meta) {
  color: rgba(var(--color-grey), 1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: calc(var(--base-font-size) * 0.9);
  margin-right: 1em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4em;
  line-height: 1.1;
}
:is(#home) [data-list=events] {
  --cardBg: rgba(var(--color-white),0.9);
  width: 100vw;
}
:is(#home) [data-list=events] > *:first-child {
  padding-left: max(6rem + var(--space_x), 5rem + 50vw - var(--body_maxWidth) / 2);
}
:is(#home) [data-list=events] > *:first-child:last-child {
  width: calc(100% - 4 * var(--space_x));
}
:is(#home) [data-list=events] > *:first-child::before {
  content: "";
  display: block;
  background: rgba(var(--color-white), 1);
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  margin-left: -6rem;
  top: calc(var(--space_x) / 1.5); /*50%;
margin-top: -2rem;*/
  -webkit-mask-image: var(--icon-calendar);
          mask-image: var(--icon-calendar);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
:is(#home) [data-list=events] > *:last-child:is(.more) a::before {
  content: "";
  display: block;
  position: absolute;
  width: 4.6rem;
  padding-left: max(0px + var(--space_x), 50vw - var(--body_maxWidth) / 2);
  height: 100%;
  background: rgba(255, 255, 255, 0.001);
  opacity: 0.0001;
  left: 0;
  top: 0;
  z-index: 60;
  pointer-events: auto;
}
:is(#home, #local) [data-list=events] {
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  margin-right: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  position: relative;
  padding: 0 0 calc(var(--space_y) / 2);
  /*&::before{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-right: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }

  &::after{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-left: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }*/
}
:is(#home, #local) [data-list=events] > * {
  width: var(--cardMaxW);
  padding-left: max(0px + var(--space_x), 50vw - var(--body_maxWidth) / 2);
}
:is(#home, #local) [data-list=events] > * + * {
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
}
:is(#home, #local) [data-list=events] > *:last-child:not(.more) {
  padding-right: calc(var(--space_x) + 100vw - var(--space_x) - var(--space_x) - var(--cardMaxW));
}
:is(#home, #local) [data-list=events] > *:last-child.more {
  max-width: 6em;
  width: calc(30% - var(--space_x));
  background: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: static !important;
  z-index: auto;
}
:is(#home, #local) [data-list=events] > *:last-child.more:hover::before {
  background: red;
}
:is(#home, #local) [data-list=events] > *:last-child.more > * {
  padding: 0;
  background: rgba(var(--color-secondary), 1);
  color: rgba(var(--color-white), 0.9);
  margin: 0 0 0 -0.4em;
  max-width: 100%;
  width: auto;
  gap: 0.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--base-font-size) * 0.8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  padding: 0.6em;
  text-transform: uppercase;
  line-height: 1;
  position: static !important;
  text-decoration: none;
  z-index: auto;
  border-radius: 0.3em;
  position: absolute;
}
:is(#home, #local) [data-list=events] > *:last-child.more > * i {
  display: block;
}
#events [data-list=events] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#events article {
  display: none;
  min-height: 100vh;
  /*&::after{
  	content:'';
  	display: block;
  	height: 10rem;
  	width: 100%;
  } */
}
#events article .actions {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  top: auto;
  bottom: 0px;
  width: 100%;
  left: 0;
  right: 0;
  padding-left: var(--space_x);
  padding-right: var(--space_x);
  background: lime;
  margin-bottom: 0;
  z-index: 300;
  padding: calc(var(--space_y)) var(--space_x);
  gap: calc(var(--space_x) / 2);
  background: rgba(var(--color-main), 1);
}
#events article .actions a.button {
  display: block;
  border-radius: 1.25em;
  /*position: absolute;
  bottom: 0;*/
  background: rgba(var(--color-primary), 1);
  overflow: hidden;
  -webkit-box-shadow: 0 0.2em 0.6em rgba(50, 50, 50, 0.75);
          box-shadow: 0 0.2em 0.6em rgba(50, 50, 50, 0.75);
  position: relative;
  margin: 0 auto;
  color: rgba(var(--color-white), 1);
  font-size: calc(var(--base-font-size) * 1);
  min-height: 2.5em;
  line-height: 1em;
  padding: 0.5em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  --icon-size: 1.4em;
}
#events article .actions a.button[data-action*=remove] {
  background: rgba(var(--color-red), 1);
}
#events article .actions a.button.button--book ~ .button span {
  display: none;
}
@media screen and (max-width: 400px) {
  #events article .actions a.button span > span {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
}
#events:has(article > :first-child) .panelContents:has([data-list=events]) {
  display: none;
}
#events:has(article > :first-child) article {
  display: block;
}
#events:has(article > :first-child) article img:first-child {
  margin: 0 0 2rem;
}
#events:has(article > :first-child) article .info p.meta, #events:has(article > :first-child) article .info .AutoForm .meta.message.success, .AutoForm #events:has(article > :first-child) article .info .meta.message.success, #events:has(article > :first-child) article .info .panel .panelContents > div.meta, .panel #events:has(article > :first-child) article .info .panelContents > div.meta {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@keyframes loadbg {
  from {
    background-position: 200% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
#courses {
  background: rgba(var(--color-primary_alt3), 1);
}

[data-list=courses] {
  --cardMaxW: min(40%,160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space_x);
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
[data-list=courses]:not(:has(li)) {
  /*&::before{
  	content:'';
  	display: block;
  	width: min(var(--body_maxWidth),calc(100% - var(--space_x) - var(--space_x)));
  	margin: 0 auto;
  	background: #EEE;
  	height: min(18rem,40vw);
  	border-radius: var(--border-radius-m); 
  	background: linear-gradient(280deg,rgba(240,240, 240, 1) 20%, rgba(200, 200, 200, 1) 50%, rgba(240, 240, 240, 1) 80%);
  	background-size: 200% 100%;
  	background-repeat: repeat-x;
  	animation: loadbg 1s linear infinite; 

  }*/
}
[data-list=courses]:not(:has(li))::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: min(var(--body_maxWidth), 100% - var(--space_x) - var(--space_x));
  height: min(18rem, 40vw);
  background: rgba(var(--color-primary), 1);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 6em 8em;
          mask-size: 6em 8em;
  -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}
[data-list=courses] li {
  display: block;
  width: 100%;
  scroll-snap-align: start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
}
[data-list=courses] li[data-disabled=true] {
  display: none;
}
[data-list=courses] li:nth-child(1) {
  z-index: 49;
}
[data-list=courses] li:nth-child(2) {
  z-index: 48;
}
[data-list=courses] li:nth-child(3) {
  z-index: 47;
}
[data-list=courses] li:nth-child(4) {
  z-index: 46;
}
[data-list=courses] li:nth-child(5) {
  z-index: 45;
}
[data-list=courses] li:nth-child(6) {
  z-index: 44;
}
[data-list=courses] li:nth-child(7) {
  z-index: 43;
}
[data-list=courses] li:nth-child(8) {
  z-index: 42;
}
[data-list=courses] li:nth-child(9) {
  z-index: 41;
}
[data-list=courses] li:nth-child(10) {
  z-index: 40;
}
[data-list=courses] li:nth-child(11) {
  z-index: 39;
}
[data-list=courses] li:nth-child(12) {
  z-index: 38;
}
[data-list=courses] li:nth-child(13) {
  z-index: 37;
}
[data-list=courses] li:nth-child(14) {
  z-index: 36;
}
[data-list=courses] li:nth-child(15) {
  z-index: 35;
}
[data-list=courses] li:nth-child(16) {
  z-index: 34;
}
[data-list=courses] li:nth-child(17) {
  z-index: 33;
}
[data-list=courses] li:nth-child(18) {
  z-index: 32;
}
[data-list=courses] li:nth-child(19) {
  z-index: 31;
}
[data-list=courses] li:nth-child(20) {
  z-index: 30;
}
[data-list=courses] li:nth-child(21) {
  z-index: 29;
}
[data-list=courses] li:nth-child(22) {
  z-index: 28;
}
[data-list=courses] li:nth-child(23) {
  z-index: 27;
}
[data-list=courses] li:nth-child(24) {
  z-index: 26;
}
[data-list=courses] li:nth-child(25) {
  z-index: 25;
}
[data-list=courses] li:nth-child(26) {
  z-index: 24;
}
[data-list=courses] li:nth-child(27) {
  z-index: 23;
}
[data-list=courses] li:nth-child(28) {
  z-index: 22;
}
[data-list=courses] li:nth-child(29) {
  z-index: 21;
}
[data-list=courses] li:nth-child(30) {
  z-index: 20;
}
[data-list=courses] a {
  display: block;
  background: rgba(var(--color-white), 1);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: calc(var(--space_x) / 1.5) calc(var(--space_y) / 1.5);
  border-radius: var(--border-radius-m);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--space_y) / 1.5);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
[data-list=courses] a img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left top;
     object-position: left top;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  max-height: 8rem;
  border-radius: calc(var(--border-radius-m) / 2);
}
[data-list=courses] a .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
[data-list=courses] a .info > * {
  margin: 0;
  padding: 0;
}
[data-list=courses] a .info h4 {
  font-size: var(--heading-1-size);
  text-transform: none;
}
[data-list=courses] a .info p, [data-list=courses] a .info .AutoForm .message.success, .AutoForm [data-list=courses] a .info .message.success, [data-list=courses] a .info .panel .panelContents > div, .panel [data-list=courses] a .info .panelContents > div {
  color: rgba(var(--color-grey), 1);
  line-height: 1.2;
  margin-top: 0.2em;
  font-size: calc(var(--base-font-size) * 1);
}
#home [data-list=courses] {
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  margin-right: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  padding: calc(var(--space_y) / 2) 0 var(--space_y);
  /*&::before{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-right: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }

  &::after{
  	content:'';
  	flex-shrink: 0;
  	//background: orange;
  	display: block;
  	min-height: 2em;
  	margin-left: calc(0px - var(--space_x));
  	min-width: var(--space_x);
  	width: calc(50vw - (var(--body_maxWidth)/2)); 
  }*/
}
#home [data-list=courses] > * {
  width: var(--cardMaxW);
  padding-left: max(0px + var(--space_x), 50vw - var(--body_maxWidth) / 2);
}
#home [data-list=courses] > * + * {
  margin-left: min(0px - var(--space_x), var(--body_maxWidth) / 2 - 50vw);
}
#home [data-list=courses] > *:last-child {
  padding-right: calc(var(--space_x) + 100vw - var(--space_x) - var(--space_x) - var(--cardMaxW));
}
#courses [data-list=courses] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#courses:has(.pagesMenu > input:checked) header {
  z-index: auto;
}
#courses article {
  display: none;
  /*
  .pagination{
  	position: sticky;
  	top: calc(100vh - var(--space_y) - (var(--base-font-size) * 2.5));
  	left: 0;
  	right: 0;
  	bottom: 0;
  	background: transparent;
  	z-index: 9999;
  	background: rgba(255,100,255,0.4);
  	display: flex;
  	justify-content: center;
  	height: 0;

  	@media screen and ( min-width: 641px ) { 

  		margin-left: calc(var(--base-font-size) * -4);
  		margin-right: calc(var(--base-font-size) * -4);
  		width: calc(100% + var(--base-font-size) * 8);

  	}

  	label{

  		display: block;
  		border-radius: 1.25em;

  		background: rgba(var(--color-primary),1); 

  		overflow: hidden;
  		box-shadow: 0 0.2em 0.6em rgba(50,50,50,0.75);
  		position: relative;
  		margin: 0 auto;
  		color: rgba(var(--color-white),1); 

  		font-size: calc(var(--base-font-size) * 1); 
  		height: 2.5em; //calc(var(--base-font-size) * 2.5); 
  		line-height: 2.5em;
  		padding: 0 1em;
  		display: flex;
  		align-items: center;
  		gap: 0.6em;

  		&:is(.pages){
  			--icon-size: 1.4em;
  		}

  		&:is(.next,.prev){
  			width: 2.5em;//calc(var(--base-font-size) * 2.5); 
  			text-indent: -999em;
  			padding: 0;

  			&::before{
  				content:'';
  				background: currentColor; //rgba(var(--color-white),1); 
  				display: block;
  				position: absolute;
  				left: 0;
  				right: 0;
  				bottom: 0;
  				top: 0;
  				mask-image: var(--icon-back);
  				mask-size: 80%;
  				mask-repeat: no-repeat;
  				mask-position: center;
  			}

  		}

  		&.prev{
  			float: left;
  			margin-left: 0;
  			position: absolute;
  			left: 0;
  		}

  		&.next{
  			float: right;
  			margin-right: 0;
  			position: absolute;
  			right: 0;

  			&::before{
  				transform: scaleX(-1);
  			}
  		}
  	}
  }
  */
}
#courses article:has(.sign_up_form > input[type=checkbox]:checked) {
  max-height: 50vh;
  overflow: hidden;
}
#courses article .pagesMenu {
  position: fixed;
  top: calc(0px - var(--header-height) + var(--space_y));
  right: 0;
  bottom: var(--space_y);
  left: 0;
  padding: calc(var(--space_y) / 2) var(--space_x) 0;
  overflow: auto;
  display: block;
  opacity: 0;
  pointer-events: none;
  display: none;
  z-index: 10000;
  background: rgba(var(--color-white), 1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-grow: 0;
  min-height: calc(100vh - var(--space_y) - var(--space_y));
  max-height: calc(100vh - var(--space_y) - var(--space_y));
  margin-bottom: -10em;
  -webkit-box-shadow: 0 0 2em 6em rgba(var(--color-primary), 0.7);
          box-shadow: 0 0 2em 6em rgba(var(--color-primary), 0.7);
  color: rgba(var(--color-primary), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#courses article .pagesMenu label.close {
  position: sticky;
  bottom: 0px;
  left: 0px;
  margin-left: calc(0px - var(--space_x));
  right: 0px;
  margin-right: calc(0px - var(--space_x));
  width: 100%;
  color: inherit;
  border-top: 1px solid currentColor;
  display: block;
  font-size: calc(var(--base-font-size) * 1);
  background: inherit;
  padding: calc(var(--space_y) / 2) var(--space_x);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#courses article .pagesMenu li:empty {
  display: none;
}
#courses article .pagesMenu:has(input:checked) {
  opacity: 1;
  display: block;
  pointer-events: auto;
}
#courses article .pagesMenu input {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
#courses article .pagesMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  padding-bottom: 2em;
}
#courses article .pagesMenu ul li[data-level=H2] {
  font-weight: bold;
}
#courses article .pagesMenu ul li:not([data-level=H2]) {
  margin-left: 1em;
}
#courses article [data-pge] {
  display: block;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  flex-grow: 0;
  min-height: 80vh;
  margin-bottom: -4em;
}
@media screen and (max-width: 640px) {
  #courses article [data-pge]::after {
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: calc(var(--base-font-size) * 4);
  }
}
#courses article [data-pge]:has(~ .pagesMenu > input:checked) {
  display: none;
}
#courses article [data-pge]:not(:has([name=res_pge]:checked)) {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: var(--space_y);
  max-height: 90vh;
  min-height: 10px;
}
#courses article [data-pge] [name=res_pge] {
  position: absolute;
  left: 0;
  top: -20px;
  opacity: 1;
  pointer-events: none;
}
#courses article :is(h2, h3, h4):has(+ .extra_content) {
  margin-bottom: var(--space_y);
}
#courses article .sign_up_form {
  display: none;
  position: fixed;
  top: 0;
  lefT: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 20000;
  padding: 0;
  opacity: 1;
}
#courses article .sign_up_form::after {
  content: "";
  display: block;
  z-index: 1;
  position: fixed;
  top: var(--header-height);
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: white;
}
#courses article .sign_up_form::before {
  content: "";
  display: block;
  margin: 0 auto;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 40rem;
  width: min(var(--body_maxWidth), 100% - var(--space_x) - var(--space_x));
  height: min(18rem, 40vw);
  background: rgba(var(--color-primary), 1);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 3em 6em;
          mask-size: 3em 6em;
  -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='40' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.4'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='100' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='-.2'%3E%3C/animate%3E%3C/circle%3E%3Ccircle fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='15' r='15' cx='160' cy='65'%3E%3Canimate attributeName='cy' calcMode='spline' dur='2' values='65;135;65;' keySplines='.5 0 .5 1;.5 0 .5 1' repeatCount='indefinite' begin='0'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
  top: calc(var(--header-height) + var(--space_y) + var(--space_y));
  position: absolute;
  z-index: 2;
}
#courses article .sign_up_form input[type=checkbox] {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
#courses article .sign_up_form label {
  width: 100%;
  display: block;
  height: calc(var(--header-height));
  background: white;
  opacity: 0.00001;
}
#courses article .sign_up_form iframe {
  display: block;
  border: none;
  width: 100%;
  margin: 0 auto;
  height: calc(100vh - var(--header-height));
  background: transparent;
  position: relative;
  z-index: 3;
}
#courses article .sign_up_form:has(input[type=checkbox]:checked) {
  display: block;
}
#courses article .extra_content {
  padding: 0;
  margin: var(--space_y) 0;
  max-height: 2em;
  position: relative;
  overflow: hidden;
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
#courses article .extra_content > *:last-child {
  padding-bottom: 3rem;
}
#courses article .extra_content:has(input[type=checkbox]:checked) {
  max-height: 1000px;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
#courses article .extra_content:has(input[type=checkbox]:checked) label + :is(h2, h3)::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#courses article .extra_content h2 {
  color: rgba(var(--color-primary), 1);
  font-size: calc(var(--base-font-size) * 1.5);
}
#courses article .extra_content label:has(input[type=checkbox]) {
  opacity: 0.001;
  left: 0;
  right: 0;
  top: 0;
  height: 2em;
  display: block;
  position: absolute;
  width: 100%;
  z-index: 20;
}
#courses article .extra_content label:has(input[type=checkbox]) input[type=checkbox] {
  position: absolute;
  opacity: 0.0001;
  pointer-events: none;
}
#courses article .extra_content label:has(input[type=checkbox]) + :is(h2, h3) {
  position: relative;
}
#courses article .extra_content label:has(input[type=checkbox]) + :is(h2, h3)::after {
  pointer-events: none;
  content: "";
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  display: block;
  background: currentColor;
  height: 1em;
  width: 1em;
  position: absolute;
  right: 0.7em;
  top: 50%;
  margin-top: -0.5em;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
#courses article .extra_content label:has(input[type=checkbox]) + :is(h2, h3) + :is(h2, h3) {
  font-size: calc(var(--base-font-size) * 1.2);
}
#courses:has(article > :first-child) .panelContents:has([data-list=courses]) {
  display: none;
}
#courses:has(article > :first-child) article {
  display: block;
  background: rgba(var(--color-white), 1);
  -webkit-box-shadow: 0 0 0 50vw rgba(var(--color-white), 1);
          box-shadow: 0 0 0 50vw rgba(var(--color-white), 1);
}
#courses:has(article > :first-child) article[data-single] p > img, #courses:has(article > :first-child) article[data-single] .AutoForm .message.success > img, .AutoForm #courses:has(article > :first-child) article[data-single] .message.success > img, #courses:has(article > :first-child) article[data-single] .panel .panelContents > div > img, .panel #courses:has(article > :first-child) article[data-single] .panelContents > div > img {
  margin: 0 0;
  float: none;
  display: block;
  max-height: 12rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

#local .panelContents--1 {
  position: relative;
}
#local .panelContents--1 input {
  position: absolute;
  pointer-events: none;
  opacity: 0.0001;
}
#local .panelContents--1:has(#welcome_expander) p, #local .panelContents--1:has(#welcome_expander) .AutoForm .message.success, .AutoForm #local .panelContents--1:has(#welcome_expander) .message.success, #local .panelContents--1:has(#welcome_expander) .panel .panelContents > div, .panel #local .panelContents--1:has(#welcome_expander) .panelContents > div {
  max-height: 5.3em;
}
#local .panelContents--1 p, #local .panelContents--1 .AutoForm .message.success, .AutoForm #local .panelContents--1 .message.success, #local .panelContents--1 .panel .panelContents > div, .panel #local .panelContents--1 .panelContents > div {
  font-size: calc(1 * var(--base-font-size));
  overflow: hidden;
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
#local .panelContents--1 p:last-of-type, #local .panelContents--1 .AutoForm .message.success:last-of-type, .AutoForm #local .panelContents--1 .message.success:last-of-type, #local .panelContents--1 .panel .panelContents > div:last-of-type, .panel #local .panelContents--1 .panelContents > div:last-of-type {
  margin-bottom: 0;
}
#local .panelContents--1 p b:first-child, #local .panelContents--1 .AutoForm .message.success b:first-child, .AutoForm #local .panelContents--1 .message.success b:first-child, #local .panelContents--1 .panel .panelContents > div b:first-child, .panel #local .panelContents--1 .panelContents > div b:first-child {
  display: block;
  font-size: clamp(2.2rem, 1.8rem + 2vw, 3rem);
  line-height: 1.2;
  color: rgba(var(--color-secondary), 1);
}
#local .panelContents--1:has(input)::after {
  content: "";
  position: absolute;
  lefT: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 2em;
  -webkit-box-shadow: inset 0 -3em 2em -2em white;
          box-shadow: inset 0 -3em 2em -2em white;
}
#local .panelContents--1 label {
  position: relative;
  z-index: 2;
  font-size: calc(1 * var(--base-font-size));
  color: rgba(var(--color-secondary), 1);
  text-indent: -999em;
  margin-top: -0.5em;
  font-weight: 700;
}
#local .panelContents--1 label::after {
  content: "more...";
  text-indent: 0;
  float: left;
}
#local .panelContents--1:has(#welcome_expander:checked) p, #local .panelContents--1:has(#welcome_expander:checked) .AutoForm .message.success, .AutoForm #local .panelContents--1:has(#welcome_expander:checked) .message.success, #local .panelContents--1:has(#welcome_expander:checked) .panel .panelContents > div, .panel #local .panelContents--1:has(#welcome_expander:checked) .panelContents > div {
  max-height: 100vh;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
#local .panelContents--1:has(#welcome_expander:checked) label::after {
  content: "...show less";
}
#local .panelContents--2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#local .panelContents--2 > :nth-child(3) {
  width: 100%;
}
#local .panelContents:has([data-list]:not([data-list=events])):not(:has([data-list] > li)) {
  display: none;
}
#local .panelContents:has(:first-child:last-child[data-active="0"]) {
  display: none;
}
#local .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7em 1.2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#local .social .meta {
  --icon-size: 2.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: calc(0.9 * var(--base-font-size));
  text-decoration: none;
  gap: 0.5em;
  width: 100%;
}
#local .social .meta:not(:has(.icon--contact)) {
  width: auto;
}
#local .social .meta:not(:has(.icon--contact)) span {
  display: none;
}

#localhosting > header {
  margin-bottom: 30px;
}
#localhosting > header + .panelContents[data-page=local-link-intro] {
  padding-top: 0px;
}
#localhosting[data-status] header > h2::before {
  content: "My ";
}
#localhosting .contact {
  background: rgba(var(--color-secondary), 1);
  padding: calc(var(--space_y) / 1) calc(var(--space_x) / 1);
  border-radius: var(--border-radius-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--space_y) / 2);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --icon-size: 1.4em;
}
#localhosting .contact * {
  color: rgba(var(--color-white), 1);
  padding: 0;
  margin: 0;
}
#localhosting .contact h4 {
  text-transform: none;
  font-size: calc(var(--base-font-size) * 1.4);
}
#localhosting .contact p.meta, #localhosting .contact .AutoForm .meta.message.success, .AutoForm #localhosting .contact .meta.message.success, #localhosting .contact .panel .panelContents > div.meta, .panel #localhosting .contact .panelContents > div.meta {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4em;
}
#localhosting article p:has(+ ul), #localhosting article .AutoForm .message.success:has(+ ul), .AutoForm #localhosting article .message.success:has(+ ul), #localhosting article .panel .panelContents > div:has(+ ul), .panel #localhosting article .panelContents > div:has(+ ul) {
  margin-bottom: 0;
  padding-bottom: 0;
}
#localhosting article ul:has(li > i) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0;
  gap: 2em 1em;
  color: rgba(var(--color-secondary), 1);
  --icon-size: 2em;
}
#localhosting article ul:has(li > i) li {
  padding: 0;
  margin: 0;
  max-width: calc(50% - 0.5em);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  line-height: 1.2;
}
#localhosting article ul:has(li > i) li i {
  display: block;
  margin: 0 auto 0.3em;
}
#localhosting form {
  background: rgba(var(--color-primary_alt1), 1);
  margin-top: calc(var(--space_y) / 1);
  -webkit-box-shadow: 0 50vw 0 50vw rgba(var(--color-primary_alt1), 1);
          box-shadow: 0 50vw 0 50vw rgba(var(--color-primary_alt1), 1);
}
#localhosting[data-status] [data-show=new], #localhosting:not([data-status]) [data-show=update] {
  display: none;
}

/*
@import "base/animations";


@import "components/header";

@import "components/article"; 
@import "components/table"; 
@import "components/maps";
@import "components/stats";
@import "components/infotip"; 
@import "components/undoredo";
@import "components/footnotes";
@import "components/infopanels";

@import "modules/route";
@import "modules/divert";  
@import "modules/epilogue";    
@import "modules/anomalies";    
@import "modules/anomaly";     
@import "modules/dashboard";     
@import "modules/profile";  


*/