/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */ @layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:0.25rem;--container-2xs:18rem;--container-md:28rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:Roboto,Arial,'sans-serif';--default-mono-font-family:var(--font-mono);--color-primary-hover:var(--light-primary-hover);--color-primary-focus:var(--light-primary-focus);--color-surface-hover:var(--light-surface-hover);--color-surface-focus:var(--light-surface-focus);--color-inverse-surface-hover:var(--light-inverse-surface-hover);--color-inverse-surface-focus:var(--light-inverse-surface-focus);--color-surface-container-highest-hover:var(--light-surface-container-highest-hover);--color-surface-container-highest-focus:var(--light-surface-container-highest-focus);--color-surface-container-high-hover:var(--light-surface-container-high-hover);--color-surface-container-high-focus:var(--light-surface-container-high-focus);--font-icon:'Material Icons Outlined';--spacing-8xl:83rem;--text-icon-large:37px;--text-icon-small:20px;--animate-smoothscroll:smoothscroll 0.8s ease-in-out;--color-surface-container-highest:var(--md-sys-color-surface-container-highest);--color-outline:var(--md-sys-color-outline);--color-primary:var(--md-sys-color-primary);--color-unpublished:var(--light-unpublished);--color-inthefuture:var(--light-inthefuture);--color-archived:var(--light-archived);--color-white:#fff;--color-black:#000;}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid;}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}:-moz-focusring{outline:auto;}progress{vertical-align:baseline;}summary{display:list-item;}ol,ul,menu{list-style:none;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1;}:where(select:is([multiple],[size])) optgroup{font-weight:bolder;}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px;}::file-selector-button{margin-inline-end:4px;}::placeholder{opacity:1;}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit;}::-webkit-datetime-edit{display:inline-flex;}::-webkit-datetime-edit-fields-wrapper{padding:0;}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0;}::-webkit-calendar-picker-indicator{line-height:1;}:-moz-ui-invalid{box-shadow:none;}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[hidden]:where(:not([hidden="until-found"])){display:none !important;}}@layer utilities{.pointer-events-auto{pointer-events:auto;}.collapse{visibility:collapse;}.invisible{visibility:hidden;}.visible{visibility:visible;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.static{position:static;}.sticky{position:sticky;}.inset-0{inset:calc(var(--spacing) * 0);}.inset-y-0{inset-block:calc(var(--spacing) * 0);}.-top-21{top:calc(var(--spacing) * -21);}.top-\(--header-top-position\){top:var(--header-top-position);}.top-0{top:calc(var(--spacing) * 0);}.top-1\/2{top:calc(1/2 * 100%);}.top-14{top:calc(var(--spacing) * 14);}.top-\[35px\]{top:35px;}.top-\[120px\]{top:120px;}.right-0{right:calc(var(--spacing) * 0);}.right-5{right:calc(var(--spacing) * 5);}.bottom-0{bottom:calc(var(--spacing) * 0);}.left-0{left:calc(var(--spacing) * 0);}.left-1\/2{left:calc(1/2 * 100%);}.left-5{left:calc(var(--spacing) * 5);}.left-\[50\%\]{left:50%;}.-z-10{z-index:calc(10 * -1);}.z-0{z-index:0;}.z-1{z-index:1;}.z-4{z-index:4;}.z-5{z-index:5;}.z-8{z-index:8;}.z-11{z-index:11;}.z-20{z-index:20;}.order-0{order:0;}.order-1{order:1;}.order-2{order:2;}.order-3{order:3;}.order-4{order:4;}.order-5{order:5;}.order-6{order:6;}.order-7{order:7;}.order-8{order:8;}.order-9{order:9;}.order-10{order:10;}.order-11{order:11;}.order-12{order:12;}.order-first{order:-9999;}.order-last{order:9999;}.col-1{grid-column:1;}.col-2{grid-column:2;}.col-3{grid-column:3;}.col-4{grid-column:4;}.col-5{grid-column:5;}.col-6{grid-column:6;}.col-7{grid-column:7;}.col-8{grid-column:8;}.col-9{grid-column:9;}.col-10{grid-column:10;}.col-11{grid-column:11;}.col-12{grid-column:12;}.col-auto{grid-column:auto;}.col-span-1{grid-column:span 1 / span 1;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.row-span-2{grid-row:span 2 / span 2;}.row-span-3{grid-row:span 3 / span 3;}.row-start-1{grid-row-start:1;}.container{width:100%;@media (width >= 40rem){max-width:40rem;}@media (width >= 48rem){max-width:48rem;}@media (width >= 64rem){max-width:64rem;}@media (width >= 80rem){max-width:80rem;}@media (width >= 96rem){max-width:96rem;}}.m-0{margin:calc(var(--spacing) * 0);}.m-1{margin:calc(var(--spacing) * 1);}.m-2{margin:calc(var(--spacing) * 2);}.m-3{margin:calc(var(--spacing) * 3);}.m-4{margin:calc(var(--spacing) * 4);}.m-5{margin:calc(var(--spacing) * 5);}.m-auto{margin:auto;}.mx-0{margin-inline:calc(var(--spacing) * 0);}.mx-1{margin-inline:calc(var(--spacing) * 1);}.mx-2{margin-inline:calc(var(--spacing) * 2);}.mx-3{margin-inline:calc(var(--spacing) * 3);}.mx-4{margin-inline:calc(var(--spacing) * 4);}.mx-5{margin-inline:calc(var(--spacing) * 5);}.mx-auto{margin-inline:auto;}.my-0{margin-block:calc(var(--spacing) * 0);}.my-1{margin-block:calc(var(--spacing) * 1);}.my-2{margin-block:calc(var(--spacing) * 2);}.my-3{margin-block:calc(var(--spacing) * 3);}.my-4{margin-block:calc(var(--spacing) * 4);}.my-5{margin-block:calc(var(--spacing) * 5);}.my-auto{margin-block:auto;}.-mt-px{margin-top:-1px;}.mt-0{margin-top:calc(var(--spacing) * 0);}.mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}.mt-2{margin-top:calc(var(--spacing) * 2);}.mt-3{margin-top:calc(var(--spacing) * 3);}.mt-4{margin-top:calc(var(--spacing) * 4);}.mt-5{margin-top:calc(var(--spacing) * 5);}.mt-6{margin-top:calc(var(--spacing) * 6);}.mt-8{margin-top:calc(var(--spacing) * 8);}.mr-\[auto\]{margin-right:auto;}.mb-0{margin-bottom:calc(var(--spacing) * 0);}.mb-1{margin-bottom:calc(var(--spacing) * 1);}.mb-2{margin-bottom:calc(var(--spacing) * 2);}.mb-3{margin-bottom:calc(var(--spacing) * 3);}.mb-4{margin-bottom:calc(var(--spacing) * 4);}.mb-4\.5{margin-bottom:calc(var(--spacing) * 4.5);}.mb-5{margin-bottom:calc(var(--spacing) * 5);}.mb-7{margin-bottom:calc(var(--spacing) * 7);}.mb-8{margin-bottom:calc(var(--spacing) * 8);}.mb-\[6px\]{margin-bottom:6px;}.ml-1{margin-left:calc(var(--spacing) * 1);}.ml-4{margin-left:calc(var(--spacing) * 4);}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}.\!hidden{display:none !important;}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.inline{display:inline;}.inline-block{display:inline-block;}.inline-flex{display:inline-flex;}.table{display:table;}.table-cell{display:table-cell;}.table-row{display:table-row;}.aspect-213\/266{aspect-ratio:213/266;}.aspect-video{aspect-ratio:var(--aspect-video);}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}.h-\(--card-content-height\){height:var(--card-content-height);}.h-\(--header-mobile-height\){height:var(--header-mobile-height);}.h-14{height:calc(var(--spacing) * 14);}.h-\[1px\]{height:1px;}.h-\[44px\]{height:44px;}.h-\[45px\]{height:45px;}.h-\[175px\]{height:175px;}.h-\[inherit\]{height:inherit;}.h-fit{height:fit-content;}.h-full{height:100%;}.h-px{height:1px;}.max-h-\[90px\]{max-height:90px;}.max-h-\[120px\]{max-height:120px;}.max-h-\[calc\(100vh-var\(--header-top-position\)\)\]{max-height:calc(100vh - var(--header-top-position));}.min-h-0{min-height:calc(var(--spacing) * 0);}.min-h-\[64px\]{min-height:64px;}.min-h-\[150px\]{min-height:150px;}.min-h-\[200px\]{min-height:200px;}.min-h-\[220px\]{min-height:220px;}.min-h-\[296px\]{min-height:296px;}.min-h-\[calc\(100vh_-_var\(--header-mobile-height\)\)\]{min-height:calc(100vh - var(--header-mobile-height));}.min-h-full{min-height:100%;}.w-1\/3{width:calc(1/3 * 100%);}.w-5{width:calc(var(--spacing) * 5);}.w-\[28px\]{width:28px;}.w-\[44px\]{width:44px;}.w-\[175px\]{width:175px;}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-full{width:100%;}.max-w-6xl{max-width:var(--container-6xl);}.max-w-\[150px\]{max-width:150px;}.max-w-\[180px\]{max-width:180px;}.max-w-\[420px\]{max-width:420px;}.max-w-full{max-width:100%;}.max-w-md{max-width:var(--container-md);}.min-w-0{min-width:calc(var(--spacing) * 0);}.min-w-full{min-width:100%;}.flex-1{flex:1;}.flex-auto{flex:auto;}.flex-none{flex:none;}.flex-shrink{flex-shrink:1;}.flex-shrink-0{flex-shrink:0;}.flex-shrink-1{flex-shrink:1;}.shrink-0{flex-shrink:0;}.flex-grow{flex-grow:1;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.grow{flex-grow:1;}.grow-1{flex-grow:1;}.basis-\(--card-content-height\){flex-basis:var(--card-content-height);}.border-collapse{border-collapse:collapse;}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-0{--tw-translate-y:calc(var(--spacing) * -0);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-30{--tw-translate-y:calc(var(--spacing) * 30);translate:var(--tw-translate-x) var(--tw-translate-y);}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y);}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y);}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.list-outside{list-style-position:outside;}.\!list-none{list-style-type:none !important;}.list-decimal{list-style-type:decimal;}.list-disc{list-style-type:disc;}.list-none{list-style-type:none !important;}.form-textarea{appearance:none;background-color:#fff;border-color:oklch(55.1% 0.027 264.364);border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% 0.245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:oklch(54.6% 0.245 262.881);}&::placeholder{color:oklch(55.1% 0.027 264.364);opacity:1;}}.grid-flow-col-dense{grid-auto-flow:column dense;}.auto-rows-auto{grid-auto-rows:auto;}.auto-rows-fr{grid-auto-rows:minmax(0,1fr);}.auto-rows-min{grid-auto-rows:min-content;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr;}.grid-cols-\[repeat\(auto-fill\,44px\)\]{grid-template-columns:repeat(auto-fill,44px);}.flex-col{flex-direction:column;}.flex-row{flex-direction:row;}.flex-row-reverse{flex-direction:row-reverse;}.flex-nowrap{flex-wrap:nowrap;}.flex-wrap{flex-wrap:wrap;}.flex-wrap-reverse{flex-wrap:wrap-reverse;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-start{align-items:flex-start;}.items-stretch{align-items:stretch;}.justify-around{justify-content:space-around;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.gap-0{gap:calc(var(--spacing) * 0);}.gap-1{gap:calc(var(--spacing) * 1);}.gap-1\.5{gap:calc(var(--spacing) * 1.5);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-2\.5{gap:calc(var(--spacing) * 2.5);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-5{gap:calc(var(--spacing) * 5);}.gap-6{gap:calc(var(--spacing) * 6);}.gap-7{gap:calc(var(--spacing) * 7);}.gap-8{gap:calc(var(--spacing) * 8);}.gap-10{gap:calc(var(--spacing) * 10);}.gap-15{gap:calc(var(--spacing) * 15);}.gap-\[3px\]{gap:3px;}.gap-\[6px\]{gap:6px;}.gap-\[10px\]{gap:10px;}.gap-\[220px\]{gap:220px;}.space-y-2{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}}.gap-x-3{column-gap:calc(var(--spacing) * 3);}.gap-x-4{column-gap:calc(var(--spacing) * 4);}.gap-y-4{row-gap:calc(var(--spacing) * 4);}.self-center{align-self:center;}.self-end{align-self:flex-end;}.self-stretch{align-self:stretch;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.overflow-y-hidden{overflow-y:hidden;}.\!rounded-small{border-radius:var(--md-sys-shape-corner-small) !important;}.rounded-extra-large{border-radius:var(--md-sys-shape-corner-extra-large);}.rounded-full{border-radius:var(--md-sys-shape-corner-full);}.rounded-large{border-radius:var(--md-sys-shape-corner-large);}.rounded-medium{border-radius:var(--md-sys-shape-corner-medium);}.rounded-small{border-radius:var(--md-sys-shape-corner-small);}.rounded-t-medium{border-top-left-radius:var(--md-sys-shape-corner-medium);border-top-right-radius:var(--md-sys-shape-corner-medium);}.rounded-b-medium{border-bottom-right-radius:var(--md-sys-shape-corner-medium);border-bottom-left-radius:var(--md-sys-shape-corner-medium);}.rounded-br-medium{border-bottom-right-radius:var(--md-sys-shape-corner-medium);}.border{border-style:var(--tw-border-style);border-width:1px;}.border-0{border-style:var(--tw-border-style);border-width:0px;}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px;}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px;}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px;}.border-outline{border-color:var(--md-sys-color-outline);}.border-outline-variant{border-color:var(--md-sys-color-outline-variant);}.bg-\(--md-sys-color-outline-variant\){background-color:var(--md-sys-color-outline-variant);}.bg-archived{background-color:var(--color-archived);}.bg-background{background-color:var(--md-sys-color-background);}.bg-black\/0{background-color:color-mix(in srgb,#000 0%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 0%,transparent);}}.bg-black\/30{background-color:color-mix(in srgb,#000 30%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 30%,transparent);}}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent);}}.bg-error-container{background-color:var(--md-sys-color-error-container);}.bg-inthefuture{background-color:var(--color-inthefuture);}.bg-inverse-primary{background-color:var(--md-sys-color-inverse-primary);}.bg-inverse-surface{background-color:var(--md-sys-color-inverse-surface);}.bg-on-surface{background-color:var(--md-sys-color-on-surface);}.bg-on-surface\/40{background-color:var(--md-sys-color-on-surface);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--md-sys-color-on-surface) 40%,transparent);}}.bg-outline-variant{background-color:var(--md-sys-color-outline-variant);}.bg-secondary-container{background-color:var(--md-sys-color-secondary-container);}.bg-state-opacity-8{background-color:var(--md-sys-color-state-opacity-8);}.bg-success-container{background-color:var(--md-sys-color-success-container);}.bg-surface{background-color:var(--md-sys-color-surface);}.bg-surface-container-high{background-color:var(--md-sys-color-surface-container-high);}.bg-surface-container-low{background-color:var(--md-sys-color-surface-container-low);}.bg-surface-container-lowest{background-color:var(--md-sys-color-surface-container-lowest);}.bg-surface-variant{background-color:var(--md-sys-color-surface-variant);}.bg-transparent{background-color:transparent;}.bg-unpublished{background-color:var(--color-unpublished);}.bg-warning-container{background-color:var(--md-sys-color-warning-container);}.bg-\[url\(\.\.\/images\/gech-annuaire-placeholder\.svg\)\]{background-image:url(/themes/custom/gech_front/images/gech-annuaire-placeholder.svg);}.bg-cover{background-size:cover;}.bg-center{background-position:center;}.bg-no-repeat{background-repeat:no-repeat;}.fill-\[\#000\]{fill:#000;}.p-0{padding:calc(var(--spacing) * 0);}.p-1{padding:calc(var(--spacing) * 1);}.p-2{padding:calc(var(--spacing) * 2);}.p-3{padding:calc(var(--spacing) * 3);}.p-4{padding:calc(var(--spacing) * 4);}.p-5{padding:calc(var(--spacing) * 5);}.p-8{padding:calc(var(--spacing) * 8);}.p-\[16px\]{padding:16px;}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5) !important;}.px-0{padding-inline:calc(var(--spacing) * 0);}.px-1{padding-inline:calc(var(--spacing) * 1);}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5);}.px-2{padding-inline:calc(var(--spacing) * 2);}.px-3{padding-inline:calc(var(--spacing) * 3);}.px-4{padding-inline:calc(var(--spacing) * 4);}.px-5{padding-inline:calc(var(--spacing) * 5);}.px-6{padding-inline:calc(var(--spacing) * 6);}.py-0{padding-block:calc(var(--spacing) * 0);}.py-1{padding-block:calc(var(--spacing) * 1);}.py-1\.5{padding-block:calc(var(--spacing) * 1.5);}.py-2{padding-block:calc(var(--spacing) * 2);}.py-3{padding-block:calc(var(--spacing) * 3);}.py-4{padding-block:calc(var(--spacing) * 4);}.py-5{padding-block:calc(var(--spacing) * 5);}.py-6{padding-block:calc(var(--spacing) * 6);}.py-8{padding-block:calc(var(--spacing) * 8);}.py-\[10px\]{padding-block:10px;}.py-\[24px\]{padding-block:24px;}.pe-10{padding-inline-end:calc(var(--spacing) * 10);}.pt-\(--header-mobile-height\){padding-top:var(--header-mobile-height);}.pt-2{padding-top:calc(var(--spacing) * 2);}.pt-3{padding-top:calc(var(--spacing) * 3);}.pt-4{padding-top:calc(var(--spacing) * 4);}.pt-8{padding-top:calc(var(--spacing) * 8);}.pt-15{padding-top:calc(var(--spacing) * 15);}.pr-1{padding-right:calc(var(--spacing) * 1);}.pr-3{padding-right:calc(var(--spacing) * 3);}.pr-5{padding-right:calc(var(--spacing) * 5);}.pr-\[12px\]{padding-right:12px;}.pb-2{padding-bottom:calc(var(--spacing) * 2);}.pb-3{padding-bottom:calc(var(--spacing) * 3);}.pb-4{padding-bottom:calc(var(--spacing) * 4);}.pb-6{padding-bottom:calc(var(--spacing) * 6);}.pb-8{padding-bottom:calc(var(--spacing) * 8);}.pb-11{padding-bottom:calc(var(--spacing) * 11);}.pb-\[16px\]{padding-bottom:16px;}.pb-px{padding-bottom:1px;}.pl-2{padding-left:calc(var(--spacing) * 2);}.pl-3{padding-left:calc(var(--spacing) * 3);}.pl-4{padding-left:calc(var(--spacing) * 4);}.pl-5{padding-left:calc(var(--spacing) * 5);}.pl-\[16px\]{padding-left:16px;}.pl-\[30px\]{padding-left:30px;}.text-center{text-align:center;}.text-left{text-align:left;}.align-middle{vertical-align:middle;}.align-top{vertical-align:top;}.text-body-large{font-size:var(--md-sys-typescale-body-large-size);line-height:var(--tw-leading,var(--md-sys-typescale-body-large-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-body-large-tracking));font-weight:var(--tw-font-weight,400);}.text-body-medium{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--tw-leading,var(--md-sys-typescale-body-medium-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-body-medium-tracking));font-weight:var(--tw-font-weight,400);}.text-body-small{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--tw-leading,var(--md-sys-typescale-body-small-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-body-small-tracking));font-weight:var(--tw-font-weight,400);}.text-headline-medium{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--tw-leading,var(--md-sys-typescale-headline-medium-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-headline-medium-tracking));font-weight:var(--tw-font-weight,700);}.text-headline-small{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--tw-leading,var(--md-sys-typescale-headline-small-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-headline-small-tracking));font-weight:var(--tw-font-weight,700);}.text-label-large{font-size:var(--md-sys-typescale-label-large-size);line-height:var(--tw-leading,var(--md-sys-typescale-label-large-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-label-large-tracking));font-weight:var(--tw-font-weight,500);}.text-label-medium{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--tw-leading,var(--md-sys-typescale-label-medium-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-label-medium-tracking));font-weight:var(--tw-font-weight,500);}.text-title-large{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--tw-leading,var(--md-sys-typescale-title-large-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-title-medium-tracking));font-weight:var(--tw-font-weight,700);}.text-title-medium{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--tw-leading,var(--md-sys-typescale-title-medium-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-title-medium-tracking));font-weight:var(--tw-font-weight,700);}.text-title-small{font-size:var(--md-sys-typescale-title-small-size);line-height:var(--tw-leading,var(--md-sys-typescale-title-small-line-height));letter-spacing:var(--tw-tracking,var(--md-sys-typescale-title-small-tracking));font-weight:var(--tw-font-weight,500);}.\!text-lg\/4\.5{font-size:var(--text-lg) !important;line-height:calc(var(--spacing) * 4.5) !important;}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));}.\!text-icon-large{font-size:var(--text-icon-large) !important;}.\!text-icon-small{font-size:var(--text-icon-small) !important;}.text-\[1\.75rem\]{font-size:1.75rem;}.text-\[170px\]{font-size:170px;}.leading-none{--tw-leading:1;line-height:1;}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}.whitespace-nowrap{white-space:nowrap;}.text-\(--md-ref-palette-neutral-100\){color:var(--md-ref-palette-neutral-100);}.text-background{color:var(--md-sys-color-background);}.text-inverse-on-surface{color:var(--md-sys-color-inverse-on-surface);}.text-inverse-surface{color:var(--md-sys-color-inverse-surface);}.text-on-background{color:var(--md-sys-color-on-background);}.text-on-error-container{color:var(--md-sys-color-on-error-container);}.text-on-success-container{color:var(--md-sys-color-on-success-container);}.text-on-surface{color:var(--md-sys-color-on-surface);}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant);}.text-on-warning-container{color:var(--md-sys-color-on-warning-container);}.text-primary{color:var(--md-sys-color-primary);}.text-success{color:var(--md-sys-color-success);}.text-white{color:var(--color-white);}.uppercase{text-transform:uppercase;}.italic{font-style:italic;}.not-italic{font-style:normal;}.no-underline{text-decoration-line:none;}.underline{text-decoration-line:underline;}.opacity-0{opacity:0%;}.opacity-30{opacity:30%;}.opacity-100{opacity:100%;}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,var(--md-sys-color-state-opacity-15)),0 4px 6px -4px var(--tw-shadow-color,var(--md-sys-color-state-opacity-30));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,var(--md-sys-color-state-opacity-15)),0 2px 4px -2px var(--tw-shadow-color,var(--md-sys-color-state-opacity-30));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,var(--md-sys-color-state-opacity-15)),0 1px 2px -1px var(--tw-shadow-color,var(--md-sys-color-state-opacity-30));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.duration-75{--tw-duration:75ms;transition-duration:75ms;}.duration-100{--tw-duration:100ms;transition-duration:100ms;}.duration-200{--tw-duration:200ms;transition-duration:200ms;}.duration-300{--tw-duration:300ms;transition-duration:300ms;}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in);}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out);}.select-none{-webkit-user-select:none;user-select:none;}.backface-hidden{backface-visibility:hidden;}.\*\:inline{:is(& > *){display:inline;}}.\*\:max-h-\[inherit\]{:is(& > *){max-height:inherit;}}.\*\:w-full{:is(& > *){width:100%;}}.group-hover\:bg-black\/40{&:is(:where(.group):hover *){@media (hover:hover){background-color:color-mix(in srgb,#000 40%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 40%,transparent);}}}}.group-hover\:opacity-0{&:is(:where(.group):hover *){@media (hover:hover){opacity:0%;}}}.group-\[\.page-promo-wrapper\]\:bg-\(--md-ref-palette-neutral-100\){&:is(:where(.group):is(.page-promo-wrapper) *){background-color:var(--md-ref-palette-neutral-100);}}.group-\[\.page-promo-wrapper\]\:text-\(--md-ref-palette-neutral-10\){&:is(:where(.group):is(.page-promo-wrapper) *){color:var(--md-ref-palette-neutral-10);}}.group-\[\.page-promo-wrapper\]\:text-\(--md-ref-palette-neutral-variant-30\){&:is(:where(.group):is(.page-promo-wrapper) *){color:var(--md-ref-palette-neutral-variant-30);}}.after\:absolute{&::after{content:var(--tw-content);position:absolute;}}.after\:bottom-0{&::after{content:var(--tw-content);bottom:calc(var(--spacing) * 0);}}.after\:left-0{&::after{content:var(--tw-content);left:calc(var(--spacing) * 0);}}.after\:z-50{&::after{content:var(--tw-content);z-index:50;}}.after\:clear-both{&::after{content:var(--tw-content);clear:both;}}.after\:block{&::after{content:var(--tw-content);display:block;}}.after\:h-16{&::after{content:var(--tw-content);height:calc(var(--spacing) * 16);}}.after\:w-full{&::after{content:var(--tw-content);width:100%;}}.after\:rounded-extra-large{&::after{content:var(--tw-content);border-radius:var(--md-sys-shape-corner-extra-large);}}.after\:bg-linear-to-b{&::after{content:var(--tw-content);--tw-gradient-position:to bottom;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to bottom in oklab;}background-image:linear-gradient(var(--tw-gradient-stops));}}.after\:from-transparent{&::after{content:var(--tw-content);--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));}}.after\:from-0\%{&::after{content:var(--tw-content);--tw-gradient-from-position:0%;}}.after\:to-archived{&::after{content:var(--tw-content);--tw-gradient-to:var(--color-archived);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));}}.after\:to-inthefuture{&::after{content:var(--tw-content);--tw-gradient-to:var(--color-inthefuture);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));}}.after\:to-surface{&::after{content:var(--tw-content);--tw-gradient-to:var(--md-sys-color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));}}.after\:to-unpublished{&::after{content:var(--tw-content);--tw-gradient-to:var(--color-unpublished);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));}}.after\:to-90\%{&::after{content:var(--tw-content);--tw-gradient-to-position:90%;}}.after\:content-\[\'\'\] { &::after { --tw-content: ''; content: var(--tw-content); } } .last\:border-none { &:last-child { --tw-border-style: none; border-style: none; } } .hover\:cursor-pointer { &:hover { @media (hover: hover) { cursor: pointer; } } } .hover\:bg-state-opacity-8 { &:hover { @media (hover: hover) { background-color: var(--md-sys-color-state-opacity-8); } } } .hover\:bg-surface-hover { &:hover { @media (hover: hover) { background-color: var(--color-surface-hover); } } } .hover\:bg-surface-variant { &:hover { @media (hover: hover) { background-color: var(--md-sys-color-surface-variant); } } } .hover\:text-primary { &:hover { @media (hover: hover) { color: var(--md-sys-color-primary); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:decoration-0 { &:hover { @media (hover: hover) { text-decoration-thickness: 0px; } } } .hover\:\*\:bg-state-opacity-8 { &:hover { @media (hover: hover) { :is(& > *) { background-color: var(--md-sys-color-state-opacity-8); } } } } .hover\:after\:to-surface-hover { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); --tw-gradient-to: var(--color-surface-hover); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } } .focus\:bg-state-opacity-12 { &:focus { background-color: var(--md-sys-color-state-opacity-12); } } .focus\:bg-surface-focus { &:focus { background-color: var(--color-surface-focus); } } .focus\:\*\:bg-state-opacity-12 { &:focus { :is(& > *) { background-color: var(--md-sys-color-state-opacity-12); } } } .focus\:after\:to-surface-focus { &:focus { &::after { content: var(--tw-content); --tw-gradient-to: var(--color-surface-focus); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .active\:bg-state-opacity-12 { &:active { background-color: var(--md-sys-color-state-opacity-12); } } .active\:bg-surface-focus { &:active { background-color: var(--color-surface-focus); } } .active\:\*\:bg-state-opacity-12 { &:active { :is(& > *) { background-color: var(--md-sys-color-state-opacity-12); } } } .active\:after\:to-surface-focus { &:active { &::after { content: var(--tw-content); --tw-gradient-to: var(--color-surface-focus); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .has-\[a\:active\]\:bg-state-opacity-12 { &:has(*:is(a:active)) { background-color: var(--md-sys-color-state-opacity-12); } } .has-\[a\:focus\]\:bg-state-opacity-12 { &:has(*:is(a:focus)) { background-color: var(--md-sys-color-state-opacity-12); } } .has-\[a\:hover\]\:bg-state-opacity-8 { &:has(*:is(a:hover)) { background-color: var(--md-sys-color-state-opacity-8); } } .nth-last-2\:flex { &:nth-last-child(2) { display: flex; } } .sm\:top-\[132px\] { @media (width >= 40rem) { top: 132px; } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:mt-12 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 12); } } .sm\:mb-4 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 4); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:h-\[400px\] { @media (width >= 40rem) { height: 400px; } } .sm\:min-h-\[365px\] { @media (width >= 40rem) { min-height: 365px; } } .sm\:w-\[400px\] { @media (width >= 40rem) { width: 400px; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:gap-15 { @media (width >= 40rem) { gap: calc(var(--spacing) * 15); } } .sm\:overflow-x-auto { @media (width >= 40rem) { overflow-x: auto; } } .sm\:px-0 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 0); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-8 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } } .sm\:pt-\[285px\] { @media (width >= 40rem) { padding-top: 285px; } } .sm\:pb-4 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 4); } } .sm\:text-\[300px\] { @media (width >= 40rem) { font-size: 300px; } } .sm\:opacity-100 { @media (width >= 40rem) { opacity: 100%; } } .md\:absolute { @media (width >= 48rem) { position: absolute; } } .md\:relative { @media (width >= 48rem) { position: relative; } } .md\:top-\(--header-top-position-hp\) { @media (width >= 48rem) { top: var(--header-top-position-hp); } } .md\:top-\[-110px\] { @media (width >= 48rem) { top: -110px; } } .md\:z-9 { @media (width >= 48rem) { z-index: 9; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:col-start-2 { @media (width >= 48rem) { grid-column-start: 2; } } .md\:mx-auto { @media (width >= 48rem) { margin-inline: auto; } } .md\:mt-15 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 15); } } .md\:mb-0 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 0); } } .md\:-ml-5 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * -5); } } .md\:\!block { @media (width >= 48rem) { display: block !important; } } .md\:\!inline-block { @media (width >= 48rem) { display: inline-block !important; } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:grid { @media (width >= 48rem) { display: grid; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:h-\(--header-height\) { @media (width >= 48rem) { height: var(--header-height); } } .md\:h-\(--header-height-hp-tablet\) { @media (width >= 48rem) { height: var(--header-height-hp-tablet); } } .md\:h-\[88px\] { @media (width >= 48rem) { height: 88px; } } .md\:h-auto { @media (width >= 48rem) { height: auto; } } .md\:h-full { @media (width >= 48rem) { height: 100%; } } .md\:h-min { @media (width >= 48rem) { height: min-content; } } .md\:min-h-10 { @media (width >= 48rem) { min-height: calc(var(--spacing) * 10); } } .md\:min-h-\[calc\(100vh_-_var\(--header-height\)\)\] { @media (width >= 48rem) { min-height: calc(100vh - var(--header-height)); } } .md\:w-\[1px\] { @media (width >= 48rem) { width: 1px; } } .md\:w-\[55px\] { @media (width >= 48rem) { width: 55px; } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-fit { @media (width >= 48rem) { width: fit-content; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:w-px { @media (width >= 48rem) { width: 1px; } } .md\:flex-1 { @media (width >= 48rem) { flex: 1; } } .md\:grow-1 { @media (width >= 48rem) { flex-grow: 1; } } .md\:basis-0 { @media (width >= 48rem) { flex-basis: calc(var(--spacing) * 0); } } .md\:basis-\[295px\] { @media (width >= 48rem) { flex-basis: 295px; } } .md\:animate-smoothscroll { @media (width >= 48rem) { animation: var(--animate-smoothscroll); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] { @media (width >= 48rem) { grid-template-columns: minmax(0,2fr) minmax(0,1fr); } } .md\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,1fr\)\] { @media (width >= 48rem) { grid-template-columns: minmax(0,3fr) minmax(0,1fr); } } .md\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] { @media (width >= 48rem) { grid-template-columns: minmax(0,5fr) minmax(0,7fr); } } .md\:flex-col { @media (width >= 48rem) { flex-direction: column; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:justify-center { @media (width >= 48rem) { justify-content: center; } } .md\:gap-4 { @media (width >= 48rem) { gap: calc(var(--spacing) * 4); } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:gap-8 { @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .md\:gap-16 { @media (width >= 48rem) { gap: calc(var(--spacing) * 16); } } .md\:gap-\[60px\] { @media (width >= 48rem) { gap: 60px; } } .md\:gap-x-4 { @media (width >= 48rem) { column-gap: calc(var(--spacing) * 4); } } .md\:gap-x-5 { @media (width >= 48rem) { column-gap: calc(var(--spacing) * 5); } } .md\:gap-y-4 { @media (width >= 48rem) { row-gap: calc(var(--spacing) * 4); } } .md\:rounded-medium { @media (width >= 48rem) { border-radius: var(--md-sys-shape-corner-medium); } } .md\:rounded-r-medium { @media (width >= 48rem) { border-top-right-radius: var(--md-sys-shape-corner-medium); border-bottom-right-radius: var(--md-sys-shape-corner-medium); } } .md\:rounded-tr-medium { @media (width >= 48rem) { border-top-right-radius: var(--md-sys-shape-corner-medium); } } .md\:rounded-br-medium { @media (width >= 48rem) { border-bottom-right-radius: var(--md-sys-shape-corner-medium); } } .md\:border-none { @media (width >= 48rem) { --tw-border-style: none; border-style: none; } } .md\:border-t-transparent { @media (width >= 48rem) { border-top-color: transparent; } } .md\:px-0 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 0); } } .md\:px-8 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .md\:px-15 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 15); } } .md\:py-4 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 4); } } .md\:py-8 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 8); } } .md\:py-10 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 10); } } .md\:pt-\(--header-height\) { @media (width >= 48rem) { padding-top: var(--header-height); } } .md\:pt-0 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 0); } } .md\:pt-8 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 8); } } .md\:pr-8 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 8); } } .md\:pb-8 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 8); } } .md\:pb-15 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 15); } } .md\:pl-0 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 0); } } .md\:pl-8 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 8); } } .md\:text-headline-large { @media (width >= 48rem) { font-size: var(--md-sys-typescale-headline-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-large-tracking)); font-weight: var(--tw-font-weight, 700); } } .md\:text-headline-medium { @media (width >= 48rem) { font-size: var(--md-sys-typescale-headline-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-medium-tracking)); font-weight: var(--tw-font-weight, 700); } } .md\:text-headline-small { @media (width >= 48rem) { font-size: var(--md-sys-typescale-headline-small-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-small-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-small-tracking)); font-weight: var(--tw-font-weight, 700); } } .md\:text-title-large { @media (width >= 48rem) { font-size: var(--md-sys-typescale-title-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-medium-tracking)); font-weight: var(--tw-font-weight, 700); } } .md\:text-title-medium { @media (width >= 48rem) { font-size: var(--md-sys-typescale-title-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-medium-tracking)); font-weight: var(--tw-font-weight, 700); } } .md\:text-\[28px\] { @media (width >= 48rem) { font-size: 28px; } } .md\:text-\[150px\] { @media (width >= 48rem) { font-size: 150px; } } .md\:leading-\[60px\] { @media (width >= 48rem) { --tw-leading: 60px; line-height: 60px; } } .md\:leading-\[325px\] { @media (width >= 48rem) { --tw-leading: 325px; line-height: 325px; } } .md\:font-medium { @media (width >= 48rem) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .md\:text-surface-container-low { @media (width >= 48rem) { color: var(--md-sys-color-surface-container-low); } } .md\:opacity-50 { @media (width >= 48rem) { opacity: 50%; } } .lg\:\!not-sr-only { @media (width >= 64rem) { position: static !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; clip-path: none !important; white-space: normal !important; } } .lg\:top-\[-82px\] { @media (width >= 64rem) { top: -82px; } } .lg\:order-3 { @media (width >= 64rem) { order: 3; } } .lg\:order-first { @media (width >= 64rem) { order: -9999; } } .lg\:order-last { @media (width >= 64rem) { order: 9999; } } .lg\:col-span-1 { @media (width >= 64rem) { grid-column: span 1 / span 1; } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:col-start-1 { @media (width >= 64rem) { grid-column-start: 1; } } .lg\:col-start-2 { @media (width >= 64rem) { grid-column-start: 2; } } .lg\:col-start-3 { @media (width >= 64rem) { grid-column-start: 3; } } .lg\:row-span-2 { @media (width >= 64rem) { grid-row: span 2 / span 2; } } .lg\:row-span-3 { @media (width >= 64rem) { grid-row: span 3 / span 3; } } .lg\:row-span-5 { @media (width >= 64rem) { grid-row: span 5 / span 5; } } .lg\:row-span-6 { @media (width >= 64rem) { grid-row: span 6 / span 6; } } .lg\:row-start-2 { @media (width >= 64rem) { grid-row-start: 2; } } .lg\:mt-8 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 8); } } .lg\:mr-0 { @media (width >= 64rem) { margin-right: calc(var(--spacing) * 0); } } .lg\:mr-4 { @media (width >= 64rem) { margin-right: calc(var(--spacing) * 4); } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:grid { @media (width >= 64rem) { display: grid; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:h-\(--header-height-hp\) { @media (width >= 64rem) { height: var(--header-height-hp); } } .lg\:h-\[1px\] { @media (width >= 64rem) { height: 1px; } } .lg\:h-\[164px\] { @media (width >= 64rem) { height: 164px; } } .lg\:w-\[104px\] { @media (width >= 64rem) { width: 104px; } } .lg\:w-full { @media (width >= 64rem) { width: 100%; } } .lg\:min-w-\[800px\] { @media (width >= 64rem) { min-width: 800px; } } .lg\:flex-2 { @media (width >= 64rem) { flex: 2; } } .lg\:shrink-0 { @media (width >= 64rem) { flex-shrink: 0; } } .lg\:basis-2xs { @media (width >= 64rem) { flex-basis: var(--container-2xs); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-\[1fr_353px\] { @media (width >= 64rem) { grid-template-columns: 1fr 353px; } } .lg\:grid-cols-\[312px_1fr\] { @media (width >= 64rem) { grid-template-columns: 312px 1fr; } } .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,1fr) minmax(0,2fr); } } .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,2fr) minmax(0,1fr); } } .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,2fr) minmax(0,3fr); } } .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,3fr) minmax(0,1fr); } } .lg\:flex-col { @media (width >= 64rem) { flex-direction: column; } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:\!flex-nowrap { @media (width >= 64rem) { flex-wrap: nowrap !important; } } .lg\:justify-between { @media (width >= 64rem) { justify-content: space-between; } } .lg\:justify-center { @media (width >= 64rem) { justify-content: center; } } .lg\:justify-end { @media (width >= 64rem) { justify-content: flex-end; } } .lg\:gap-0 { @media (width >= 64rem) { gap: calc(var(--spacing) * 0); } } .lg\:gap-3 { @media (width >= 64rem) { gap: calc(var(--spacing) * 3); } } .lg\:gap-4 { @media (width >= 64rem) { gap: calc(var(--spacing) * 4); } } .lg\:gap-8 { @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .lg\:gap-x-0 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 0); } } .lg\:gap-x-8 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 8); } } .lg\:gap-x-12 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 12); } } .lg\:gap-y-6 { @media (width >= 64rem) { row-gap: calc(var(--spacing) * 6); } } .lg\:gap-y-8 { @media (width >= 64rem) { row-gap: calc(var(--spacing) * 8); } } .lg\:gap-y-15 { @media (width >= 64rem) { row-gap: calc(var(--spacing) * 15); } } .lg\:px-2 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 2); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:px-15 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 15); } } .lg\:py-8 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 8); } } .lg\:py-10 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 10); } } .lg\:pt-0 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 0); } } .lg\:pt-8 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 8); } } .lg\:pt-10 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 10); } } .lg\:pr-8 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 8); } } .lg\:pb-0 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 0); } } .lg\:pb-10 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 10); } } .lg\:text-headline-large { @media (width >= 64rem) { font-size: var(--md-sys-typescale-headline-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-large-tracking)); font-weight: var(--tw-font-weight, 700); } } .lg\:text-headline-small { @media (width >= 64rem) { font-size: var(--md-sys-typescale-headline-small-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-small-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-small-tracking)); font-weight: var(--tw-font-weight, 700); } } .lg\:text-\[44px\] { @media (width >= 64rem) { font-size: 44px; } } .lg\:text-\[240px\] { @media (width >= 64rem) { font-size: 240px; } } .xl\:h-auto { @media (width >= 80rem) { height: auto; } } .xl\:w-\[1px\] { @media (width >= 80rem) { width: 1px; } } .xl\:min-w-6xl { @media (width >= 80rem) { min-width: var(--container-6xl); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:flex-row { @media (width >= 80rem) { flex-direction: row; } } .xl\:gap-8 { @media (width >= 80rem) { gap: calc(var(--spacing) * 8); } } .dark\:bg-\[\#181F25\] { &:where(.dark, .dark *) { background-color: #181F25; } } .dark\:fill-\[\#fff\] { &:where(.dark, .dark *) { fill: #fff; } } .print\:block { @media print { display: block; } } .print\:hidden { @media print { display: none; } } .print\:bg-transparent { @media print { background-color: transparent; } } .print\:p-0 { @media print { padding: calc(var(--spacing) * 0); } } .print\:p-4 { @media print { padding: calc(var(--spacing) * 4); } } .print\:px-0 { @media print { padding-inline: calc(var(--spacing) * 0); } } .print\:shadow-none { @media print { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .hover\:\[\&_\.btn-icon\]\:bg-surface-container-high-hover { &:hover { @media (hover: hover) { & .btn-icon { background-color: var(--color-surface-container-high-hover); } } } } .focus\:\[\&_\.btn-icon\]\:bg-surface-container-high-focus { &:focus { & .btn-icon { background-color: var(--color-surface-container-high-focus); } } } .active\:\[\&_\.btn-icon\]\:bg-surface-container-high-focus { &:active { & .btn-icon { background-color: var(--color-surface-container-high-focus); } } } .\[\&_\.form-item\]\:grow-1 { & .form-item { flex-grow: 1; } } .hover\:\[\&_\[data-state\]\]\:bg-state-opacity-8 { &:hover { @media (hover: hover) { & [data-state] { background-color: var(--md-sys-color-state-opacity-8); } } } } .focus\:\[\&_\[data-state\]\]\:bg-state-opacity-12 { &:focus { & [data-state] { background-color: var(--md-sys-color-state-opacity-12); } } } .active\:\[\&_\[data-state\]\]\:bg-state-opacity-12 { &:active { & [data-state] { background-color: var(--md-sys-color-state-opacity-12); } } } .hover\:\[\&_\[data-text\]\]\:underline { &:hover { @media (hover: hover) { & [data-text] { text-decoration-line: underline; } } } } .hover\:\[\&_\[data-title\]\]\:underline { &:hover { @media (hover: hover) { & [data-title] { text-decoration-line: underline; } } } } .\[\&_a\]\:text-label-medium { & a { font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); } } .\[\&_a\]\:text-primary { & a { color: var(--md-sys-color-primary); } } .\[\&_a\]\:hover\:underline { & a { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } } .hover\:\[\&_a\]\:underline { &:hover { @media (hover: hover) { & a { text-decoration-line: underline; } } } } .\[\&_a\.active\]\:text-on-surface-variant { & a.active { color: var(--md-sys-color-on-surface-variant); } } .\[\&_img\]\:h-full { & img { height: 100%; } } .\[\&_img\]\:w-full { & img { width: 100%; } } .\[\&_img\]\:rounded-extra-large { & img { border-radius: var(--md-sys-shape-corner-extra-large); } } .\[\&_img\]\:shadow-sm { & img { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\[\&_li\]\:ms-6 { & li { margin-inline-start: calc(var(--spacing) * 6); } } .\[\&_section\]\:rounded-medium { & section { border-radius: var(--md-sys-shape-corner-medium); } } .\[\&_section\]\:bg-surface-variant { & section { background-color: var(--md-sys-color-surface-variant); } } .\[\&_section\]\:p-4 { & section { padding: calc(var(--spacing) * 4); } } .\[\&_section\]\:shadow-sm { & section { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\[\&\:last-child\>span\:last-child\]\:hidden { &:last-child>span:last-child { display: none; } } .\[\&\>a\]\:text-label-medium { &>a { font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); } } .\[\&\>a\]\:hover\:underline { &>a { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } } .\[\&\>div\]\:flex-col { &>div { flex-direction: column; } } .\[\&\>div\]\:gap-2 { &>div { gap: calc(var(--spacing) * 2); } } .\[\&\>div\]\:lg\:pl-6 { &>div { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 6); } } } } @layer base { :root { --md-sys-color-secondary-container: var(--md-ref-palette-secondary-90); --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary-90); --md-sys-color-error-container: var(--md-ref-palette-error-90); --md-sys-color-warning-container: var(--md-ref-palette-warning-90); --md-sys-color-success-container: var(--md-ref-palette-success-90); --md-sys-color-primary-container: var(--md-ref-palette-primary-90); --md-sys-color-surface: var(--md-ref-palette-neutral-100); --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral-98); --md-sys-color-surface-dim: var(--md-ref-palette-neutral-80); --md-sys-color-surface-container-low: var(--md-ref-palette-neutral-95); --md-sys-color-surface-bright: var(--md-ref-palette-neutral-98); --md-sys-color-surface-container: var(--md-ref-palette-neutral-98); --md-sys-color-surface-container-high: var(--md-ref-palette-neutral-90); --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral-80); --md-sys-color-surface-variant: var(--md-ref-palette-neutral-90); --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral-95); --md-sys-color-inverse-surface: var(--md-ref-palette-neutral-20); --md-sys-color-inverse-primary: var(--md-ref-palette-primary-80); --md-sys-color-on-primary: var(--md-ref-palette-primary-100); --md-sys-color-on-secondary: var(--md-ref-palette-secondary-100); --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary-100); --md-sys-color-on-error: var(--md-ref-palette-error-100); --md-sys-color-on-warning: var(--md-ref-palette-warning-100); --md-sys-color-on-success: var(--md-ref-palette-success-100); --md-sys-color-on-primary-container: var(--md-ref-palette-primary-10); --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary-10); --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary-10); --md-sys-color-on-error-container: var(--md-ref-palette-error-10); --md-sys-color-on-warning-container: var(--md-ref-palette-warning-10); --md-sys-color-on-success-container: var(--md-ref-palette-success-10); --md-sys-color-on-surface: var(--md-ref-palette-neutral-10); --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant-30); --md-sys-color-on-background: var(--md-ref-palette-neutral-10); --md-sys-color-outline: var(--md-ref-palette-neutral-variant-70); --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant-80); --md-sys-color-outline-error: var(--md-ref-palette-error-40); --md-sys-color-outline-warning: var(--md-ref-palette-warning-40); --md-sys-color-primary: var(--md-ref-palette-primary-40); --md-sys-color-outline-success: var(--md-ref-palette-success-40); --md-sys-color-secondary: var(--md-ref-palette-secondary-40); --md-sys-color-tertiary: var(--md-ref-palette-tertiary-40); --md-sys-color-error: var(--md-ref-palette-error-40); --md-sys-color-warning: var(--md-ref-palette-warning-40); --md-sys-color-success: var(--md-ref-palette-success-40); --md-sys-color-background: var(--md-ref-palette-secondary-98); --md-sys-color-shadow: var(--md-ref-shadow-light-opacity-0); --md-sys-color-scrim: var(--md-ref-shadow-light-opacity-0); --md-sys-color-state-opacity-0: var(--md-ref-shadow-light-opacity-0); --md-sys-color-state-opacity-8: var(--md-ref-shadow-light-opacity-8); --md-sys-color-state-opacity-12: var(--md-ref-shadow-light-opacity-12); --md-sys-color-state-opacity-15: var(--md-ref-shadow-light-opacity-15); --md-sys-color-state-opacity-16: var(--md-ref-shadow-light-opacity-16); --md-sys-color-state-opacity-30: var(--md-ref-shadow-light-opacity-30); --md-sys-color-gradient-grad-0: var(--md-ref-shadow-universal-opacity-0); --md-sys-color-gradient-grad-100: var(--md-ref-shadow-universal-opacity-80); &:where(.dark, .dark *) { --md-sys-color-secondary-container: var(--md-ref-palette-secondary-30); --md-sys-color-tertiary-tertiary: var(--md-ref-palette-tertiary-30); --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary-30); --md-sys-color-error-container: var(--md-ref-palette-error-30); --md-sys-color-warning-container: var(--md-ref-palette-warning-20); --md-sys-color-success-container: var(--md-ref-palette-success-20); --md-sys-color-primary-container: var(--md-ref-palette-primary-30); --md-sys-color-surface: var(--md-ref-palette-neutral-0); --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral-20); --md-sys-color-surface-dim: var(--md-ref-palette-neutral-30); --md-sys-color-surface-container-low: var(--md-ref-palette-neutral-30); --md-sys-color-surface-bright: var(--md-ref-palette-neutral-20); --md-sys-color-surface-container: var(--md-ref-palette-neutral-20); --md-sys-color-surface-container-high: var(--md-ref-palette-neutral-40); --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral-50); --md-sys-color-surface-variant: var(--md-ref-palette-neutral-20); --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral-20); --md-sys-color-inverse-surface: var(--md-ref-palette-neutral-70); --md-sys-color-inverse-primary: var(--md-ref-palette-primary-40); --md-sys-color-on-primary: var(--md-ref-palette-primary-20); --md-sys-color-on-secondary: var(--md-ref-palette-secondary-20); --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary-20); --md-sys-color-on-error: var(--md-ref-palette-error-20); --md-sys-color-on-warning: var(--md-ref-palette-warning-20); --md-sys-color-on-success: var(--md-ref-palette-success-20); --md-sys-color-on-primary-container: var(--md-ref-palette-primary-90); --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary-90); --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary-90); --md-sys-color-on-error-container: var(--md-ref-palette-error-90); --md-sys-color-on-warning-container: var(--md-ref-palette-warning-90); --md-sys-color-on-success-container: var(--md-ref-palette-success-90); --md-sys-color-on-surface: var(--md-ref-palette-neutral-90); --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant-80); --md-sys-color-on-background: var(--md-ref-palette-neutral-90); --md-sys-color-outline: var(--md-ref-palette-neutral-variant-80); --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant-30); --md-sys-color-outline-error: var(--md-ref-palette-error-90); --md-sys-color-outline-warning: var(--md-ref-palette-warning-90); --md-sys-color-primary: var(--md-ref-palette-primary-80); --md-sys-color-outline-success: var(--md-ref-palette-success-90); --md-sys-color-secondary: var(--md-ref-palette-secondary-80); --md-sys-color-tertiary: var(--md-ref-palette-tertiary-80); --md-sys-color-error: var(--md-ref-palette-error-80); --md-sys-color-warning: var(--md-ref-palette-warning-80); --md-sys-color-success: var(--md-ref-palette-success-80); --md-sys-color-background: var(--md-ref-palette-secondary-10); --md-sys-color-shadow: var(--md-ref-shadow-dark-opacity-0); --md-sys-color-scrim: var(--md-ref-shadow-dark-opacity-0); --md-sys-color-state-opacity-0: var(--md-ref-shadow-dark-opacity-0); --md-sys-color-state-opacity-8: var(--md-ref-shadow-dark-opacity-8); --md-sys-color-state-opacity-12: var(--md-ref-shadow-dark-opacity-12); --md-sys-color-state-opacity-16: var(--md-ref-shadow-dark-opacity-16); --md-sys-color-gradient-grad-0: var(--md-ref-shadow-dark-opacity-0); --md-sys-color-gradient-grad-100: var(--md-ref-palette-neutral-95); } } } :root { --header-height: 81px; --header-mobile-height: 75px; --light-primary-hover: #156fa5; --light-primary-focus: #1f75a9; --dark-primary-hover: #8fbdee; --dark-primary-focus: #8ab6e5; --light-surface-hover: #ebeff1; --light-surface-focus: #e0e7eb; --dark-surface-hover: #293036; --dark-surface-focus: #31383f; --light-inverse-surface-hover: #203241; --light-inverse-surface-focus: #1f3445; --dark-inverse-surface-hover: #99acc2; --dark-inverse-surface-focus: #99adc5; --light-surface-container-highest-hover: #c4d6e4; --light-surface-container-highest-focus: #bbcfdd; --dark-surface-container-highest-hover: #5e6c7b; --dark-surface-container-highest-focus: #647281; --light-surface-container-high-hover: #d4e2ed; --light-surface-container-high-focus: #cadae6; --dark-surface-container-high-hover: #485664; --dark-surface-container-high-focus: #4f5d6b; --light-surface-container-low-hover: #d4e1ea; --light-surface-container-low-focus: #cad9e4; --dark-surface-container-low-hover: #333e49; --dark-surface-container-low-focus: #3b4651; } .dark { --color-primary-hover: var(--dark-primary-hover); --color-primary-focus: var(--dark-primary-focus); --color-surface-hover: var(--dark-surface-hover); --color-surface-focus: var(--dark-surface-focus); --color-inverse-surface-hover: var(--dark-inverse-surface-hover); --color-inverse-surface-focus: var(--dark-inverse-surface-focus); --color-surface-container-highest-hover: var(--dark-surface-container-highest-hover); --color-surface-container-highest-focus: var(--dark-surface-container-highest-focus); --color-surface-container-high-hover: var(--dark-surface-container-high-hover); --color-surface-container-high-focus: var(--dark-surface-container-high-focus); --color-surface-container-low-hover: var(--dark-surface-container-low-hover); --color-surface-container-low-focus: var(--dark-surface-container-low-focus); } @layer utilities { .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .btn-primary, .btn-secondary, .btn-outline-primary, .btn-text { display: inline-flex; cursor: pointer; align-items: center; justify-content: center; gap: calc(var(--spacing) * 2); border-radius: var(--md-sys-shape-corner-full); padding-inline: calc(var(--spacing) * 4); padding-block: 10px; font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); &:hover { @media (hover: hover) { text-decoration-line: none; } } } .btn-primary { background-color: var(--md-sys-color-primary); text-align: center; color: var(--md-sys-color-on-primary); &:hover { @media (hover: hover) { background-color: var(--color-primary-hover); } } &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } &:focus { background-color: var(--color-primary-focus); } &:active { background-color: var(--color-primary-focus); } &:disabled { pointer-events: none; } &:disabled { background-color: var(--md-sys-color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--md-sys-color-primary) 12%, transparent); } } &:disabled { color: var(--md-sys-color-on-surface); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent); } } } .btn-secondary, .btn-outline-primary { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--md-sys-color-outline); text-align: center; color: var(--md-sys-color-primary); &:hover { @media (hover: hover) { background-color: var(--color-surface-hover); } } &:focus { background-color: var(--color-surface-focus); } &:active { background-color: var(--color-surface-focus); } } .btn-text { color: var(--md-sys-color-primary); &:hover { @media (hover: hover) { background-color: var(--color-surface-hover); } } &:focus { background-color: var(--color-surface-focus); } &:active { background-color: var(--color-surface-focus); } } .link-with-icon { display: flex; align-items: center; gap: calc(var(--spacing) * 2); font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); color: var(--md-sys-color-primary); &:hover { @media (hover: hover) { & [data-text] { text-decoration-line: underline; } } } } .btn-icon, .btn-icon-filled, .btn-icon-filled-secondary { display: inline-flex; height: 44px; width: 44px; cursor: pointer; align-items: center; justify-content: center; border-radius: var(--md-sys-shape-corner-full); padding: calc(var(--spacing) * 3); &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .btn-icon { color: var(--md-sys-color-primary); &:hover { @media (hover: hover) { background-color: var(--color-surface-hover); } } &:focus { background-color: var(--color-surface-focus); } &:active { background-color: var(--color-surface-focus); } } .btn-icon-filled { background-color: var(--md-sys-color-primary); color: var(--md-sys-color-on-primary); &:hover { @media (hover: hover) { background-color: var(--color-primary-hover); } } &:focus { background-color: var(--color-primary-focus); } &:active { background-color: var(--color-primary-focus); } } .btn-icon-filled-secondary { background-color: var(--md-sys-color-surface-container-highest); &:hover { @media (hover: hover) { background-color: var(--color-surface-container-highest-hover); } } &:focus { background-color: var(--color-surface-container-highest-focus); } &:active { background-color: var(--color-surface-container-highest-focus); } } .chips, .chips-outlined { display: inline-block; width: fit-content; border-radius: var(--md-sys-shape-corner-small); border-style: var(--tw-border-style); border-width: 1px; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--md-sys-color-on-surface); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .chips { cursor: pointer; border-color: var(--md-sys-color-secondary-container); background-color: var(--md-sys-color-secondary-container); &:hover { @media (hover: hover) { & [data-text] { background-color: var(--md-sys-color-state-opacity-8); } } } &:focus { & [data-text] { background-color: var(--md-sys-color-state-opacity-12); } } &:active { & [data-text] { background-color: var(--md-sys-color-state-opacity-12); } } span[data-text] { display: block; height: 100%; width: 100%; border-radius: var(--md-sys-shape-corner-small); padding-inline: calc(var(--spacing) * 2); padding-block: 6px; } } .chips-outlined { border-color: var(--md-sys-color-outline); padding-inline: calc(var(--spacing) * 2); padding-block: 6px; } table { border-collapse: separate; --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); overflow: hidden; border-radius: var(--md-sys-shape-corner-extra-small); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--md-sys-color-outline-variant); thead > tr > th { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--md-sys-color-outline-variant); background-color: var(--md-sys-color-surface-container-high); text-align: left; font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); } tbody > tr > th { text-align: left; font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); } tr { &:nth-child(even) { background-color: var(--md-sys-color-surface-container-lowest); } } td, th { padding: calc(var(--spacing) * 4); } & > thead, & > tbody, & > tfoot, & { & > tr:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--md-sys-color-outline-variant); & > th, & > td { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--md-sys-color-outline-variant); } } } } } :root { --header-height-hp: 187px; --header-height-hp-tablet: 120px; --header-top-position: 67px; --header-top-position-hp: 121px; --card-content-height: 230px; --card-buttons-content-height: 270px; --light-gradient-stop: rgba(0, 0, 0, 0.25); --dark-gradient-stop: rgba(255, 255, 255, 0.25); --light-unpublished: #ffdab3; --light-inthefuture: #daf7a6; --light-archived: #e1e1e1; --light-stabilo-yellow: #ff0; --dark-unpublished: #93303f; --dark-inthefuture: #405d09; --dark-stabilo-yellow: #6b6801; --dark-archived: #3e3e3e; --md-ref-shadow-universal-opacity-0: rgba(24, 31, 37, 0); --md-ref-shadow-universal-opacity-80: rgba(24, 31, 37, 0.8); --md-ref-shadow-dark-opacity-0: rgba(232, 243, 255, 0); --md-ref-palette-neutral-95: rgba(230, 240, 247, 1); } .dark { --color-gradient-stop: var(--dark-gradient-stop); --color-unpublished: var(--dark-unpublished); --color-inthefuture: var(--dark-inthefuture); --color-archived: var(--dark-archived); --color-stabilo-yellow: var(--dark-stabilo-yellow); --color-gradient-grad-0: var(--md-ref-shadow-dark-opacity-0); --color-gradient-grad-100: var(--md-ref-palette-neutral-95); } @layer base { [x-cloak] { display: none !important; } .external-link-icon { a:not([class^="btn"]):not(.image-link)[href^="http"]:not( [href*="etat-ge.ch"] ):not([href*="//www.ge.ch"]):not([href*="//ge.ch"]) { align-items: center; &::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 1); } &::after { content: var(--tw-content); display: inline-block; } &::after { content: var(--tw-content); vertical-align: middle; } &::after { content: var(--tw-content); font-family: var(--font-icon); } &::after { content: var(--tw-content); font-size: var(--text-icon-small); } &::after { content: var(--tw-content); --tw-leading: 1; line-height: 1; } &::after { content: var(--tw-content); color: var(--md-sys-color-primary); } &::after { --tw-content: "\e89e"; content: var(--tw-content); } &:hover { @media (hover: hover) { &::after { content: var(--tw-content); text-decoration-thickness: 0px; } } } } } .unpublished { background-color: var(--color-unpublished); } .inthefuture { background-color: var(--color-inthefuture); } .archived { background-color: var(--color-archived); } h1 { font-size: var(--md-sys-typescale-headline-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-medium-tracking)); font-weight: var(--tw-font-weight, 700); @media (width >= 48rem) { font-size: var(--md-sys-typescale-headline-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-large-tracking)); font-weight: var(--tw-font-weight, 700); } } h1:not(.page-promo-wrapper h1) { color: var(--md-sys-color-on-surface); } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-justify { text-align: justify; } .rich-content, .page-promo-wrapper { @media (max-width: 768px) { table, thead, tbody { display: block; --tw-border-style: none; border-style: none; } thead { display: none; } td { display: flex; gap: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-bottom-color: var(--md-sys-color-outline-variant); padding: calc(var(--spacing) * 3); &:is(:where(.group):is(.page-promo-wrapper) *) { border-bottom-color: var(--md-ref-palette-neutral-variant-80); } &:last-child { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 0px !important; } &::before { width: calc(1/2 * 100%); flex-shrink: 0; padding-right: calc(var(--spacing) * 3); text-align: right; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); content: attr(data-label); } } tbody { display: flex; flex-direction: column; gap: calc(var(--spacing) * 3); --tw-border-style: none; border-style: none; } tr { border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--md-sys-color-outline-variant) !important; &:is(:where(.group):is(.page-promo-wrapper) *) { border-color: var(--md-ref-palette-neutral-variant-80) !important; } } tbody tr:nth-child(even) td { background-color: var(--md-sys-color-surface-container-lowest); &:is(:where(.group):is(.page-promo-wrapper) *) { background-color: var(--md-ref-palette-neutral-98); } } } .edg-cke-collapsible-item { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--md-sys-color-outline-variant); &:is(:where(.group):is(.page-promo-wrapper) *) { border-color: var(--md-ref-palette-neutral-variant-80); } &:not(.edg-cke-collapsible-item + .edg-cke-collapsible-item) { & > .edg-cke-collapsible-item-title { border-top-left-radius: var(--md-sys-shape-corner-small); border-top-right-radius: var(--md-sys-shape-corner-small); } } &:not(:has(+ .edg-cke-collapsible-item)) { margin-bottom: calc(var(--spacing) * 3); border-bottom-right-radius: var(--md-sys-shape-corner-small); border-bottom-left-radius: var(--md-sys-shape-corner-small); .edg-cke-collapsible-item-collapse { border-bottom-right-radius: var(--md-sys-shape-corner-small); border-bottom-left-radius: var(--md-sys-shape-corner-small); } &:not([data-expanded="true"]) { --tw-border-style: none; border-style: none; > .edg-cke-collapsible-item-title { border-bottom-right-radius: var(--md-sys-shape-corner-small); border-bottom-left-radius: var(--md-sys-shape-corner-small); } } } .edg-cke-collapsible-item-title { margin-bottom: calc(var(--spacing) * 0) !important; background-color: var(--md-sys-color-surface-variant); padding: calc(var(--spacing) * 3); padding-left: calc(var(--spacing) * 5); &:is(:where(.group):is(.page-promo-wrapper) *) { background-color: var(--md-ref-palette-neutral-90); } strong { display: block; } a { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 2); font-size: var(--md-sys-typescale-label-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-large-tracking)); font-weight: var(--tw-font-weight, 500); color: var(--md-sys-color-on-surface); text-decoration-line: none !important; &:hover { @media (hover: hover) { text-decoration-line: none; } } &::after { content: var(--tw-content); display: inline-block; } &::after { content: var(--tw-content); padding-inline: calc(var(--spacing) * 4); } &::after { content: var(--tw-content); padding-block: calc(var(--spacing) * 2); } &::after { content: var(--tw-content); font-family: var(--font-icon); } &::after { content: var(--tw-content); font-size: var(--text-icon-small); } &::after { content: var(--tw-content); color: var(--md-sys-color-primary); } &::after { --tw-content: "\e313"; content: var(--tw-content); } &:is(:where(.group):is(.page-promo-wrapper) *) { &::after { content: var(--tw-content); color: var(--md-ref-palette-primary-40); } } &[aria-expanded="true"] { &::after { --tw-content: "\e316"; content: var(--tw-content); } } span.fa { display: none !important; } } } .edg-cke-collapsible-item-collapse { border-inline-style: var(--tw-border-style); border-inline-width: 1px; border-color: var(--md-sys-color-outline-variant); padding: calc(var(--spacing) * 5); &:is(:where(.group):is(.page-promo-wrapper) *) { border-color: var(--md-ref-palette-neutral-variant-80); } &.collapse { visibility: visible; display: none; } .edg-cke-collapsible-item { &:last-child { --tw-border-style: none; border-style: none; &:not(.collapse) .edg-cke-collapsible-item-title { border-bottom-right-radius: var(--md-sys-shape-corner-small); border-bottom-left-radius: var(--md-sys-shape-corner-small); } } .edg-cke-collapsible-item-title { background-color: transparent; } .edg-cke-collapsible-item-collapse { --tw-border-style: none; border-style: none; } } } } } .rich-content { span { a { display: inline-block; } } &:not(.field_people_organizations) { .gech-annuaire.gech-annuaire-user { margin-bottom: calc(var(--spacing) * 3); } } .actito-subscription { margin-bottom: calc(var(--spacing) * 3); } overflow-wrap: break-word; img { margin-bottom: calc(var(--spacing) * 2); &:not(.image-style-petite-vignette):not( .image-style-petite-vignette-verticale ) { border-radius: var(--md-sys-shape-corner-extra-large); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } figure { margin-bottom: calc(var(--spacing) * 3); } div.align-left, div.align-right { display: inline-block; figure { margin-bottom: calc(var(--spacing) * 0); } } .align-left, .align-right { clear: both; } .align-left { float: left; margin-right: calc(var(--spacing) * 3); } .align-right { float: right; margin-left: calc(var(--spacing) * 3); } .align-center { margin-inline: auto; display: block; } div.align-center { width: fit-content; } a { color: var(--md-sys-color-primary); &:hover { @media (hover: hover) { text-decoration-line: underline; } } &.breakable { overflow-wrap: break-word; word-break: break-all; } &.image-link { display: inline; color: var(--md-sys-color-on-surface-variant); &:hover { @media (hover: hover) { & figcaption { text-decoration-line: underline; } } } & img { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } &:hover { @media (hover: hover) { & img { --tw-brightness: brightness(90%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } &:where(.dark, .dark *) { &:hover { @media (hover: hover) { & img { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } } } &:not([class^="btn"]):not(.image-link)[href^="http"]:not( [href*="etat-ge.ch"] ):not([href*="//www.ge.ch"]):not([href*="//ge.ch"]) { align-items: center; &::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 1); } &::after { content: var(--tw-content); display: inline-block; } &::after { content: var(--tw-content); vertical-align: middle; } &::after { content: var(--tw-content); font-family: var(--font-icon); } &::after { content: var(--tw-content); font-size: var(--text-icon-small); } &::after { content: var(--tw-content); --tw-leading: 1; line-height: 1; } &::after { content: var(--tw-content); color: var(--md-sys-color-primary); } &::after { --tw-content: "\e89e"; content: var(--tw-content); } &:hover { @media (hover: hover) { &::after { content: var(--tw-content); text-decoration-thickness: 0px; } } } } } h1, h2, h3, h4, h5, h6 { a { scroll-margin-top: var(--header-height); } } h2 { margin-bottom: calc(var(--spacing) * 3); font-size: var(--md-sys-typescale-headline-small-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-small-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-small-tracking)); font-weight: var(--tw-font-weight, 700); @media (width >= 48rem) { font-size: var(--md-sys-typescale-headline-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-medium-tracking)); font-weight: var(--tw-font-weight, 700); } } h3 { margin-bottom: calc(var(--spacing) * 3); font-size: var(--md-sys-typescale-title-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-medium-tracking)); font-weight: var(--tw-font-weight, 700); @media (width >= 48rem) { font-size: var(--md-sys-typescale-headline-small-size); line-height: var(--tw-leading, var(--md-sys-typescale-headline-small-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-small-tracking)); font-weight: var(--tw-font-weight, 700); } } h4 { margin-bottom: calc(var(--spacing) * 3); font-size: var(--md-sys-typescale-title-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-medium-tracking)); font-weight: var(--tw-font-weight, 700); @media (width >= 48rem) { font-size: var(--md-sys-typescale-title-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-medium-tracking)); font-weight: var(--tw-font-weight, 700); } } h5 { margin-bottom: calc(var(--spacing) * 3); font-size: var(--md-sys-typescale-title-small-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-small-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-small-tracking)); font-weight: var(--tw-font-weight, 500); @media (width >= 48rem) { font-size: var(--md-sys-typescale-title-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-medium-tracking)); font-weight: var(--tw-font-weight, 700); } } h6 { margin-bottom: calc(var(--spacing) * 3); font-size: var(--md-sys-typescale-label-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-large-tracking)); font-weight: var(--tw-font-weight, 500); @media (width >= 48rem) { font-size: var(--md-sys-typescale-title-small-size); line-height: var(--tw-leading, var(--md-sys-typescale-title-small-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-title-small-tracking)); font-weight: var(--tw-font-weight, 500); } } p:not(.edg-cke-collapsible-item-title) { margin-bottom: calc(var(--spacing) * 3); &:last-child { margin-bottom: calc(var(--spacing) * 0); } a { color: var(--md-sys-color-primary); &:hover { @media (hover: hover) { text-decoration-line: underline; } } } } .promo-button-cta > p { margin-bottom: calc(var(--spacing) * 3); &:last-child { margin-bottom: calc(var(--spacing) * 3); } } ol, ul { margin-bottom: calc(var(--spacing) * 3); margin-left: calc(var(--spacing) * 6); } ul { list-style-type: disc; } ol { list-style-type: decimal; } hr { margin-block: calc(var(--spacing) * 4); color: var(--md-sys-color-outline-variant); } span.edg-cke-nbsp { white-space: nowrap; } div.exergue { margin-bottom: calc(var(--spacing) * 3); border-left-style: var(--tw-border-style); border-left-width: 4px; border-color: var(--md-sys-color-primary); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); & > p { margin-top: calc(var(--spacing) * 0); &:last-child { margin-bottom: calc(var(--spacing) * 0); } } } div[class^="cols-"] { display: grid; gap: calc(var(--spacing) * 4); } div.cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } div.cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } div.cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } div.cols-1-2 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (width >= 48rem) { &>div:last-child { grid-column: span 2 / span 2; } } } div.cols-2-1 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (width >= 48rem) { &>div:first-child { grid-column: span 2 / span 2; } } } .row { margin-inline: calc(15px * -1); display: flex; flex-wrap: wrap; .col-lg-9 { @media (width >= 64rem) { flex: 9; } } .col-lg-3 { @media (width >= 64rem) { flex: 3; } } div[class^="col"] { position: relative; display: flex; width: 100%; flex-direction: column; gap: calc(var(--spacing) * 2); padding-inline: 15px; } .col-sm { max-width: 100%; flex-grow: 1; flex-basis: calc(var(--spacing) * 0); } .col-lg-3 { @media (width >= 64rem) { max-width: calc(1/4 * 100%); } @media (width >= 64rem) { flex-basis: calc(1/4 * 100%); } } .col-md-4, .col-12.col-md-4 { @media (width >= 48rem) { max-width: calc(1/2 * 100%); } @media (width >= 48rem) { flex-basis: calc(1/2 * 100%); } @media (width >= 64rem) { max-width: calc(1/3 * 100%); } @media (width >= 64rem) { flex-basis: calc(1/3 * 100%); } } .col-lg-4 { @media (width >= 64rem) { max-width: calc(1/3 * 100%); } @media (width >= 64rem) { flex-basis: calc(1/3 * 100%); } } .col-lg-8, .col-12.col-lg-8 { @media (width >= 64rem) { max-width: calc(2/3 * 100%); } @media (width >= 64rem) { flex-basis: calc(2/3 * 100%); } } .col-lg-6, .col-12.col-md-6 { @media (width >= 48rem) { max-width: calc(1/2 * 100%); } @media (width >= 48rem) { flex-basis: calc(1/2 * 100%); } } } &.field_acceder_lien { display: flex; width: fit-content; flex-direction: row; overflow: hidden; border-radius: var(--md-sys-shape-corner-medium); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 2px 4px -2px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); & > div { padding: calc(var(--spacing) * 3); &:first-child { background-color: var(--md-sys-color-surface-container-high); } } } address { font-style: normal; } .accordion { :first-child > summary { border-top-left-radius: var(--md-sys-shape-corner-medium); border-top-right-radius: var(--md-sys-shape-corner-medium); } :last-child:not(:open) > summary { border-bottom-right-radius: var(--md-sys-shape-corner-medium); border-bottom-left-radius: var(--md-sys-shape-corner-medium); } :last-child:open > div { border-bottom-right-radius: var(--md-sys-shape-corner-medium); border-bottom-left-radius: var(--md-sys-shape-corner-medium); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } hr { margin: calc(var(--spacing) * 0); } details { &:open > summary { &::after { --tw-content: "keyboard_arrow_up" / ""; content: var(--tw-content); } } &:not(:open) > summary { &::after { --tw-content: "keyboard_arrow_down" / ""; content: var(--tw-content); } } summary { display: flex; cursor: pointer; list-style-type: none; justify-content: space-between; background-color: var(--md-sys-color-surface-container-high); padding-inline: calc(var(--spacing) * 5.5); padding-block: calc(var(--spacing) * 5); font-size: var(--md-sys-typescale-label-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-large-tracking)); font-weight: var(--tw-font-weight, 500); color: var(--md-sys-color-on-surface); &::after { content: var(--tw-content); font-family: Material Icons; } &::after { content: var(--tw-content); color: var(--md-sys-color-primary); } } div { border-inline-style: var(--tw-border-style); border-inline-width: 1px; border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--md-sys-color-outline-variant); padding: calc(var(--spacing) * 5); } } } } .switch { position: relative; display: inline-block; input { height: calc(var(--spacing) * 0); width: calc(var(--spacing) * 0); opacity: 0%; } } .slider { position: relative; inset: calc(var(--spacing) * 0); display: block; height: 32px !important; width: 52px !important; cursor: pointer; border-radius: 34px; border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-outline); background-color: var(--color-surface-container-highest); --tw-duration: 300ms; transition-duration: 300ms; } .slider:before { position: absolute; bottom: calc(var(--spacing) * 1.5); left: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); border-radius: var(--md-sys-shape-corner-full); background-color: var(--color-outline); --tw-duration: 300ms; transition-duration: 300ms; --tw-content: ""; content: var(--tw-content); } input:checked + .slider { border-color: var(--color-primary); background-color: var(--md-sys-color-primary); &::before { bottom: calc(var(--spacing) * 0.5); left: calc(var(--spacing) * 0.5); height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); transform: translateX(20px); background-color: var(--md-sys-color-on-primary); } } form { .form-actions { display: flex; flex-direction: column; justify-content: flex-end; gap: calc(var(--spacing) * 3); @media (width >= 48rem) { flex-direction: row; } @media (width >= 48rem) { gap: calc(var(--spacing) * 5); } } &#anonymous-feedback-front { .btn-group { display: flex; justify-content: center; gap: calc(var(--spacing) * 1); .btn > input { display: none; } } } } input:where(:not([type])), [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select:not(.dt-input) { width: 100% !important; border-radius: var(--md-sys-shape-corner-extra-small) !important; background-color: transparent !important; color: var(--md-sys-color-on-surface-variant); &:where(.dark, .dark *) { color-scheme: dark; } &:not(textarea) { height: 56px !important; } &::placeholder { color: var(--md-sys-color-on-surface-variant) !important; } &:focus { --tw-ring-color: var(--md-sys-color-primary) !important; border-color: var(--tw-ring-color) !important; } } [type="radio"] { color: transparent !important; &:focus { --tw-ring-color: transparent !important; --tw-ring-offset-width: 0px !important; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; } } [type="checkbox"] { &:checked { background-color: var(--md-sys-color-primary); } &:focus { --tw-ring-color: transparent !important; --tw-ring-offset-width: 0px !important; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; } } .input-group { &:has(div.input-group-append) { input { padding-right: calc(var(--spacing) * 15); } } &:has(div.input-group-prepend) { input { padding-left: calc(var(--spacing) * 15); } } position: relative; .input-group-append { position: absolute; top: calc(var(--spacing) * 0); right: calc(var(--spacing) * 0); display: grid; height: 100%; width: auto; place-items: center; border-top-right-radius: var(--md-sys-shape-corner-extra-small); border-bottom-right-radius: var(--md-sys-shape-corner-extra-small); background-color: var(--md-sys-color-state-opacity-8); padding-inline: calc(var(--spacing) * 3); color: var(--md-sys-color-on-surface); } .input-group-prepend { position: absolute; top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); display: grid; height: 100%; width: auto; place-items: center; border-top-left-radius: var(--md-sys-shape-corner-extra-small); border-bottom-left-radius: var(--md-sys-shape-corner-extra-small); background-color: var(--md-sys-color-state-opacity-8); padding-inline: calc(var(--spacing) * 3); color: var(--md-sys-color-on-surface); } } [type="radio"]:checked { --tw-border-style: none !important; border-style: none !important; background-size: inherit !important; background-image: url('data:image/svg+xml;utf-8,') !important; } .dark [type="radio"]:checked { --tw-border-style: none !important; border-style: none !important; background-size: inherit !important; background-image: url('data:image/svg+xml;utf-8,') !important; } [type="submit"] { cursor: pointer; border-radius: var(--md-sys-shape-corner-full); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5); font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); color: var(--md-sys-color-on-primary); &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } &:hover { @media (hover: hover) { opacity: 80%; } } &:focus { opacity: 88%; } &:active { opacity: 88%; } } fieldset.webform-type-fieldset:not(.fieldgroup):not( .page-promo-wrapper fieldset.webform-type-fieldset:not(.fieldgroup) ) { border-color: var(--md-sys-color-outline-variant); } .page-promo-wrapper fieldset.webform-type-fieldset:not(.fieldgroup) { border-color: oklch(55.1% 0.027 264.364); } .field_p_webform fieldset.webform-type-fieldset:not(.fieldgroup), .webform-submission-form fieldset.webform-type-fieldset:not(.fieldgroup) { margin-bottom: calc(var(--spacing) * 3); border-style: var(--tw-border-style); border-width: 1px; padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 5); > legend > span { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } fieldset { margin-block: calc(var(--spacing) * 2); > legend > span { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .form-group > label { padding-inline: calc(var(--spacing) * 0); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .form-actions.webform-actions { margin-bottom: calc(var(--spacing) * 3); } .webform-submission-form .form-required { &::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 0.5) !important; } &::after { content: var(--tw-content); color: red !important; } &::after { content: var(--tw-content); --tw-content: '*' !important; content: var(--tw-content) !important; } } select { background-image: url('data:image/svg+xml;utf-8,') !important; } .dark select { background-image: url('data:image/svg+xml;utf-8,') !important; } details.gech-details:not(details.gech-details details.gech-details) { margin-bottom: calc(var(--spacing) * 4); } details.gech-details > * details.gech-details:not(:last-child) { margin-bottom: calc(var(--spacing) * 4); } details.gech-details { border: 1px solid #ededed; line-height: 1.295em; &:hover, &:focus, &[open] > .gech-details__summary { color: inherit; } .gech-details__wrapper { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); } summary.gech-details__summary { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); } fieldset:not(.fieldgroup) { margin-bottom: calc(var(--spacing) * 2); border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; border-style: solid; padding: 15px; & > legend { margin-top: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 0); width: auto; padding-inline: 2px; padding-block: calc(var(--spacing) * 0); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } label { margin-bottom: calc(var(--spacing) * 1); display: table; padding-inline: calc(var(--spacing) * 0) !important; font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } } } .media-image-full { width: 100%; } figure:not(.quote) { & > a { display: block; } img { height: auto; max-width: 100%; } } .webform-submission-form { input[type="checkbox"]:disabled { pointer-events: none; + label { color: #777; } } a { color: revert; } ul, ol { padding-left: calc(var(--spacing) * 5); & p { margin-bottom: calc(var(--spacing) * 4); } } ul { list-style-type: disc; } ol { list-style-type: decimal; } .webform-multiple-table { display: block; overflow-x: auto; td { white-space: normal !important; } } } :where(.rich-content, .webform-submission-form) { div.encart-recherche { margin-bottom: calc(var(--spacing) * 3); border-radius: var(--md-sys-shape-corner-medium); background-color: var(--md-sys-color-primary-container); padding: calc(var(--spacing) * 4); &:last-child { margin-bottom: calc(var(--spacing) * 0); } & > p { margin-top: calc(var(--spacing) * 0); &:last-child { margin-bottom: calc(var(--spacing) * 0); } } } } } @layer component { .main-container { margin-inline: auto; width: 100%; max-width: var(--container-6xl); padding-inline: calc(var(--spacing) * 4); @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } } .listing-container { margin-inline: auto; width: 100%; max-width: var(--spacing-8xl); padding-inline: calc(var(--spacing) * 4); @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } } .gech-card { position: relative; display: block; height: 100%; overflow: hidden; border-radius: var(--md-sys-shape-corner-medium); color: var(--md-sys-color-on-surface); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &::after { content: var(--tw-content); position: absolute; } &::after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } &::after { content: var(--tw-content); height: calc(var(--spacing) * 20); } &::after { content: var(--tw-content); width: 100%; } &::after { content: var(--tw-content); --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } &::after { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } &::after { content: var(--tw-content); --tw-gradient-from-position: 0%; } &::after { content: var(--tw-content); --tw-gradient-to-position: 70%; } figure { margin-block: calc(var(--spacing) * 0); } } header#header, footer#site-footer { @media print { display: none; } } .messages.messages--status, .alert { margin-top: calc(var(--spacing) * 4); border-radius: var(--md-sys-shape-corner-medium); background-color: var(--md-sys-color-warning-container); padding: calc(var(--spacing) * 4); &.alert-danger { background-color: var(--md-sys-color-error-container); } } #listing-wrapper { header { margin-top: calc(var(--spacing) * -5); margin-bottom: calc(var(--spacing) * 8); font-size: var(--md-sys-typescale-label-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-large-tracking)); font-weight: var(--tw-font-weight, 500); } } .gech-banner { .btn-harmony, .btn-harmony-outline { display: inline-flex; cursor: pointer; align-items: center; justify-content: center; gap: calc(var(--spacing) * 2); border-radius: var(--md-sys-shape-corner-full); padding-inline: calc(var(--spacing) * 4); padding-block: 10px; font-size: var(--md-sys-typescale-label-medium-size); line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)); font-weight: var(--tw-font-weight, 500); &:hover { @media (hover: hover) { text-decoration-line: none; } } } .btn-harmony { background-color: var(--md-sys-color-primary); color: var(--md-sys-color-on-primary); &:hover { @media (hover: hover) { background-color: var(--color-primary-hover); } } &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } &:focus { background-color: var(--color-primary-focus); } &:active { background-color: var(--color-primary-focus); } } .btn-outline-primary, .btn-harmony-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--md-sys-color-inverse-on-surface); color: var(--md-sys-color-inverse-on-surface); &:hover { @media (hover: hover) { background-color: var(--color-inverse-surface-hover); } } &:focus { background-color: var(--color-inverse-surface-focus); } &:active { background-color: var(--color-inverse-surface-focus); } } } .dt-container { table.dataTable > thead { th.dt-orderable-asc, th.dt-orderable-desc { .dt-column-header { display: flex; align-items: center; gap: calc(var(--spacing) * 2); &:hover { @media (hover: hover) { cursor: pointer; } } } span.dt-column-order:after { font-family: "Material Icons Outlined" !important; font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; --tw-content: '\e8d5'; content: var(--tw-content); } } } .dt-info, .dt-length, .dt-paging-button { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-leading: 166%; line-height: 166%; --tw-tracking: 0.4px; letter-spacing: 0.4px; } .dt-paging > nav, .dt-paging > nav > button { display: flex; align-items: center; } .dt-paging > nav > button { &.dt-paging-button:not(.next):not(.last):not(.current):not(.first):not( .previous ) { display: none; } &[aria-current] { --tw-leading: 1; line-height: 1; } } .dt-length { display: flex; align-items: center; label { white-space: nowrap; } select.dt-input { height: inherit; width: auto; min-width: calc(var(--spacing) * 15); border-radius: var(--md-sys-shape-corner-extra-small); --tw-border-style: none; border-style: none; background-color: var(--md-sys-color-surface); padding: calc(var(--spacing) * 1); padding-left: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } } .mfp-iframe-holder .mfp-content { max-height: 90%; max-width: 90% !important; .mfp-iframe-scaler { @media (orientation: portrait) { padding-top: calc(16 / 9 * 100%) !important; } @media (orientation: landscape) { padding-top: calc(9 / 16 * 100%) !important; } } } #block-gech-front-local-tasks { width: 100%; padding-inline: calc(var(--spacing) * 3); @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } @media (width >= 48rem) { margin-inline: auto; } @media (width >= 64rem) { max-width: var(--container-4xl); } @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 0); } @media (width >= 80rem) { max-width: var(--container-6xl); } margin-top: calc(var(--spacing) * 8); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--md-sys-color-outline-variant); text-align: center; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); ul { margin-bottom: -1px; display: flex; flex-wrap: wrap; li { a { display: inline-block; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); &:hover { @media (hover: hover) { color: var(--md-sys-color-primary); } } &.is-active { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; border-color: var(--md-sys-color-primary); color: var(--md-sys-color-primary); } } } } } #views-exposed-form-publications-publications-listing, #views-exposed-form-evenement-list-list-events, #gech-offres-emploi-filters { display: block; .form-item { margin-bottom: calc(var(--spacing) * 6); } .form-item-field-date-publication-value-1, .form-item-field-date-publication-value-2 { @media (width >= 48rem) { float: left; } @media (width >= 48rem) { width: 48.75%; } } .form-item-field-date-publication-value-2 { @media (width >= 48rem) { margin-left: 2.5%; } } .form-actions { @media (width >= 48rem) { clear: both; } } } ul.ui-autocomplete { z-index: 999 !important; font-size: var(--md-sys-typescale-body-large-size); line-height: var(--tw-leading, var(--md-sys-typescale-body-large-line-height)); letter-spacing: var(--tw-tracking, var(--md-sys-typescale-body-large-tracking)); font-weight: var(--tw-font-weight, 400); li.ui-category > span { display: block; padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 2) !important; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } a { display: block; padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 2) !important; &:hover, &.ui-state-active { margin: calc(var(--spacing) * 0) !important; border-style: var(--tw-border-style) !important; border-width: 0px !important; --tw-border-style: none !important; border-style: none !important; background-color: var(--md-sys-color-surface-container-low) !important; color: var(--md-sys-color-on-surface) !important; } } } .klaro { .cookie-notice:not(.cookie-modal-notice) .cn-body { padding: calc(var(--spacing) * 0) !important; p { margin: calc(var(--spacing) * 0) !important; } } #klaro-cookie-notice { @media (width < 64rem) { inset-inline: calc(var(--spacing) * 3) !important; } @media (width < 64rem) { bottom: calc(var(--spacing) * 3) !important; } @media (width < 64rem) { width: auto !important; } border-radius: var(--md-sys-shape-corner-medium) !important; background-color: var(--md-sys-color-inverse-surface) !important; padding: calc(var(--spacing) * 6) !important; color: var(--md-sys-color-inverse-on-surface) !important; @media (width >= 64rem) { right: calc(var(--spacing) * 3) !important; } @media (width >= 64rem) { bottom: calc(var(--spacing) * 3) !important; } @media (width >= 64rem) { min-width: calc(1/4 * 100%) !important; } } .cookie-modal { .cm-bg { background-color: rgba(0,0,0,0.32) !important; &:where(.dark, .dark *) { background-color: rgba(0,0,0,0.4) !important; } } .cm-modal.cm-klaro { width: auto !important; @media (width < 64rem) { inset-inline: calc(var(--spacing) * 3) !important; } border-radius: var(--md-sys-shape-corner-medium) !important; background-color: var(--md-sys-color-surface-container-high) !important; padding: calc(var(--spacing) * 6) !important; color: var(--md-sys-color-on-surface) !important; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; @media (width >= 64rem) { right: calc(var(--spacing) * 3) !important; } @media (width >= 64rem) { bottom: calc(var(--spacing) * 3) !important; } @media (width >= 64rem) { min-width: calc(1/4 * 100%) !important; } .cm-header { margin-bottom: calc(var(--spacing) * 4) !important; padding: calc(var(--spacing) * 0) !important; h1 { font-size: var(--md-sys-typescale-headline-small-size) !important; line-height: var(--tw-leading, var(--md-sys-typescale-headline-small-line-height)) !important; letter-spacing: var(--tw-tracking, var(--md-sys-typescale-headline-small-tracking)) !important; font-weight: var(--tw-font-weight, 700) !important; color: var(--md-sys-color-on-surface) !important; } p { display: none !important; } --tw-border-style: none !important; border-style: none !important; .hide { display: none !important; } } .cm-body { padding: calc(var(--spacing) * 0) !important; li { color: var(--md-sys-color-on-surface-variant) !important; .cm-list-title { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } } .cm-service > div { display: flex !important; align-items: center !important; } .cm-opt-out { display: none !important; } .cm-list-description { display: none !important; } .purposes { display: none !important; } } .cm-footer { --tw-border-style: none !important; border-style: none !important; padding: calc(var(--spacing) * 0) !important; .cm-footer-buttons { justify-content: flex-end !important; } } } p { margin: calc(var(--spacing) * 0) !important; color: var(--md-sys-color-inverse-on-surface) !important; } .cm-btn { display: block !important; cursor: pointer !important; border-radius: var(--md-sys-shape-corner-full) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; border-color: var(--md-sys-color-outline) !important; background-color: var(--md-sys-color-surface-container-high) !important; padding-inline: calc(var(--spacing) * 4) !important; padding-block: 10px !important; font-size: var(--md-sys-typescale-label-medium-size) !important; line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)) !important; letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)) !important; font-weight: var(--tw-font-weight, 500) !important; color: var(--md-sys-color-primary) !important; &:focus { background-color: var(--md-sys-color-state-opacity-12) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } &:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-brightness: brightness(90%) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; &:where(.dark, .dark *) { --tw-brightness: brightness(110%) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } } &:active { background-color: var(--md-sys-color-state-opacity-12) !important; } } .cm-list-input:checked + .cm-list-label .slider { border-color: var(--color-primary); background-color: var(--md-sys-color-primary) !important; &::before { bottom: calc(var(--spacing) * 0.5) !important; left: calc(var(--spacing) * 0.5) !important; height: calc(var(--spacing) * 6) !important; width: calc(var(--spacing) * 6) !important; background-color: var(--md-sys-color-on-primary) !important; } } .cm-list-label { margin-left: calc(var(--spacing) * 2) !important; display: flex !important; height: 32px !important; align-items: center !important; font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important; .slider { height: 32px !important; width: 52px !important; background-color: var(--md-sys-color-surface-container-highest) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-outline-style: none !important; outline-style: none !important; &::before { bottom: calc(var(--spacing) * 1.5) !important; left: calc(var(--spacing) * 1.5) !important; height: calc(var(--spacing) * 4) !important; width: calc(var(--spacing) * 4) !important; background-color: var(--color-outline) !important; } } } } .cookie-notice { &:focus { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-outline-style: none !important; outline-style: none !important; } p { margin: calc(var(--spacing) * 0) !important; color: var(--md-sys-color-inverse-on-surface) !important; } a { color: var(--md-sys-color-inverse-primary) !important; &:hover { @media (hover: hover) { text-decoration-line: underline !important; } } } .cn-buttons { display: flex !important; } .cm-btn { display: block !important; cursor: pointer !important; border-radius: var(--md-sys-shape-corner-full) !important; --tw-border-style: none !important; border-style: none !important; background-color: var(--md-sys-color-inverse-surface) !important; padding-inline: calc(var(--spacing) * 4) !important; padding-block: 10px !important; font-size: var(--md-sys-typescale-label-medium-size) !important; line-height: var(--tw-leading, var(--md-sys-typescale-label-medium-line-height)) !important; letter-spacing: var(--tw-tracking, var(--md-sys-typescale-label-medium-tracking)) !important; font-weight: var(--tw-font-weight, 500) !important; color: var(--md-sys-color-inverse-primary) !important; &:focus { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } &:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, var(--md-sys-color-state-opacity-15)), 0 1px 2px -1px var(--tw-shadow-color, var(--md-sys-color-state-opacity-30)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; --tw-brightness: brightness(110%) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; &:where(.dark, .dark *) { --tw-brightness: brightness(90%) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } } } } } .background-h1c1 { background-color: #124672; color: var(--color-white); } .background-h1c2 { background-color: #2f79b9; color: var(--color-white); } .background-h1c3 { background-color: #8e2c63; color: var(--color-white); } .background-h1c4 { background-color: #eddf2f; color: var(--color-black); } .background-h1c5 { background-color: #659900; color: var(--color-white); } .background-h1c6 { background-color: #c1946b; color: var(--color-white); } .background-h1c7 { background-color: #d9534f; color: var(--color-white); } .background-h2c1 { background-color: #f4d8cd; color: var(--color-black); } .background-h2c2 { background-color: #f59a7b; color: var(--color-white); } .background-h2c3 { background-color: #e1b129; color: var(--color-white); } .background-h2c4 { background-color: #cee2d9; color: var(--color-black); } .background-h2c5 { background-color: #929965; color: var(--color-white); } .background-h2c6 { background-color: #357e85; color: var(--color-white); } .background-h2c7 { background-color: #666666; color: var(--color-white); } .background-h3c1 { background-color: #f1edea; color: var(--color-black); } .background-h3c2 { background-color: #f1e4dc; color: var(--color-black); } .background-h3c3 { background-color: #cdc7cb; color: var(--color-black); } .background-h3c4 { background-color: #bdcbce; color: var(--color-black); } .background-h3c5 { background-color: #88a3ae; color: var(--color-white); } .background-h3c6 { background-color: #5f7582; color: var(--color-white); } .background-h3c7 { background-color: #775065; color: var(--color-white); } .background-h4c1 { background-color: #b9abce; color: var(--color-black); } .background-h4c2 { background-color: #fdc8da; color: var(--color-black); } .background-h4c3 { background-color: #cdc7cb; color: var(--color-black); } .background-h4c4 { background-color: #f9a67a; color: var(--color-black); } .background-h4c5 { background-color: #f7d993; color: var(--color-black); } .background-h4c6 { background-color: #ced47a; color: var(--color-black); } .background-h4c7 { background-color: #8edce0; color: var(--color-black); } .background-h5c1 { background-color: #d7d0c8; color: var(--color-black); } .background-h5c2 { background-color: #cee2d9; color: var(--color-black); } .background-h5c3 { background-color: #f7d993; color: var(--color-black); } .background-h5c4 { background-color: #e1b129; color: var(--color-black); } .background-h5c5 { background-color: #c1946b; color: var(--color-white); } .background-h5c6 { background-color: #f59a7b; color: var(--color-white); } .background-h5c7 { background-color: #357e85; color: var(--color-white); } .background-h6c1 { background-color: #e9e7db; color: var(--color-black); } .background-h6c2 { background-color: #cfe1e3; color: var(--color-black); } .background-h6c3 { background-color: #b4be67; color: var(--color-white); } .background-h6c4 { background-color: #fcb65e; color: var(--color-white); } .background-h6c5 { background-color: #6096ae; color: var(--color-white); } .background-h6c6 { background-color: #007175; color: var(--color-white); } .background-h6c7 { background-color: #967969; color: var(--color-white); } .background-h7c1 { background-color: #e0df08; color: var(--color-black); } .background-h7c2 { background-color: #fde700; color: var(--color-black); } .background-h7c3 { background-color: #fd9f02; color: var(--color-white); } .background-h7c4 { background-color: #e31f23; color: var(--color-white); } .background-h7c5 { background-color: #d82d73; color: var(--color-white); } .background-h7c6 { background-color: #8c154b; color: var(--color-white); } .background-h7c7 { background-color: #729cc4; color: var(--color-white); } .background-h8c1 { background-color: #e9e7db; color: var(--color-black); } .background-h8c2 { background-color: #cfe1e3; color: var(--color-black); } .background-h8c3 { background-color: #f4a86c; color: var(--color-white); } .background-h8c4 { background-color: #7d322d; color: var(--color-white); } .background-h8c5 { background-color: #2c5d7d; color: var(--color-white); } .background-h8c6 { background-color: #666666; color: var(--color-white); } .background-h8c7 { background-color: #729cc4; color: var(--color-white); } .background-h9c1 { background-color: transparent; color: #ffc312; } .background-h9c2 { background-color: transparent; color: #c4e538; } .background-h9c3 { background-color: transparent; color: #12cbc4; } .background-h9c4 { background-color: transparent; color: #fda7df; } .background-h9c5 { background-color: transparent; color: #ea2027; } .background-h9c6 { background-color: transparent; color: #006266; } .background-h9c7 { background-color: transparent; color: #b53471; } .js input.form-autocomplete { background-image: none !important; } .js input.form-autocomplete.ui-autocomplete-loading { background-image: url(/core/themes/olivero/images/throbber.svg) !important; background-position: 98% center !important; } .page-promo-wrapper { .align-left { margin-right: auto; margin-bottom: calc(var(--spacing) * 4); display: block; width: fit-content; } .align-right { margin-bottom: calc(var(--spacing) * 4); margin-left: auto; display: block; width: fit-content; } .align-center { margin-inline: auto; margin-bottom: calc(var(--spacing) * 4); display: block; width: fit-content; } .btn-primary { background-color: var(--md-ref-palette-primary-40); color: var(--md-ref-palette-primary-100); &:hover { @media (hover: hover) { background-color: var(--light-primary-hover); } } &:focus { background-color: var(--light-primary-focus); } &:active { background-color: var(--light-primary-focus); } &:disabled { background-color: var(--md-ref-palette-primary-40); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--md-ref-palette-primary-40) 12%, transparent); } } &:disabled { color: var(--md-ref-palette-primary-100); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--md-ref-palette-primary-100) 12%, transparent); } } } table { border-color: var(--md-ref-palette-neutral-variant-80); thead > tr > th { border-color: var(--md-ref-palette-neutral-variant-80); background-color: var(--md-ref-palette-neutral-80); } tr { &:nth-child(even) { background-color: var(--md-ref-palette-neutral-95); } } & > thead, & > tbody, & > tfoot, & { & > tr:not(:last-child) { border-color: var(--md-ref-palette-neutral-variant-80); & > th, & > td { border-color: var(--md-ref-palette-neutral-variant-80); } } } } .dt-container { .dt-length { select.dt-input { background-color: var(--md-ref-palette-neutral-100); } } } } } .page-promo-wrapper { .link-with-icon { color: inherit; & span[data-text] { text-decoration-line: underline; } &:hover { @media (hover: hover) { & span[data-text] { text-decoration-line: none; } } } } } select.ts-hidden-accessible { width: 1px !important; max-width: 1px !important; min-width: 0 !important; position: absolute !important; overflow: hidden !important; } @media (max-width: 48rem) { .webform-options-display-three-columns { column-count: 1; } } .select2-dropdown, .select2-search__field { color: var(--md-ref-palette-neutral-variant-30); } @layer base { [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } } input::placeholder,textarea::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-date-and-time-value { text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: oklch(54.6% 0.245 262.881); background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @media (forced-colors: active) { appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color;}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1;}@property --tw-rotate-x{syntax:"*";inherits:false;}@property --tw-rotate-y{syntax:"*";inherits:false;}@property --tw-rotate-z{syntax:"*";inherits:false;}@property --tw-skew-x{syntax:"*";inherits:false;}@property --tw-skew-y{syntax:"*";inherits:false;}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-leading{syntax:"*";inherits:false;}@property --tw-font-weight{syntax:"*";inherits:false;}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-shadow-color{syntax:"*";inherits:false;}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%;}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-shadow-color{syntax:"*";inherits:false;}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%;}@property --tw-ring-color{syntax:"*";inherits:false;}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-ring-color{syntax:"*";inherits:false;}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-ring-inset{syntax:"*";inherits:false;}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0px;}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff;}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-blur{syntax:"*";inherits:false;}@property --tw-brightness{syntax:"*";inherits:false;}@property --tw-contrast{syntax:"*";inherits:false;}@property --tw-grayscale{syntax:"*";inherits:false;}@property --tw-hue-rotate{syntax:"*";inherits:false;}@property --tw-invert{syntax:"*";inherits:false;}@property --tw-opacity{syntax:"*";inherits:false;}@property --tw-saturate{syntax:"*";inherits:false;}@property --tw-sepia{syntax:"*";inherits:false;}@property --tw-drop-shadow{syntax:"*";inherits:false;}@property --tw-drop-shadow-color{syntax:"*";inherits:false;}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%;}@property --tw-drop-shadow-size{syntax:"*";inherits:false;}@property --tw-duration{syntax:"*";inherits:false;}@property --tw-ease{syntax:"*";inherits:false;}@property --tw-content{syntax:"*";initial-value:"";inherits:false;}@property --tw-gradient-position{syntax:"*";inherits:false;}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000;}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000;}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000;}@property --tw-gradient-stops{syntax:"*";inherits:false;}@property --tw-gradient-via-stops{syntax:"*";inherits:false;}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%;}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%;}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%;}@property --tw-border-spacing-x{syntax:"";inherits:false;initial-value:0;}@property --tw-border-spacing-y{syntax:"";inherits:false;initial-value:0;}@property --tw-tracking{syntax:"*";inherits:false;}@keyframes smoothscroll{0%{transform:translateY(-81px);}100%{transform:translateY(0);}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-tracking:initial;}}} @font-face{font-family:Roboto;src:url(/themes/custom/gech_front/fonts/roboto-v19-latin-300.eot);src:local("Roboto Light"),local("Roboto-Light"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-300.eot#iefix) format("embedded-opentype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-300.woff2) format("woff2"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-300.woff) format("woff"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-300.ttf) format("truetype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-300.svg#Roboto) format("svg");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:Roboto;src:url(/themes/custom/gech_front/fonts/roboto-v19-latin-regular.eot);src:local("Roboto"),local("Roboto-Regular"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-regular.eot#iefix) format("embedded-opentype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-regular.woff2) format("woff2"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-regular.woff) format("woff"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-regular.ttf) format("truetype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-regular.svg#Roboto) format("svg");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:Roboto;src:url(/themes/custom/gech_front/fonts/roboto-v19-latin-500.eot);src:local("Roboto Medium"),local("Roboto-Medium"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-500.eot#iefix) format("embedded-opentype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-500.woff2) format("woff2"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-500.woff) format("woff"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-500.ttf) format("truetype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-500.svg#Roboto) format("svg");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:Roboto;src:url(/themes/custom/gech_front/fonts/roboto-v19-latin-700.eot);src:local("Roboto Bold"),local("Roboto-Bold"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-700.eot#iefix) format("embedded-opentype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-700.woff2) format("woff2"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-700.woff) format("woff"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-700.ttf) format("truetype"),url(/themes/custom/gech_front/fonts/roboto-v19-latin-700.svg#Roboto) format("svg");font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:"Roboto Slab";src:url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-regular.eot);src:local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-regular.eot#iefix) format("embedded-opentype"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-regular.woff2) format("woff2"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-regular.woff) format("woff"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-regular.ttf) format("truetype"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-regular.svg#RobotoSlab) format("svg");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Roboto Slab";src:url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-700.eot);src:local("Roboto Slab Bold"),local("RobotoSlab-Bold"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-700.eot#iefix) format("embedded-opentype"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-700.woff2) format("woff2"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-700.woff) format("woff"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-700.ttf) format("truetype"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-700.svg#RobotoSlab) format("svg");font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:"Roboto Slab";src:url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-300.eot);src:local("Roboto Slab Light"),local("RobotoSlab-Light"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-300.eot#iefix) format("embedded-opentype"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-300.woff2) format("woff2"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-300.woff) format("woff"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-300.ttf) format("truetype"),url(/themes/custom/gech_front/fonts/roboto-slab-v8-latin-300.svg#RobotoSlab) format("svg");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:"Averia Serif Libre";src:url(/themes/custom/gech_front/fonts/AveriaSerifLibre-Bold.ttf),local("Averia Serif Libre Bold"),local("AveriaSerifLibre-Bold"),format("truetype");font-weight:bold;}@font-face{font-family:"Averia Serif Libre";src:url(/themes/custom/gech_front/fonts/AveriaSerifLibre-Regular.ttf),local("Averia Serif Libre Regular"),local("AveriaSerifLibre-Regular"),format("truetype");}@font-face{font-family:"Averia Serif Libre";src:url(/themes/custom/gech_front/fonts/AveriaSerifLibre-Italic.ttf),local("Averia Serif Libre Italic"),local("AveriaSerifLibre-Italic"),format("truetype");font-style:italic;}@font-face{font-family:Bangers;src:url(/themes/custom/gech_front/fonts/Bangers-Regular.ttf),local("Bangers Regular"),local("Bangers-Regular"),format("truetype");}@font-face{font-family:"Barlow Condensed";src:url(/themes/custom/gech_front/fonts/BarlowCondensed-Regular.ttf),local("BarlowCondensed Regular"),local("BarlowCondensed-Regular"),format("truetype");}@font-face{font-family:"Barlow Condensed";src:url(/themes/custom/gech_front/fonts/BarlowCondensed-SemiBold.ttf),local("BarlowCondensed SemiBold"),local("BarlowCondensed-SemiBold"),format("truetype");font-weight:bold;}@font-face{font-family:"Barlow Condensed";src:url(/themes/custom/gech_front/fonts/BarlowCondensed-SemiBoldItalic.ttf),local("BarlowCondensed SemiBold Italic"),local("BarlowCondensed-SemiBold-Italic"),format("truetype");font-style:italic;}@font-face{font-family:Caveat;src:url(/themes/custom/gech_front/fonts/Caveat-Bold.ttf),local("Caveat"),local("Caveat"),format("truetype");font-weight:bold;}@font-face{font-family:Caveat;src:url(/themes/custom/gech_front/fonts/Caveat-Regular.ttf),local("Caveat"),local("Caveat"),format("truetype");}@font-face{font-family:"Chakra Petch";src:url(/themes/custom/gech_front/fonts/ChakraPetch-Regular.ttf),local("Chakra Petch Regular"),local("ChakraPetch-Regular"),format("truetype");}@font-face{font-family:"Chakra Petch";src:url(/themes/custom/gech_front/fonts/ChakraPetch-Bold.ttf),local("Chakra Petch Bold"),local("ChakraPetch-Bold"),format("truetype");font-weight:bold;}@font-face{font-family:"Chakra Petch";src:url(/themes/custom/gech_front/fonts/ChakraPetch-Italic.ttf),local("Chakra Petch Italic"),local("ChakraPetch-Italic"),format("truetype");font-style:italic;}@font-face{font-family:Dongle;src:url(/themes/custom/gech_front/fonts/Dongle-Regular.ttf),local("Dongle Regular"),local("Dongle-Regular"),format("truetype");}@font-face{font-family:Dongle;src:url(/themes/custom/gech_front/fonts/Dongle-Bold.ttf),local("Dongle Bold"),local("Dongle-Bold"),format("truetype");font-weight:bold;}@font-face{font-family:"Grifter Bold";src:url(/themes/custom/gech_front/fonts/grifterbold.otf),local("Grifter Bold"),local("Grifter-Bold"),format("opentype");}@font-face{font-family:Montserrat;src:url(/themes/custom/gech_front/fonts/Montserrat-Bold.ttf),local("Montserrat Bold"),local("Montserrat-Bold"),format("truetype");font-weight:bold;}@font-face{font-family:Montserrat;src:url(/themes/custom/gech_front/fonts/Montserrat-Regular.ttf),local("Montserrat Regular"),local("Montserrat-Regular"),format("truetype");}@font-face{font-family:Montserrat;src:url(/themes/custom/gech_front/fonts/Montserrat-Italic.ttf),local("Montserrat Italic"),local("Montserrat-Italic"),format("truetype");font-style:italic;}@font-face{font-family:Philosopher;src:url(/themes/custom/gech_front/fonts/Philosopher-Regular.ttf),local("Philosopher Regular"),local("Philosopher-Regular"),format("truetype");}@font-face{font-family:Philosopher;src:url(/themes/custom/gech_front/fonts/Philosopher-Bold.ttf),local("Philosopher Bold"),local("Philosopher-Bold"),format("truetype");font-weight:bold;}@font-face{font-family:Philosopher;src:url(/themes/custom/gech_front/fonts/Philosopher-Italic.ttf),local("Philosopher Italic"),local("Philosopher-Italic"),format("truetype");font-style:italic;}@font-face{font-family:Poppins;src:url(/themes/custom/gech_front/fonts/Poppins-Thin.ttf),local("Poppins Thin"),local("Poppins-Thin"),format("truetype");}@font-face{font-family:Poppins;src:url(/themes/custom/gech_front/fonts/Poppins-SemiBold.ttf),local("Poppins Semi Bold"),local("Poppins-Semi-Bold"),format("truetype");font-weight:bold;}@font-face{font-family:Poppins;src:url(/themes/custom/gech_front/fonts/Poppins-Italic.ttf),local("Poppins Semi Italic"),local("Poppins-Semi-Italic"),format("truetype");font-style:italic;}@font-face{font-family:"Yeseva One";src:url(/themes/custom/gech_front/fonts/YesevaOne-Regular.ttf),local("YesevaOne Regular"),local("YesevaOne-Regular"),format("truetype");}@font-face{font-family:"Zilla Slab";src:url(/themes/custom/gech_front/fonts/ZillaSlab-Regular.ttf),local("ZillaSlab Regular"),local("ZillaSlab-Regular"),format("truetype");}@font-face{font-family:"Zilla Slab";src:url(/themes/custom/gech_front/fonts/ZillaSlab-Bold.ttf),local("ZillaSlab Bold"),local("ZillaSlab-Bold"),format("truetype");font-weight:bold;}@font-face{font-family:"Zilla Slab";src:url(/themes/custom/gech_front/fonts/ZillaSlab-Italic.ttf),local("ZillaSlab Italic"),local("ZillaSlab-Italic"),format("truetype");font-style:italic;} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle;}.mfp-align-top .mfp-container:before{display:none;}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}.mfp-ajax-cur{cursor:progress;}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}.mfp-auto-cursor .mfp-content{cursor:auto;}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}.mfp-loading.mfp-figure{display:none;}.mfp-hide{display:none !important;}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}.mfp-preloader a{color:#CCC;}.mfp-preloader a:hover{color:#FFF;}.mfp-s-ready .mfp-preloader{display:none;}.mfp-s-error .mfp-content{display:none;}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}button::-moz-focus-inner{padding:0;border:0;}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;}.mfp-close:hover,.mfp-close:focus{opacity:1;}.mfp-close:active{top:1px;}.mfp-close-btn-in .mfp-close{color:#333;}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);}.mfp-arrow:active{margin-top:-54px;}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;}.mfp-arrow:before,.mfp-arrow:after{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}.mfp-arrow-left{left:0;}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}.mfp-arrow-right{right:0;}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}.mfp-arrow-right:before{border-left:27px solid #3F3F3F;}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}.mfp-iframe-holder .mfp-close{top:-40px;}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}.mfp-figure{line-height:0;}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}.mfp-figure figure{margin:0;}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}.mfp-image-holder .mfp-content{max-width:100%;}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}.mfp-img-mobile img.mfp-img{padding:0;}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}.mfp-img-mobile .mfp-counter{right:5px;top:3px;}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}.mfp-container{padding-left:6px;padding-right:6px;}} #site-footer{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-top:1px solid var(--md-sys-color-outline-variant);}#footer-container{max-width:1200px;margin:0 auto;padding:0.5rem 2.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;}#footer-nav{width:auto;}#footer-menu{display:flex;flex-direction:row;gap:0.75rem;list-style:none;padding:0;margin:0;}#footer-menu .footer-menu-item{padding-right:1rem;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);font-weight:400;line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-tracking);border-right:1px solid var(--md-sys-color-outline-variant);}#footer-menu .footer-menu-item:last-child{border-right:none;}#footer-nav .footer-menu-item:hover{color:var(--md-sys-color-primary);cursor:pointer;text-decoration:underline;}#footer-logo{width:auto;text-align:right;}#logo-footer{width:72px;margin:0 auto;}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}@media (max-width:639px){#footer-container{flex-direction:column;align-items:flex-start;padding-top:32px;padding-bottom:32px;padding-left:12px;padding-right:12px;}#footer-menu{flex-direction:column;gap:16px;}#footer-logo{text-align:center;}#footer-menu .footer-menu-item{border-right:none;}} header#header{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);height:var(--header-mobile-height);width:100vw;left:0;top:0;position:fixed;z-index:999;}@media (min-width:640px){header#header{height:var(--header-height);}}#header-container{height:100%;margin:0 auto;padding-left:12px;padding-right:12px;display:flex;align-items:center;justify-content:space-between;position:relative;max-width:72rem;}@media (min-width:640px){#header-container{padding-left:32px;padding-right:32px;}}#header-left{display:flex;gap:16px;align-items:center;}#logo{display:block;height:45px;width:28px;}#site-title{color:var(--md-sys-color-on-surface);font-size:28px;}#header-nav{display:flex;gap:20px;}#header-nav .nav-item{display:flex;flex-direction:column;align-items:center;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);font-weight:400;line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking);text-decoration:none;}#header-nav .nav-item.text-primary{color:var(--md-sys-color-primary);}#header-nav .nav-item:hover,#header-nav .nav-item:active,#header-nav .nav-item:focus{color:var(--md-sys-color-primary);cursor:pointer;}#header-nav .nav-item .nav-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}@media (min-width:1024px){#header-nav .nav-item .nav-text{position:static !important;width:auto !important;height:auto !important;padding:0 !important;margin:0 !important;overflow:visible !important;clip:auto !important;white-space:normal !important;}}#header-nav .material-icons.icon-large{font-size:35px;}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}#header-nav .header-search-icon{display:none;}@media (min-width:768px){#header-nav .header-search-icon{display:flex;}}