@berry-bundle-ui/assets/dist/main.min.css

Blazor's BerryBundleUI Assets (CSS & JS)

/*!
Theme Name:  Franzw.com
Description: Main stylesheet.
Version:     0.0.1
Tags:        UI, Components, Component library, Design System, Web Components, franzwcom, Atomic design, Utilities
*/:root{--site-max-width: calc(1540 / 16 * 1em);--base-color-schema: light dark;--base-color: #00000e;--base-bg-color: #faf3f3;--base-font-size: 16px;--base-line-height: 1.5;--box-shadow-base-24dp: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--box-shadow-base-23dp: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--box-shadow-base-22dp: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--box-shadow-base-21dp: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--box-shadow-base-20dp: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--box-shadow-base-19dp: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--box-shadow-base-18dp: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--box-shadow-base-17dp: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--box-shadow-base-16dp: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--box-shadow-base-15dp: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--box-shadow-base-14dp: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--box-shadow-base-13dp: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--box-shadow-base-12dp: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--box-shadow-base-11dp: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--box-shadow-base-10dp: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--box-shadow-base-9dp: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--box-shadow-base-8dp: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--box-shadow-base-7dp: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--box-shadow-base-6dp: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--box-shadow-base-5dp: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--box-shadow-base-4dp: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--box-shadow-base-3dp: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);--box-shadow-base-2dp: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);--box-shadow-base-1dp: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);--box-shadow-base-default: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--space-default: 1em;--size-font-medium: 1rem;--size-font-small: 0.75rem;--color-font-default: #000000;--font-weight-black: 900;--font-weight-extra-bold: 800;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-extra-light: 200;--font-weight-thin: 100;--font-size-xxxl: calc(56 / 16 * 1em);--font-size-xxl: calc(40 / 16 * 1em);--font-size-xl: calc(32 / 16 * 1em);--font-size-lg: calc(22 / 16 * 1em);--font-size-md: calc(18 / 16 * 1em);--font-size-sm: calc(16 / 16 * 1em);--font-size-xs: calc(12 / 16 * 1em);--font-size-xxs: calc(10 / 16 * 1em);--default-font: system-ui -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";--exo-font-family: "Exo 2", sans-serif;--nunito-font-family: "Nunito", sans-serif;--raleway-font-family: "Raleway", sans-serif;--source-sans-pro-font-family: "Source Sans Pro", sans-serif;--open-sans-font-family: "Open Sans", sans-serif;--roboto-font-family: "Roboto", sans-serif;--lato-font-family: "Lato", sans-serif;--dark-color: 211, 215, 217;--dark-bg-color: 18,18,18;--color-primary-900: 0, 67, 138;--color-primary-800: 0, 76, 158;--color-primary-700: 0, 86, 179;--color-primary-600: 0, 96, 199;--color-primary-500: 0, 106, 219;--color-primary-400: 0, 116, 240;--color-primary-300: 5, 126, 255;--color-primary-200: 20, 134, 255;--color-primary-100: 36, 142, 255;--color-yellow-900: 204, 177, 0;--color-yellow-800: 224, 194, 0;--color-yellow-700: 245, 212, 0;--color-yellow-600: 255, 222, 10;--color-yellow-500: 255, 228, 56;--color-yellow-400: 255, 231, 71;--color-yellow-300: 255, 233, 92;--color-yellow-200: 255, 237, 122;--color-yellow-100: 255, 241, 153;--color-white-900: 255, 255, 255;--color-white-800: 252, 252, 252;--color-white-700: 250, 250, 250;--color-white-600: 247, 247, 247;--color-white-500: 245, 245, 245;--color-white-400: 242, 242, 242;--color-white-300: 240, 240, 240;--color-white-200: 237, 237, 237;--color-white-100: 235, 235, 235;--color-teal-900: 23, 150, 112;--color-teal-800: 25, 163, 122;--color-teal-700: 28, 176, 132;--color-teal-600: 30, 190, 142;--color-teal-500: 32, 203, 152;--color-teal-400: 34, 216, 161;--color-teal-300: 43, 222, 168;--color-teal-200: 56, 224, 174;--color-teal-100: 70, 226, 179;--color-red-900: 155, 3, 18;--color-red-800: 170, 3, 20;--color-red-700: 185, 4, 22;--color-red-600: 200, 4, 24;--color-red-500: 215, 4, 25;--color-red-400: 230, 5, 27;--color-red-300: 245, 5, 29;--color-red-200: 250, 15, 39;--color-red-100: 250, 30, 52;--color-purple-900: 76, 44, 135;--color-purple-800: 84, 49, 150;--color-purple-700: 93, 54, 166;--color-purple-600: 102, 59, 181;--color-purple-500: 111, 66, 194;--color-purple-400: 123, 82, 199;--color-purple-300: 134, 97, 204;--color-purple-200: 146, 113, 209;--color-purple-100: 158, 128, 214;--color-pink-900: 173, 20, 92;--color-pink-800: 192, 22, 101;--color-pink-700: 219, 26, 116;--color-pink-600: 230, 40, 129;--color-pink-500: 233, 63, 142;--color-pink-400: 235, 86, 156;--color-pink-300: 238, 109, 169;--color-pink-200: 241, 132, 183;--color-pink-100: 243, 155, 196;--color-orange-900: 180, 136, 4;--color-orange-800: 195, 147, 4;--color-orange-700: 210, 159, 4;--color-orange-600: 225, 170, 5;--color-orange-500: 240, 181, 5;--color-orange-400: 250, 190, 10;--color-orange-300: 250, 194, 25;--color-orange-200: 251, 198, 40;--color-orange-100: 251, 202, 55;--color-muted-900: 170, 153, 173;--color-muted-800: 177, 162, 180;--color-muted-700: 184, 170, 187;--color-muted-600: 191, 179, 194;--color-muted-500: 199, 187, 201;--color-muted-400: 206, 196, 207;--color-muted-300: 213, 204, 214;--color-muted-200: 220, 213, 221;--color-muted-100: 227, 221, 228;--color-indigo-900: 36, 21, 147;--color-indigo-800: 41, 24, 170;--color-indigo-700: 47, 27, 192;--color-indigo-600: 52, 31, 214;--color-indigo-500: 66, 45, 225;--color-indigo-400: 86, 68, 228;--color-indigo-300: 106, 90, 231;--color-indigo-200: 126, 112, 235;--color-indigo-100: 147, 135, 238;--color-green-900: 29, 119, 50;--color-green-800: 33, 135, 57;--color-green-700: 35, 144, 60;--color-green-600: 38, 156, 65;--color-green-500: 41, 168, 71;--color-green-400: 44, 181, 76;--color-green-300: 47, 193, 81;--color-green-200: 50, 205, 86;--color-green-100: 62, 208, 96;--color-gray-900: 89, 89, 89;--color-gray-800: 102, 102, 102;--color-gray-700: 115, 115, 115;--color-gray-600: 128, 128, 128;--color-gray-500: 140, 140, 140;--color-gray-400: 153, 153, 153;--color-gray-300: 166, 166, 166;--color-gray-200: 179, 179, 179;--color-gray-100: 191, 191, 191;--color-blue-900: 0, 16, 194;--color-blue-800: 0, 17, 209;--color-blue-700: 0, 19, 224;--color-blue-600: 0, 20, 240;--color-blue-500: 0, 21, 255;--color-blue-400: 15, 35, 255;--color-blue-300: 31, 49, 255;--color-blue-200: 46, 63, 255;--color-blue-100: 61, 77, 255;--color-black-900: 0, 0, 0 ;--color-black-800: 10, 10, 10;--color-black-700: 20, 20, 20;--color-black-600: 31, 31, 31;--color-black-500: 41, 41, 41;--color-black-400: 51, 51, 51;--color-black-300: 61, 61, 61;--color-black-200: 71, 71, 71;--color-black-100: 82, 82, 82;--button-large-padding-y: 0.65em;--button-large-padding-x: 1.5em;--button-large-font-size: 1.2em;--button-small-padding-y: 0.375em;--button-small-padding-x: 0.85em;--button-small-font-size: 0.8em;--button-outline-width: calc(2 / 16 * 1em);--button-outline-style: solid;--button-color-transparent: transparent;--button-hover-color: #2b2b2b;--button-hover-bg-color: #dddddd;--button-padding-y: 0.5em;--button-padding-x: 1em;--button-font-size: 1em;--button-border-radius: 0.35em;--button-color: #000;--button-bg-color: #fff;--space-xxl: calc(5.25 * var(--space-default));--space-xl: calc(3.25 * var(--space-default));--space-lg: calc(2 * var(--space-default));--space-md: calc(1.25 * var(--space-default));--space-sm: calc(0.75 * var(--space-default));--space-xs: calc(0.5 * var(--space-default));--space-xxs: calc(0.25 * var(--space-default));--size-font-base: var(--size-font-medium);--size-font-large: calc(32 / 16 * var(--size-font-medium));--font-size-base: var(--font-size-sm);--font-family: var(--exo-font-family);--button-outline-color: var(--color-black-400)}:root{color-scheme:var(--base-color-schema)}.dark-theme{--button-bg-color: #353535;--button-color: #d3d7d9;--button-hover-bg-color: #454040;--button-hover-color: #d3d7d9;--button-text-color: #353535;--button-text-hover-bg-color: #454040;--button-text-hover-color: #d3d7d9;--button-outline-bg-color:var(--button-outline-bg-color, transparent);--button-outline-color: #353535;--button-outline-border-color: #353535;--button-outline-bg-color-hover: #454040;--button-outline-color-hover: #d3d7d9;--button-outline-border-color-hover: #454040;--button-text-color:#d3d7d9;--button-outline-color: #d3d7d9;--button-outline-border-color: #d3d7d9}.dark-theme .primary{--button-bg-color: #6d6dfa;--button-color: #d3d7d9;--button-hover-bg-color: #5d5dd4;--button-hover-color: #d3d7d9;--button-text-color: #6d6dfa;--button-text-hover-bg-color: #5d5dd4;--button-text-hover-color: #d3d7d9;--button-outline-bg-color:var(--button-outline-bg-color, transparent);--button-outline-color: #6d6dfa;--button-outline-border-color: #6d6dfa;--button-outline-bg-color-hover: #5d5dd4;--button-outline-color-hover: #d3d7d9;--button-outline-border-color-hover: #5d5dd4;--button-text-color:#d3d7d9;--button-outline-color: #d3d7d9;--button-outline-border-color: #6d6dfa}.dark-theme{--base-bg-color:#222222;--base-color: #e2e2e2}*{margin:0;padding:0;min-width:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;line-height:1.45;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:var(--base-font-size, 16px)}body{min-height:100vh;margin:0}html,body{height:100%;position:relative}body{background-color:var(--base-bg-color, #ffffff);color:var(--base-color, #000000);font-family:var(--font-family, var(--default-font));font-style:normal;letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:var(--base-font-size, 16px);position:relative;overflow-x:hidden;margin:0;padding:0;line-height:var(--base-line-height, 1.45)}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img,picture,svg,video{max-width:100%;height:auto;display:block}img{border-style:none}input,textarea,button,select{font:inherit;font-size:100%;line-height:1.15;margin:0}input{overflow:visible}select{text-transform:none}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}pre{white-space:pre-wrap}.btn{--button-font-size: 1em;--button-padding-y: 0.5em;--button-padding-x: 1.5em;cursor:pointer;appearance:none;border:none;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:.5em;font-weight:bold;font-size:var(--button-font-size, 1em);border-radius:var(--button-border-radius, 0.5em);padding:var(--button-padding-y, 0.5em) var(--button-padding-x, 1.5em);background-color:var(--button-bg-color, #fff);color:var(--button-color, #000);transition:color .35s ease-in-out,background-color .35s ease-in-out;line-height:1}.btn:is(:hover,:focus){background-color:var(--button-hover-bg-color, #000);color:var(--button-hover-color, #fff);transition:color .35s ease-in-out,background-color .35s ease-in-out}.btn--outline{background-color:var(--button-outline-bg-color, transparent);color:var(--button-outline-color, #000);border-color:var(--button-outline-border-color, #000);border-style:var(--button-outline-border-style, solid);border-width:var(--button-outline-border-width, 2px);transition:color .35s ease-in-out,background-color .35s ease-in-out,border-color .35s ease-in-out}.btn--outline:is(:hover,:focus){background-color:var(--button-outline-bg-color-hover, var(--button-hover-bg-color, #000));color:var(--button-outline-color-hover, #000);border-color:var(--button-outline-border-color-hover, var(--button-hover-bg-color, #000));transition:color .35s ease-in-out,background-color .35s ease-in-out,border-color .35s ease-in-out}.btn--text{background-color:var(--button-text-bg-color, var(--button-color-transparent, transparent));color:var(--button-text-color, rgb(var(--color-black-900)))}.btn--text:is(:hover,:focus){background-color:var(--button-text-hover-bg-color, var(--button-hover-bg-color));color:var(--button-text-hover-color, rgb(var(--color-black-900)))}.btn--small{--button-font-size: var(--button-small-font-size);--button-padding-y: var(--button-small-padding-y);--button-padding-x: var(--button-small-padding-x)}.btn--large{--button-font-size: var(--button-large-font-size);--button-padding-y: var(--button-large-padding-y);--button-padding-x: var(--button-large-padding-x)}.btn--raised{box-shadow:var(--button-raised-box-shadow, var(--box-shadow-base-1dp))}.btn--rounded{border-radius:var(--button-border-radius-rounded, 9999px)}button[disabled]{opacity:.5;cursor:not-allowed}button.primary{--button-bg-color: blue;--button-color: #f9f9f9;--button-hover-bg-color: blueviolet;--button-hover-color: #f9f9f9;--button-text-color: blue;--button-text-hover-bg-color: blueviolet;--button-text-hover-color: #f9f9f9;--button-outline-bg-color:var(--button-outline-bg-color, transparent);--button-outline-color: blue;--button-outline-border-color: blue;--button-outline-bg-color-hover: blueviolet;--button-outline-color-hover: #f9f9f9;--button-outline-border-color-hover: blueviolet}input.a-input{color:#495057;font-weight:400;line-height:1.5;box-sizing:border-box;font-size:.9375em;position:relative;width:100%;background-color:#fff;border:1px solid #dee5e5;border-radius:3px;display:block;font-family:inherit;font-weight:inherit;line-height:inherit;outline:none;padding:8px 15px}.dyncard{max-width:700px;position:relative;height:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:15.625em;border-radius:.75em;overflow:hidden;box-shadow:0 22px 24px -28px rgba(0,0,0,.2);transition:box-shadow .3s ease-in-out}.dyncard *{position:relative}.dyncard__image{width:8.75em;margin-right:-1em;transition:margin-right .35s ease-out;border-radius:.75em;background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:overlay;background-color:rgba(37,40,54,.25);overflow:hidden;box-shadow:none;z-index:100;transition:all .35s ease-in-out;will-change:width,background-color,margin-right}.dyncard__content{padding:1em;display:flex;flex-direction:column;justify-content:space-between;gap:1em;background-color:var(--dyncard-content-bg-color, white);border-radius:.75em;height:15.625em;z-index:200;transition:all .3s ease-in-out}.dyncard__wrapper{display:flex;flex-direction:column;gap:1em}.dyncard__heading{color:var(--dyncard-heading-color, #272727);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;font-size:1.25em}.dyncard__teaser{color:var(--dyncard-teaser-color, #4b4b4f);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;font-size:1.25em}.dyncard__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dyncard__footer .btn{background-color:#f3f7ff;color:#272727}.dyncard__footer div{color:var(--dyncard-footer-right-color, #7a7c7e);font-weight:500}.dyncard:is(:hover){box-shadow:none}.dyncard:is(:hover) .dyncard__image{overflow:hidden;background-color:rgba(0,0,0,0);width:11.25em;margin-right:0;z-index:200;box-shadow:2px 0 22px -8px rgba(0,0,0,.4)}.dyncard:is(:hover) .dyncard__content{padding-left:1rem;margin-left:-1rem;z-index:100;box-shadow:0 22px 24px -28px rgba(0,0,0,.2);transform:scale(0.96)}.dyncard:is(:hover) .dyncard__heading{font-size:1.25em}.dyncard:is(:hover) .dyncard__teaser{font-size:1.25em}.dyncard.dyncard--inverse .dyncard__image{width:11.25em;margin-right:0;z-index:200}.dyncard.dyncard--inverse .dyncard__content{transform:scale(1);margin-left:-1em;z-index:100;padding-left:2em}.dyncard.dyncard--inverse:is(:hover) .dyncard__image{margin-right:1em;width:8.75em;transform:scale(0.96);margin-right:0em;z-index:100}.dyncard.dyncard--inverse:is(:hover) .dyncard__content{z-index:200;padding-left:1em}.dark-theme{--dyncard-content-bg-color: #2a2c30;--dyncard-heading-color: #f0f1fa;--dyncard-teaser-color: #f0f1fa;--dyncard-footer-right-color:#8d94a4}.box-grid{padding:1em;display:grid;grid-template-columns:1fr;gap:1em;background-color:var(--box-grid-bg-color, rgb(245, 250, 255))}@media(min-width: 576px){.box-grid{grid-template-columns:1fr 1fr}}@media(min-width: 768px){.box-grid{padding:1.5em;gap:1.5em;grid-template-columns:repeat(auto-fill, minmax(16em, 1fr))}}@media(min-width: 992px){.box-grid{gap:2.5em;padding:2em;grid-template-columns:repeat(auto-fill, minmax(19em, 1fr))}}.box-grid__item{display:block}@media(min-width: 768px){.box-grid__item{aspect-ratio:1/1}}.box-grid__link{border-radius:1em;background-color:var(--box-grid-link-bg-color, #fff);display:block;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2.5em 1.5em;text-decoration:none}.box-grid__content{display:flex;flex-direction:column;gap:1em;align-items:center;color:var(--box-grid-content-color, #2a2c30)}.box-grid__content h2{font-size:1.25em;line-height:2;line-height:1.5em}.box-grid__content p{font-size:1em;line-height:1.5em}.box-grid__icon{font-size:3.5em;color:var(--box-grid-icon-color, rgb(0, 110, 220))}.box-grid__cta-btn{margin-top:1em}.box-grid__cta-btn span{font-weight:600;font-size:.875rem;line-height:1.25rem;color:#006edc;background-color:#f5faff;padding:1em 2em;display:inline-flex;align-items:center;cursor:pointer;border-radius:.75em}.box-grid__item:is(:hover,:focus-within) .box-grid__link{background-image:var(--box-grid-link-bg-image, linear-gradient(to bottom, #006edc, #0a3c96));scale:1.05;transition:scale .35s ease-in-out,background-image .35s ease-in-out}.box-grid__item:is(:hover,:focus-within) .box-grid__content{color:#fff}.box-grid__item:is(:hover,:focus-within) .box-grid__icon{color:#fff}.dark-theme{--box-grid-bg-color: #2a2c30;--box-grid-link-bg-color: #636363;--box-grid-link-bg-image: linear-gradient(to bottom, #006edc, #01102b);--box-grid-content-color: #f0f1fa;--box-grid-icon-color: #f0f1fa}.drawer{display:block;background-color:#fff;height:100vh;width:100vw;left:-100vw;position:fixed;transition:left .5s ease-in-out;z-index:2}.drawer__close-btn{position:absolute;right:.5em;top:.5em;width:2em;height:2em;cursor:pointer;padding:.25em}@media(min-width: 768px){.drawer{width:50vw;left:-50vw}}@media(min-width: 992px){.drawer{width:22.5em;left:-22.5em}}.drawer--open{left:0;transition:left .5s ease-in-out}@media(min-width: 768px){.drawer__overlay{width:100%;height:100%;position:fixed;inset:0px;z-index:1;background-color:rgba(0,0,0,.25)}}.drawer__content{padding:1em}.drawer__content nav{display:flex;flex-direction:column;gap:2em}.hero__skin,.hero:is(:hover,:focus) .hero__skin1,.hero:is(:hover,:focus) .hero__skin2,.newsletter__footer button{--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/ );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000}.newsletter{padding:6%;display:flex;flex-direction:column;gap:2em;min-width:0;width:100%;height:auto;background:var(--newsletter-bg-color, radial-gradient(circle, #4567af 0, #283c66 100%))}.newsletter__fields{display:flex;flex-direction:column;gap:2em;align-items:center;width:inherit}@media(min-width: 768px){.newsletter__fields{flex-direction:row}}.newsletter__field{display:flex;flex-direction:column;gap:.25em;width:100%}.newsletter .a-checkbox__container{align-items:center;cursor:pointer;display:flex;gap:1em}.newsletter .a-checkbox__checkmark{align-items:center;background-color:#fff;border:2px solid #dee5e5;box-sizing:border-box;color:#fff;display:flex;flex-shrink:0;height:25px;justify-content:center;width:25px}.newsletter__heading h3{font-size:1.75em;max-width:30ch;line-height:1.55;font-weight:400;color:var(--newsletter-heading-color, #dee5e5)}@media(min-width: 576px){.newsletter__heading h3{font-size:2em}}@media(min-width: 768px){.newsletter__heading h3{font-size:2.25em}}@media(min-width: 992px){.newsletter__heading h3{font-size:2.75em}}@media(min-width: 1200px){.newsletter__heading h3{font-size:3em}}@media(min-width: 1400px){.newsletter__heading h3{font-size:3.5em}}.newsletter__wrapper{display:flex;flex-direction:column;gap:2em;color:var(--newsletter-text-color, #fff)}@media(min-width: 768px){.newsletter__wrapper{margin-left:5%}}.newsletter__footer{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.newsletter__footer button{padding:1.25em 2.5em;background-color:var(--newsletter-btn-bg-color, #f55d4b);border-color:var(--newsletter-btn-bg-color, #f55d4b);border-radius:50rem;color:var(--newsletter-btn-color, #fff);--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}@media(max-width: calc(768px - 0.001px)){.newsletter__footer button{width:100%}}.newsletter .small{font-size:12px}.dark-theme{--newsletter-bg-color: radial-gradient(circle, #59595a 0, #2d2d2e 100%);--newsletter-text-color:#fff;--newsletter-heading-color: #f9f9f9;--newsletter-btn-bg-color: #dee5e5;--newsletter-btn-color: #2a2c30}.pink{background-color:pink}.peru{background-color:peru}.aqua{background-color:aqua}.orange{background-color:orange}.pliegues{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;height:auto;width:100%;overflow:hidden}.pliegues__section{height:calc(100vh - 70px);width:100%;display:flex;align-items:center;justify-content:center;transition:position .5s ease-in-out}.pliegues__section--active{transition:position .5s ease-in-out}.hero{display:grid;grid-template-columns:1fr 1fr;gap:0em;padding:3em 0;height:100%;width:100%}.hero *{position:relative}.hero__left{padding:5%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:.25em}.hero__leading{text-transform:uppercase;font-size:1.1em;color:blue}.hero__heading{font-size:2em;font-weight:bold}.hero__teaser{font-size:1.1em;max-width:50ch;line-height:1.5}.hero__right{padding:5%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero__skin{display:grid;grid-template-columns:1fr;align-items:center;aspect-ratio:16/9;width:100%;position:relative;z-index:2;background-position:center;background-size:cover;background-repeat:no-repeat;height:auto;border-radius:1.5em;--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);transition:all .35s ease-in-out}.hero__skin1{display:grid;grid-template-columns:1fr;align-items:center;aspect-ratio:1;position:absolute;height:auto;width:50%;rotate:-50deg;border-radius:2em;backdrop-filter:blur(8px);background-color:rgba(0,0,255,.35);backdrop-filter:blur(4px);z-index:1;right:5%;transition:all .35s ease-in-out}.hero__skin2{display:grid;grid-template-columns:1fr;align-items:center;aspect-ratio:1;position:absolute;height:auto;width:50%;rotate:-50deg;border-radius:2em;backdrop-filter:blur(8px);background-color:rgba(207,204,246,.35);z-index:0;right:0%;transition:all .35s ease-in-out}.hero:is(:hover,:focus) .hero__skin{scale:1.0125;transition:all .35s ease-in-out}.hero:is(:hover,:focus) .hero__skin1{--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);transition:all .35s ease-in-out;right:7%}.hero:is(:hover,:focus) .hero__skin2{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);transition:all .35s ease-in-out;right:2%}.dynhero{background-color:#54123a;height:75vh;width:100%;padding:3em 0}.dynhero *{min-width:0;position:relative}.dynhero__wrapper{height:100%;margin:0 auto;max-width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}@media(min-width: 1200px){.dynhero__wrapper{max-width:70vw;grid-template-columns:1fr 2fr;grid-template-rows:1fr}}.dynhero__content{padding:2em;display:flex;flex-direction:column;gap:2em}.dynhero__content p,.dynhero__content h2{color:#fff;font-family:var(--font-family, var(--default-font))}.dynhero__content h2{font-size:3.5em;font-weight:300}.dynhero__content p{font-size:1.5em;font-weight:200}.dynhero__images{display:flex;flex-direction:row;gap:2em;padding:2em}.dynhero__link{width:33.3333333333%;height:100%;display:block;text-decoration:none}.dynhero__link:is(:hover,:focus,:focus-within){width:100%;transition:width .6s ease-in}.dynhero__link:is(:hover,:focus,:focus-within) .dynhero__image-box p{display:block}.dynhero__image-box{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2em;overflow:hidden}.dynhero__image-box p{color:#fff;border:1px solid red;display:none}.heronews{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;min-height:70vh}.heronews *{min-width:0;position:relative;box-sizing:border-box}.heronews__featured{position:relative;background-color:#777;background-position:center;background-repeat:no-repeat;background-size:cover}.heronews__featured a{justify-content:flex-end;padding:4em}.heronews__featured .test{border:2px dotted orange;width:100%;height:100%}.heronews__featured .test .btn{background-color:red;display:inline-block}.heronews__featured h2{font-size:3.2em;color:#fff;z-index:1}.heronews__featured p{font-size:1.25em;color:#fff;z-index:1}.heronews__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"primary primary" "secondary tertiary"}.heronews__primary{position:relative;background-color:#777;grid-area:primary;padding:2em;background-position:center;background-repeat:no-repeat;background-size:cover}.heronews__primary a{justify-content:center;padding:3em}.heronews__primary h3{font-size:2em;color:#fff;z-index:1}.heronews__secondary{position:relative;background-color:#777;grid-area:secondary;height:100%;padding:2em;display:flex;flex-direction:column;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover}.heronews__secondary a{justify-content:center;padding:3em}.heronews__secondary h3{font-size:2em;color:#fff;z-index:1}.heronews__tertiary{position:relative;background-color:#777;grid-area:tertiary;display:flex;flex-direction:column;justify-content:center;height:100%;padding:2em;background-position:center;background-repeat:no-repeat;background-size:cover}.heronews__tertiary a{justify-content:center;padding:3em}.heronews__tertiary h3{font-size:2em;color:#fff;z-index:1}.heronews__overlay{display:flex;flex-direction:column;position:absolute;inset:0;width:100%;height:100%;z-index:0;text-decoration:none;background-color:rgba(0,0,0,.1);transition:background-color .3s ease-in-out,text-decoration .3s ease-in-out}.heronews__overlay:is(:hover,:focus-within){outline:none;background-color:rgba(0,0,0,.3);transition:background-color .3s ease-in-out}.heronews__overlay:is(:hover,:focus-within) h2,.heronews__overlay:is(:hover,:focus-within) h3{text-decoration:underline;transition:text-decoration .3s ease-in-out}.hero-news{display:grid;grid-template-columns:1fr;width:100%;gap:1em;height:100%;max-height:100%}.hero-news *{position:relative}.hero-news__block img{object-fit:cover;height:100%;width:100%}@media(min-width: 992px){.hero-news__block--2x2{grid-column:1/4;grid-row:1/2}}@media(min-width: 1200px){.hero-news__block--2x2{grid-column:1/2;grid-row:1/3}}@media(min-width: 992px){.hero-news__block--2x1{grid-column:1/2;grid-row:2/3}}@media(min-width: 1200px){.hero-news__block--2x1{grid-column:2/4;grid-row:1/2}}@media(min-width: 992px){.hero-news__block--1x1:nth-child(1){grid-column:2/3;grid-row:2/3}}@media(min-width: 1200px){.hero-news__block--1x1:nth-child(1){grid-column:2/3;grid-row:2/3}}@media(min-width: 992px){.hero-news__block--1x1:nth-child(2){grid-column:3/4;grid-row:2/3}}@media(min-width: 1200px){.hero-news__block--1x1:nth-child(2){grid-column:3/4;grid-row:2/3}}@media(min-width: 768px){.hero-news{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2, 30vh)}}@media(min-width: 992px){.hero-news{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1200px){.hero-news{grid-template-columns:1fr .5fr .5fr}}.calendar{width:100%;gap:2em;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;background-color:#dfdfdf;padding:1em;height:100%}.calendar *{box-sizing:border-box;position:relative}.calendar__header{display:flex;justify-content:space-between;align-items:baseline}.calendar__body{gap:1em;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:.25em}.calendar__body-weekdays{gap:0em;align-items:center;border-bottom:2px solid green;padding-bottom:1em;display:grid;grid-template-columns:repeat(7, 1fr)}.calendar__day{width:100%;padding:10px;height:100%;aspect-ratio:2/1;box-sizing:border-box;background-color:#fff;box-shadow:0px 0px 3px #cbd4c2;display:flex;flex-direction:column;justify-content:space-between}.calendar__day--current-day{background-color:#d0d0ff;border:1px solid blue}.calendar__day--prev-day{background-color:#e9e9e9}.calendar__grid{display:grid;grid-template-columns:repeat(7, 1fr);grid-auto-rows:auto;gap:.25em;height:100%}.calendar__select-times{display:flex;flex-direction:row;gap:1em}.calendar__btn--confirm{--button-bg-color:blue;--button-color:white}.calendar__btn--cancel{--button-bg-color:red;--button-color:white}.calendar__close-dialog-btn{--color-black-900:255, 0, 64}dialog[open].calendar__dialog .inner-dialog{background-color:#fff;padding:1em;width:50%;height:50%;display:flex;flex-direction:column;gap:1em}dialog[open].calendar__dialog .inner-dialog__header{display:flex;justify-content:space-between;align-items:center}dialog[open].calendar__dialog .inner-dialog form{display:flex;flex-direction:column;gap:1em}dialog[open].calendar__dialog{width:100%;height:auto;backdrop-filter:blur(8px);background-color:rgba(0,0,0,.26);opacity:1;z-index:1;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .7s ease-in-out}.site{max-width:var(--site-max-width, 1540px);margin:0 auto}.site--fluid{max-width:none;width:auto}:host{font-size:16px}main{position:relative}header.main{padding:1em;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--header-bg-color, #fff)}.dark-theme{--header-bg-color: #636363}