/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.same-bgcolor > div,.same-bgcolor .has-section-padding{padding-top:0;}.form-item-layout-settings-pattern-settings-grid-columns-width{display:none;}.webform-submission-form:not(.webform-component) .form-item + .form-item{margin-top:1rem;}@media (min-width:theme('screens.md')){.webform-submission-form:not(.webform-component) .form-item + .form-item{margin-top:1.5rem;}}.glb-claro-details__wrapper{column-gap:2rem;justify-content:center;}.layout-builder-browser-block-item{padding:1rem !important;width:calc(50% - 32px) !important;height:10.5rem;border-radius:0 !important;background-color:theme('colors.white');font-size:10px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:2px;text-transform:uppercase;border-top:4px solid #0B45D9;box-shadow:0px 4px 20px 0px rgba(0,0,0,0.12);}.layout-builder-browser-block-item a{color:#4D4D4D !important;display:flex;flex-direction:column;justify-content:start;gap:1rem;height:100%;width:100%;}.layout-builder-browser-block-item img{top:57%;order:2;width:auto !important;height:5rem;padding:0;}.views-element-container header{text-transform:uppercase;font-weight:700;margin-bottom:2rem;}.maintenance-page,.maintenance-page .dialog-off-canvas-main-canvas,.maintenance-page .has-section-padding,.maintenance-page .has-section-padding > div{height:100%;}.glb-form-type--checkbox{z-index:0;}[x-cloak]{display:none !important;}html:has(.modal.open){overflow:hidden !important;scrollbar-gutter:stable;}.ck.ck-editor,#drupal-off-canvas [data-drupal-ck-style-fence] .ck.ck-editor{max-width :500px}#drupal-off-canvas-wrapper td:first-child:not([data-drupal-ck-style-fence] *){display:table-cell}#drupal-off-canvas .summary,.glb-form-wrapper .summary,[data-drupal-selector*="layout-settings"] .summary{border-left-width:0 !important;padding:0 !important;}.ui-widget-content .button--primary{background-color:blue;color:white;}div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick{transform:none;}input[name="settings[block_form][field_initial_zoom][0][value]"]{width:calc(100% - 2rem);}.layout-builder__section:has(.hidden-section),.layout-builder__section:has(.hidden-section)+ .layout-builder__add-section{display:none;}.layout-builder__link--add{.title-component\:text-white &{border-color:white !important;color:white !important;}}
.img-parallax{width:100%;height:100%;position:relative;overflow:hidden;font-size:16px;}.img-parallax img{width:100vmax !important;position:absolute;top:0;left:0;transform:translate(0,0);pointer-events:none;}
@layer properties;@font-face{font-family:'Gilroy';font-style:normal;font-weight:400;font-display:swap;src:url(/themes/custom/campusbase/dist/a2fa27187669beec8df9.woff2) format('woff2'),url(/themes/custom/campusbase/dist/a3c2b855b67d26a06217.woff) format('woff');}@font-face{font-family:'Gilroy';font-style:normal;font-weight:600;font-display:swap;src:url(/themes/custom/campusbase/dist/e69027b49a4e4c692226.woff2) format('woff2'),url(/themes/custom/campusbase/dist/aa7ba15fb06af78c8f15.woff) format('woff');}@font-face{font-family:'Source Serif Pro';font-style:italic;font-weight:600;font-display:swap;src:url(/themes/custom/campusbase/dist/4d52e3b26da6ff30fa0e.woff2) format('woff2'),url(/themes/custom/campusbase/dist/269b0899d1fea3d614df.woff) format('woff');}@layer theme,base,components,utilities;@layer theme{:root,:host{--spacing:0.25rem;--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-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--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);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:0.025em;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-lg:0 4px 4px rgb(0 0 0 / 0.15);--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);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);}}@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:Gilroy,sans-serif;font-feature-settings:normal;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{.\@container\/mainlayout{container-type:inline-size;container-name:mainlayout;}.\@container\/mainlayout{container-type:inline-size;container-name:mainlayout;}.\@container{container-type:inline-size;}.\@container{container-type:inline-size;}.\[container-type\:inline-size\]{container-type:inline-size;}.pointer-events-auto{pointer-events:auto;}.pointer-events-none{pointer-events:none;}.collapse{visibility:collapse;}.invisible{visibility:hidden;}.visible{visibility:visible;}.ck-content{font-size:1rem;line-height:1.5rem;color:var(--color-black);:where(img):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){width:auto !important;}:where(a:not(.link):not(.heading-link):not(.btn)):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){color:var(--color-brand-primary);font-weight:bold;transition:ease all 150ms;padding-bottom:2px !important;background-repeat:no-repeat !important;background-position:left bottom !important;background-size:0% 1px !important;position:relative;padding-right:1.5rem;&:hover{background-size:100% 1px !important;}&:before{content:'';position:absolute;right:0;bottom:3px;width:1rem;height:1rem;mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-image:url(/themes/custom/campusbase/dist/e18041685f85ac11c795.svg);background-color:var(--color-brand-primary);}}:where(.hal-publication-item):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){a:not(.link):not(.heading-link):not(.btn){padding-right:0 !important;&:before{display:none !important;}}}:where(h1,h2,h3,h4,h5,h6,.h1,.h2):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-weight:600;}:where(h1:not(.apply-title-color),h2:not(.apply-title-color),h3:not(.apply-title-color),h4:not(.apply-title-color),h5:not(.apply-title-color),h6:not(.apply-title-color),.h1:not(.apply-title-color),h2:not(.apply-title-color)):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){color:var(--color-black);}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,img,div:not(.visually-hidden),table,blockquote):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){+ h1:not([class*="mt"]),+ h2:not([class*="mt"]),+ h3:not([class*="mt"]),+ h4:not([class*="mt"]),+ h5:not([class*="mt"]),+ h6:not([class*="mt"]),+ p:not([class*="mt"]),+ ul:not([class*="mt"]),+ ol:not([class*="mt"]),+ img:not([class*="mt"]),+ div:not(.visually-hidden):not([class*="mt"]):not(.default-text):not(.preheadline),+ table:not([class*="mt"]),+ blockquote:not([class*="mt"]){margin-top:2rem;}}:where(p,ul,ol,img,div:not(.visually-hidden),table,blockquote):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){+ p:not([class*="mt"]),+ ul:not([class*="mt"]),+ ol:not([class*="mt"]),+ img:not([class*="mt"]),+ div:not(.visually-hidden):not([class*="mt"]):not(.default-text):not(.preheadline),+ table:not([class*="mt"]),+ blockquote:not([class*="mt"]){margin-top:1.5rem;}}:where(.small-text &):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){h1,h2,h3,h4,h5,h6,p,ul,ol,img,div:not(.visually-hidden),table,blockquote{+ h1:not([class*="mt"]),+ h2:not([class*="mt"]),+ h3:not([class*="mt"]),+ h4:not([class*="mt"]),+ h5:not([class*="mt"]),+ h6:not([class*="mt"]),+ p:not([class*="mt"]),+ ul:not([class*="mt"]),+ ol:not([class*="mt"]),+ img:not([class*="mt"]),+ div:not(.visually-hidden):not([class*="mt"]):not(.default-text):not(.preheadline),+ table:not([class*="mt"]),+ blockquote:not([class*="mt"]){margin-top:1rem;}}}:where(div.hal-publications-group + div.hal-publications-group):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){margin-top:2rem !important;}:where(h1,.h1):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-size:3rem;line-height:3.75rem;title-is-serif &{line-height:4.25rem;}}:where(h2,.h2):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-size:2.25rem;line-height:3rem;title-is-serif &{line-height:3.5rem;}}:where(h3,.h3):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-size:1.5rem;line-height:2rem;title-is-serif &{line-height:2.5rem;}&.big{font-size:1.875rem;line-height:2.5rem;title-is-serif &{line-height:3rem;}}&.small{font-size:1.5rem;line-height:2rem;title-is-serif &{line-height:2.5rem;}}&.hal-publications-group-title{font-size:1.125rem;line-height:1.75rem;title-is-serif &{line-height:2.25rem;}+ p,+ ul{margin-top:1rem !important;}}}:where(h4,.h4):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-size:1.125rem;line-height:1.75rem;&.big{font-size:1.25rem;line-height:1.75rem;}}:where(h5,.h5):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-size:1rem;line-height:1.5rem;}:where(h6,.h6):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-size:1rem;line-height:1.5rem;}:where(ul):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){padding-left:0 !important;position:relative;background-color:transparent !important;list-style-type:none;> li:not(.facet-item){padding-left:26px;position:relative;color:inherit;&::before{content:"•";display:inline-block;margin-right:10px;margin-left:10px;position:absolute;left:0;}+ li{margin-top:1rem;}}ul,ol{margin-top:1rem;}}:where(ol):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){list-style-type:none;counter-reset:my-counter;list-style-position:inside;li{counter-increment:my-counter;&::before{content:counter(my-counter) ". ";font-weight:600;margin-right:20px;}+ li{margin-top:1rem;}}}:where(.address-richtext):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){ol{li{&::before{margin-right:0;}}}ul{> li:not(.facet-item){padding-left:12px;&::before{margin-right:0;margin-left:2px;}}}}:where(table):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){border:none !important;thead{box-shadow:4px 4px 28px 0px rgba(2,40,46,0.16);tr th{padding:1rem 1.5rem !important;background-color:var(--color-brand-primary)!important;color:var(--color-white)!important;border:none !important;span{color:var(--color-white)!important;}}}tbody tr td{padding:1rem 1.5rem !important;border:none !important;}tbody tr:nth-child(even){background-color:oklch(97% 0 0);}tbody tr{border-bottom-width:0;}th,td{font-size:16px;line-height:1.75;}}:where(q):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){font-style:italic;}:where(quoteless):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){blockquote p:first-of-type::before{content:none;}blockquote p:first-of-type::after{content:none;}}:where(blockquote:not(.blockquote)):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)){border-left-width:2px !important;border-left-color:var(--color-brand-primary)!important;padding-left:2.5rem !important;font-style:normal;&::before{display:none;}p{font-size:2rem;line-height:1.5;font-weight:800;}figcaption{font-size:1rem;line-height:1.75;color:inherit;font-weight:normal;}}}.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 !important;}.\!fixed{position:fixed !important;}.\!relative{position:relative !important;}.\!static{position:static !important;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.static{position:static;}.sticky{position:sticky;}.inset-0{inset:calc(var(--spacing) * 0);}.inset-x-0{inset-inline:calc(var(--spacing) * 0);}.inset-y-0{inset-block:calc(var(--spacing) * 0);}.start{inset-inline-start:var(--spacing);}.end{inset-inline-end:var(--spacing);}.\!top-\[unset\]{top:unset !important;}.\!top-auto{top:auto !important;}.-top-3{top:calc(var(--spacing) * -3);}.-top-12{top:calc(var(--spacing) * -12);}.-top-20{top:calc(var(--spacing) * -20);}.top-0{top:calc(var(--spacing) * 0);}.top-1\/2{top:calc(1 / 2 * 100%);}.top-6{top:calc(var(--spacing) * 6);}.top-10{top:calc(var(--spacing) * 10);}.top-\[11px\]{top:11px;}.top-\[40px\]{top:40px;}.top-\[64px\]{top:64px;}.top-\[100\%\]{top:100%;}.\!right-auto{right:auto !important;}.-right-3{right:calc(var(--spacing) * -3);}.-right-4{right:calc(var(--spacing) * -4);}.-right-12{right:calc(var(--spacing) * -12);}.right-0{right:calc(var(--spacing) * 0);}.right-4{right:calc(var(--spacing) * 4);}.right-6{right:calc(var(--spacing) * 6);}.right-8{right:calc(var(--spacing) * 8);}.right-10{right:calc(var(--spacing) * 10);}.-bottom-6{bottom:calc(var(--spacing) * -6);}.-bottom-\[100px\]{bottom:calc(100px * -1);}.bottom-0{bottom:calc(var(--spacing) * 0);}.bottom-3{bottom:calc(var(--spacing) * 3);}.bottom-8{bottom:calc(var(--spacing) * 8);}.\!left-auto{left:auto !important;}.-left-\[2px\]{left:calc(2px * -1);}.left-0{left:calc(var(--spacing) * 0);}.left-1\/2{left:calc(1 / 2 * 100%);}.left-4{left:calc(var(--spacing) * 4);}.left-\[100\%\]{left:100%;}.-z-10{z-index:calc(10 * -1);}.-z-\[1\]{z-index:calc(1 * -1);}.z-0{z-index:0;}.z-1{z-index:1;}.z-2{z-index:2;}.z-9{z-index:9;}.z-10{z-index:10;}.z-20{z-index:20;}.z-30{z-index:30;}.z-50{z-index:50;}.z-100{z-index:100;}.z-\[1\]{z-index:1;}.z-\[2\]{z-index:2;}.z-\[22\]{z-index:22;}.z-\[100\]{z-index:100;}.z-\[110\]{z-index:110;}.order-2{order:2;}.order-first{order:-9999;}.order-last{order:9999;}.col-span-2{grid-column:span 2 / span 2;}.col-span-4{grid-column:span 4 / span 4;}.col-span-12{grid-column:span 12 / span 12;}.col-span-full{grid-column:1 / -1;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.col-start-4{grid-column-start:4;}.\!col-end-13{grid-column-end:13 !important;}.row-span-2{grid-row:span 2 / span 2;}.row-span-3{grid-row:span 3 / span 3;}.row-span-full{grid-row:1 / -1;}.row-start-1{grid-row-start:1;}.row-start-2{grid-row-start:2;}.row-start-4{grid-row-start:4;}.row-start-6{grid-row-start:6;}.container{width:100%;@media (width >= 480px){max-width:480px;}@media (width >= 768px){max-width:768px;}@media (width >= 1024px){max-width:1024px;}@media (width >= 1200px){max-width:1200px;}@media (width >= 1248px){max-width:1248px;}@media (width >= 1440px){max-width:1440px;}}.\!m-0{margin:calc(var(--spacing) * 0) !important;}.\!\[margin-inline\:0\]{margin-inline:0 !important;}.mx-6{margin-inline:calc(var(--spacing) * 6);}.mx-auto{margin-inline:auto;}.\!mt-0{margin-top:calc(var(--spacing) * 0) !important;}.mt-0{margin-top:calc(var(--spacing) * 0);}.mt-4{margin-top:calc(var(--spacing) * 4);}.mt-6{margin-top:calc(var(--spacing) * 6);}.mt-8{margin-top:calc(var(--spacing) * 8);}.mt-10{margin-top:calc(var(--spacing) * 10);}.mt-60{margin-top:calc(var(--spacing) * 60);}.mr-auto{margin-right:auto;}.\!mb-0{margin-bottom:calc(var(--spacing) * 0) !important;}.\!mb-6{margin-bottom:calc(var(--spacing) * 6) !important;}.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-5{margin-bottom:calc(var(--spacing) * 5);}.mb-6{margin-bottom:calc(var(--spacing) * 6);}.mb-8{margin-bottom:calc(var(--spacing) * 8);}.mb-10{margin-bottom:calc(var(--spacing) * 10);}.mb-12{margin-bottom:calc(var(--spacing) * 12);}.ml-2{margin-left:calc(var(--spacing) * 2);}.ml-3{margin-left:calc(var(--spacing) * 3);}.ml-auto{margin-left:auto;}.form-checkbox{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;border-radius:0px;&: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);}&:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}&:checked{background-image:url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.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%27/%3e%3c/svg%3e");@media (forced-colors:active){appearance:auto;}}&:checked:hover{border-color:transparent;background-color:currentColor;}&:checked:focus{border-color:transparent;background-color:currentColor;}&:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%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;}}&:indeterminate:hover{border-color:transparent;background-color:currentColor;}&:indeterminate:focus{border-color:transparent;background-color:currentColor;}}.form-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;border-radius:100%;&: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);}&:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}&:checked{background-image:url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");@media (forced-colors:active){appearance:auto;}}&:checked:hover{border-color:transparent;background-color:currentColor;}&:checked:focus{border-color:transparent;background-color:currentColor;}}.form-input{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;}&::-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{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0;}&::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0;}}.\!block{display:block !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;}.aspect-2\/3{aspect-ratio:2 / 3;}.aspect-2\/3{aspect-ratio:2/3;}.aspect-3\/4{aspect-ratio:3 / 4;}.aspect-3\/4{aspect-ratio:3/4;}.aspect-4\/3{aspect-ratio:4 / 3;}.aspect-4\/3{aspect-ratio:4/3;}.aspect-16\/9{aspect-ratio:16 / 9;}.aspect-16\/9{aspect-ratio:16/9;}.aspect-\[0\.7\]{aspect-ratio:0.7;}.aspect-\[0\.8\]{aspect-ratio:0.8;}.aspect-\[0\.78\]{aspect-ratio:0.78;}.aspect-\[3\/4\]{aspect-ratio:3/4;}.aspect-\[339\/261\]{aspect-ratio:339/261;}.aspect-square{aspect-ratio:1 / 1;}.aspect-video{aspect-ratio:var(--aspect-video);}.\!h-11{height:calc(var(--spacing) * 11) !important;}.\!h-auto{height:auto !important;}.h-0{height:calc(var(--spacing) * 0);}.h-0\.5{height:calc(var(--spacing) * 0.5);}.h-1{height:calc(var(--spacing) * 1);}.h-3{height:calc(var(--spacing) * 3);}.h-4{height:calc(var(--spacing) * 4);}.h-5{height:calc(var(--spacing) * 5);}.h-6{height:calc(var(--spacing) * 6);}.h-18{height:4.5rem;}.h-18{height:calc(var(--spacing) * 18);}.h-\[119px\]{height:119px;}.h-\[164px\]{height:164px;}.h-\[272px\]{height:272px;}.h-\[500px\]{height:500px;}.h-auto{height:auto;}.h-full{height:100%;}.h-screen{height:100vh;}.\!max-h-\[154px\]{max-height:154px !important;}.max-h-0{max-height:calc(var(--spacing) * 0);}.max-h-\[70vh\]{max-height:70vh;}.max-h-\[272px\]{max-height:272px;}.max-h-screen{max-height:100vh;}.min-h-0{min-height:calc(var(--spacing) * 0);}.min-h-\[10rem\]{min-height:10rem;}.min-h-\[150px\]{min-height:150px;}.min-h-\[496px\]{min-height:496px;}.min-h-screen{min-height:100vh;}.\!w-auto{width:auto !important;}.\!w-full{width:100% !important;}.w-0{width:calc(var(--spacing) * 0);}.w-1{width:calc(var(--spacing) * 1);}.w-3{width:calc(var(--spacing) * 3);}.w-4{width:calc(var(--spacing) * 4);}.w-5{width:calc(var(--spacing) * 5);}.w-6{width:calc(var(--spacing) * 6);}.w-\[155px\]{width:155px;}.w-\[164px\]{width:164px;}.w-\[213px\]{width:213px;}.w-\[calc\(100\%\+4px\)\]{width:calc(100% + 4px);}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-full{width:100%;}.w-screen{width:100vw;}.max-w-7xl{max-width:80rem;}.max-w-8xl{max-width:100rem;}.max-w-\[120px\]{max-width:120px;}.max-w-\[243px\]{max-width:243px;}.max-w-\[268px\]{max-width:268px;}.max-w-\[440px\]{max-width:440px;}.max-w-\[624px\]{max-width:624px;}.max-w-\[2000px\]{max-width:2000px;}.max-w-container{max-width:100rem;}.max-w-container-6{max-width:50%;}.max-w-container-8{max-width:66.66%;}.max-w-container-10{max-width:83.33333%;}.max-w-container-xl{max-width:116.5rem;}.max-w-content{max-width:90rem;}.max-w-full{max-width:100%;}.max-w-none{max-width:none;}.max-w-none{max-width:none;}.max-w-screen{max-width:100vw;}.min-w-0{min-width:calc(var(--spacing) * 0);}.min-w-1{min-width:calc(var(--spacing) * 1);}.min-w-5{min-width:calc(var(--spacing) * 5);}.min-w-8{min-width:2rem;}.min-w-8{min-width:calc(var(--spacing) * 8);}.min-w-\[100px\]{min-width:100px;}.min-w-\[200px\]{min-width:200px;}.min-w-\[213px\]{min-width:213px;}.min-w-\[226px\]{min-width:226px;}.min-w-full{min-width:100%;}.flex-1{flex:1;}.flex-5{flex:5;}.flex-7{flex:7;}.flex-\[0_0_100\%\]{flex:0 0 100%;}.flex-\[5\]{flex:5;}.flex-\[7\]{flex:7;}.flex-shrink-0{flex-shrink:0;}.shrink-0{flex-shrink:0;}.grow{flex-grow:1;}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-full{--tw-translate-x:100%;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-full{--tw-translate-y:-100%;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-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y);}.rotate-180{rotate:180deg;}.rotate-\[-90deg\]{rotate:-90deg;}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);}.cursor-auto{cursor:auto;}.cursor-default{cursor:default;}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.list-none{list-style-type:none;}.form-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);}background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27oklch%2855.1%25 0.027 264.364%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%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;&:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset;}}.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-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}.grid-cols-\[auto_32px_88px_32px_auto\]{grid-template-columns:auto 32px 88px 32px auto;}.grid-cols-\[minmax\(0\,236px\)_32px_88px_32px_minmax\(0\,236px\)\]{grid-template-columns:minmax(0,236px) 32px 88px 32px minmax(0,236px);}.grid-cols-footer-1{grid-template-columns:repeat(1,minmax(0,168px));}.grid-cols-footer-2{grid-template-columns:repeat(2,minmax(0,168px));}.grid-cols-footer-3{grid-template-columns:repeat(3,minmax(0,168px));}.grid-cols-footer-4{grid-template-columns:repeat(4,minmax(0,168px));}.grid-cols-table-2col{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-table-3col{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-cols-table-4col{grid-template-columns:repeat(4,minmax(0,1fr));}.grid-cols-table-5col{grid-template-columns:repeat(5,minmax(0,1fr));}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr));}.grid-rows-\[0fr\]{grid-template-rows:0fr;}.grid-rows-\[1fr\]{grid-template-rows:1fr;}.grid-rows-\[56px_minmax\(0\,140px\)_26px_32px\]{grid-template-rows:56px minmax(0,140px) 26px 32px;}.grid-rows-\[56px_minmax\(0\,140px\)_26px_32px_40px_minmax\(0\,140px\)\]{grid-template-rows:56px minmax(0,140px) 26px 32px 40px minmax(0,140px);}.grid-rows-\[56px_minmax\(0\,140px\)_26px_32px_40px_minmax\(0\,140px\)_56px\]{grid-template-rows:56px minmax(0,140px) 26px 32px 40px minmax(0,140px) 56px;}.grid-rows-\[109px_auto_26px_32px_40px_auto_109px\]{grid-template-rows:109px auto 26px 32px 40px auto 109px;}.flex-col{flex-direction:column;}.flex-col-reverse{flex-direction:column-reverse;}.flex-row{flex-direction:row;}.flex-row-reverse{flex-direction:row-reverse;}.flex-wrap{flex-wrap:wrap;}.\!items-start{align-items:flex-start !important;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-start{align-items:flex-start;}.\!justify-between{justify-content:space-between !important;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.\!gap-2{gap:calc(var(--spacing) * 2) !important;}.gap-0{gap:calc(var(--spacing) * 0);}.gap-1{gap:calc(var(--spacing) * 1);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-6{gap:calc(var(--spacing) * 6);}.gap-8{gap:calc(var(--spacing) * 8);}.gap-10{gap:calc(var(--spacing) * 10);}.gap-\[2px\]{gap:2px;}.\!space-y-2{:where(& > :not(:last-child)){--tw-space-y-reverse:0 !important;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;}}.\!space-y-8{:where(& > :not(:last-child)){--tw-space-y-reverse:0 !important;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)) !important;margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;}}.space-y-0\.5{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));}}.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)));}}.space-y-4{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-6{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-8{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-10{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-12{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-\[2px\]{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(2px * var(--tw-space-y-reverse));margin-block-end:calc(2px * calc(1 - var(--tw-space-y-reverse)));}}.gap-x-4{column-gap:calc(var(--spacing) * 4);}.gap-x-6{column-gap:calc(var(--spacing) * 6);}.gap-y-1{row-gap:calc(var(--spacing) * 1);}.gap-y-4{row-gap:calc(var(--spacing) * 4);}.gap-y-6{row-gap:calc(var(--spacing) * 6);}.gap-y-8{row-gap:calc(var(--spacing) * 8);}.gap-y-10{row-gap:calc(var(--spacing) * 10);}.divide-x-2{:where(& > :not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(2px * var(--tw-divide-x-reverse));border-inline-end-width:calc(2px * calc(1 - var(--tw-divide-x-reverse)));}}.self-center{align-self:center;}.self-end{align-self:flex-end;}.self-start{align-self:flex-start;}.\!overflow-visible{overflow:visible !important;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-x-auto{overflow-x:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-y-auto{overflow-y:auto;}.\!rounded-\[24px\]{border-radius:24px !important;}.\!rounded-none{border-radius:0 !important;}.custom-radius{border-radius:var(--custom-radius);}.rounded{border-radius:0.25rem;}.rounded-\[4px\]{border-radius:4px;}.rounded-\[32px\]{border-radius:32px;}.rounded-full{border-radius:calc(infinity * 1px);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-md{border-radius:var(--radius-md);}.\!rounded-b-none{border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important;}.rounded-b-\[24px\]{border-bottom-right-radius:24px;border-bottom-left-radius:24px;}.\!border-0{border-style:var(--tw-border-style) !important;border-width:0px !important;}.\!border-\[0\]{border-style:var(--tw-border-style) !important;border-width:0 !important;}.border{border-style:var(--tw-border-style);border-width:1px;}.border-0{border-style:var(--tw-border-style);border-width:0px;}.border-2{border-style:var(--tw-border-style);border-width:2px;}.border-4{border-style:var(--tw-border-style);border-width:4px;}.border-8{border-style:var(--tw-border-style);border-width:8px;}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px;}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px;}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px;}.border-t-\[0\]{border-top-style:var(--tw-border-style);border-top-width:0;}.border-t-\[1px\]{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-t-\[2px\]{border-top-style:var(--tw-border-style);border-top-width:2px;}.\[border-top-width\:var\(--height\)\]{border-top-width:var(--height);}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;}.border-b-\[2px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;}.\!border-none{--tw-border-style:none !important;border-style:none !important;}.\[border-top-style\:var\(--style\)\]{border-top-style:var(--style);}.\!border-brand-primary{border-color:var(--color-brand-primary) !important;}.border-black{border-color:var(--color-black);}.border-brand-primary{border-color:var(--color-brand-primary);}.border-error{border-color:var(--color-error);}.border-primary-50{border-color:var(--color-primary-50);}.border-primary-100{border-color:var(--color-primary-100);}.border-secondary-900{border-color:var(--color-secondary-900);}.border-secondary-950{border-color:var(--color-secondary-950);}.border-success{border-color:var(--color-success);}.border-transparent{border-color:transparent;}.border-warning{border-color:var(--color-warning);}.border-t-black{border-top-color:var(--color-black);}.border-t-brand-primary{border-top-color:var(--color-brand-primary);}.border-t-brand-secondary{border-top-color:var(--color-brand-secondary);}.border-t-primary-50{border-top-color:var(--color-primary-50);}.border-t-secondary-50{border-top-color:var(--color-secondary-50);}.border-t-white{border-top-color:var(--color-white);}.\!border-b-transparent{border-bottom-color:transparent !important;}.apply-before-bg{.bg-white&{&::before{content:'';background-color:var(--color-white);}}.bg-brand-primary&{&::before{content:'';background-color:var(--color-brand-primary);}}.bg-brand-secondary&{&::before{content:'';background-color:var(--color-brand-secondary);}}.bg-primary-light&{&::before{content:'';background-color:var(--color-primary-light);}}.bg-secondary-light&{&::before{content:'';background-color:var(--color-secondary-light);}}.bg-neutral-50&{&::before{content:'';background-color:var(--color-neutral-50);}}}.\!bg-brand-primary{&.apply-before-bg{&::before{content:'' !important;background-color:var(--color-brand-primary) !important;}}}.\!bg-white{&.apply-before-bg{&::before{content:'' !important;background-color:var(--color-white) !important;}}}.bg-brand-primary{&.apply-before-bg{&::before{content:'';background-color:var(--color-brand-primary);}}}.bg-brand-secondary{&.apply-before-bg{&::before{content:'';background-color:var(--color-brand-secondary);}}}.bg-neutral-50{&.apply-before-bg{&::before{content:'';background-color:var(--color-neutral-50);}}}.bg-primary-light{&.apply-before-bg{&::before{content:'';background-color:var(--color-primary-light);}}}.bg-secondary-light{&.apply-before-bg{&::before{content:'';background-color:var(--color-secondary-light);}}}.bg-white{&.apply-before-bg{&::before{content:'';background-color:var(--color-white);}}}.\!bg-brand-primary{background-color:var(--color-brand-primary) !important;}.\!bg-transparent{background-color:transparent !important;}.\!bg-white{background-color:var(--color-white) !important;}.bg-black{background-color:var(--color-black);}.bg-black\/40{background-color:var(--color-black);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 40%,transparent);}}.bg-brand-primary{background-color:var(--color-brand-primary);}.bg-brand-secondary{background-color:var(--color-brand-secondary);}.bg-error{background-color:var(--color-error);}.bg-green{background-color:var(--color-green);}.bg-green-100{background-color:var(--color-green-100);}.bg-magenta{background-color:var(--color-magenta);}.bg-magenta-100{background-color:var(--color-magenta-100);}.bg-orange{background-color:var(--color-orange);}.bg-primary-50{background-color:var(--color-primary-50);}.bg-primary-100{background-color:var(--color-primary-100);}.bg-primary-500{background-color:var(--color-primary-500);}.bg-primary-900{background-color:var(--color-primary-900);}.bg-secondary-50{background-color:var(--color-secondary-50);}.bg-secondary-600{background-color:var(--color-secondary-600);}.bg-success{background-color:var(--color-success);}.bg-transparent{background-color:transparent;}.bg-warning{background-color:var(--color-warning);}.bg-white{background-color:var(--color-white);}.bg-yellow-100{background-color:var(--color-yellow-100);}.bg-arrow-right{background-image:url(/themes/custom/campusbase/dist/e18041685f85ac11c795.svg);}.bg-arrow-right-white{background-image:url(/themes/custom/campusbase/dist/bee4dc09177c867e9f64.svg);}.bg-checkbox-checked{background-image:url(/themes/custom/campusbase/dist/01c1a44bc5fed42b8249.svg);}.bg-chevron-down{background-image:url(/themes/custom/campusbase/dist/7b429909ce1f28ece118.svg);}.bg-close{background-image:url(/themes/custom/campusbase/dist/75f9c24ca57d917ea433.svg);}.bg-error-svg{background-image:url(/themes/custom/campusbase/dist/b86f1e7d55a34bbdc1e3.svg);}.from-current{--tw-gradient-from:currentcolor;--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));}.to-current{--tw-gradient-to:currentcolor;--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));}.bg-2_5{background-size:10px;}.bg-4{background-size:16px;}.bg-5{background-size:20px;}.bg-16{background-size:1rem;}.bg-20{background-size:1.25rem;}.bg-16-center{background-position:right 16px center;}.bg-left-center{background-position:left center;}.bg-right-0{background-position:right 0 center;}.bg-right-32{background-position:center right 2rem;}.bg-right-bottom{background-position:right bottom;}.bg-right-center{background-position:right 34px center;}.bg-no-repeat{background-repeat:no-repeat;}.\!fill-current{fill:currentColor !important;}.\!fill-current{fill:currentcolor !important;}.fill-current{fill:currentColor;}.fill-current{fill:currentcolor;}.fill-none{fill:none;}.fill-primary-50{fill:var(--color-primary-50);}.stroke-brand-primary{stroke:var(--color-brand-primary);}.stroke-current{stroke:currentcolor;}.stroke-2{stroke-width:2;}.object-cover{object-fit:cover;}.\!p-0{padding:calc(var(--spacing) * 0) !important;}.p-4{padding:calc(var(--spacing) * 4);}.p-6{padding:calc(var(--spacing) * 6);}.p-8{padding:calc(var(--spacing) * 8);}.px-0{padding-inline:calc(var(--spacing) * 0);}.px-2{padding-inline:calc(var(--spacing) * 2);}.px-4{padding-inline:calc(var(--spacing) * 4);}.px-6{padding-inline:calc(var(--spacing) * 6);}.px-10{padding-inline:calc(var(--spacing) * 10);}.px-\[30px\]{padding-inline:30px;}.py-3{padding-block:calc(var(--spacing) * 3);}.py-4{padding-block:calc(var(--spacing) * 4);}.py-8{padding-block:calc(var(--spacing) * 8);}.py-\[6px\]{padding-block:6px;}.py-\[10px\]{padding-block:10px;}.\!pt-\[11px\]{padding-top:11px !important;}.pt-0{padding-top:calc(var(--spacing) * 0);}.pt-4{padding-top:calc(var(--spacing) * 4);}.pt-6{padding-top:calc(var(--spacing) * 6);}.pt-7{padding-top:calc(var(--spacing) * 7);}.pt-8{padding-top:calc(var(--spacing) * 8);}.pt-9{padding-top:calc(var(--spacing) * 9);}.pt-20{padding-top:calc(var(--spacing) * 20);}.pt-\[13px\]{padding-top:13px;}.pr-\[56px\]{padding-right:56px;}.\!pb-\[9px\]{padding-bottom:9px !important;}.pb-0{padding-bottom:calc(var(--spacing) * 0);}.pb-1{padding-bottom:calc(var(--spacing) * 1);}.pb-4{padding-bottom:calc(var(--spacing) * 4);}.pb-7{padding-bottom:calc(var(--spacing) * 7);}.pb-8{padding-bottom:calc(var(--spacing) * 8);}.pb-9{padding-bottom:calc(var(--spacing) * 9);}.pb-20{padding-bottom:calc(var(--spacing) * 20);}.pb-\[11px\]{padding-bottom:11px;}.pl-10{padding-left:calc(var(--spacing) * 10);}.text-center{text-align:center;}.text-left{text-align:left;}.font-sans{font-family:Gilroy,sans-serif;}.font-serif{font-family:var(--font-serif);}.font-title{font-family:var(--font-title);}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height));}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));}.leading-1{--tw-leading:calc(var(--spacing) * 1);line-height:calc(var(--spacing) * 1);}.leading-2{--tw-leading:calc(var(--spacing) * 2);line-height:calc(var(--spacing) * 2);}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3);}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8);}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9);}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10);}.leading-11{--tw-leading:calc(var(--spacing) * 11);line-height:calc(var(--spacing) * 11);}.leading-12{--tw-leading:calc(var(--spacing) * 12);line-height:calc(var(--spacing) * 12);}.leading-13{--tw-leading:calc(var(--spacing) * 13);line-height:calc(var(--spacing) * 13);}.leading-14{--tw-leading:calc(var(--spacing) * 14);line-height:calc(var(--spacing) * 14);}.leading-15{--tw-leading:calc(var(--spacing) * 15);line-height:calc(var(--spacing) * 15);}.leading-16{--tw-leading:calc(var(--spacing) * 16);line-height:calc(var(--spacing) * 16);}.leading-17{--tw-leading:calc(var(--spacing) * 17);line-height:calc(var(--spacing) * 17);}.leading-18{--tw-leading:calc(var(--spacing) * 18);line-height:calc(var(--spacing) * 18);}.leading-1{line-height:16px;}.leading-2{line-height:20px;}.leading-3{line-height:24px;}.leading-4{line-height:28px;}.leading-5{line-height:32px;}.leading-6{line-height:36px;}.leading-7{line-height:40px;}.leading-8{line-height:48px;}.leading-9{line-height:56px;}.leading-10{line-height:64px;}.leading-11{line-height:72px;}.leading-12{line-height:80px;}.leading-13{line-height:88px;}.leading-14{line-height:96px;}.leading-15{line-height:104px;}.leading-16{line-height:112px;}.leading-17{line-height:128px;}.leading-18{line-height:136px;}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold) !important;font-weight:var(--font-weight-semibold) !important;}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light);}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin);}.font-bold{font-weight:700;}.font-extrabold{font-weight:800;}.font-normal{font-weight:400;}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px;}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}.wrap-anywhere{overflow-wrap:anywhere;}.\[word-break\:break-word\]{word-break:break-word;}.break-all{word-break:break-all;}.word-break{word-break:break-word;}.text-ellipsis{text-overflow:ellipsis;}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto;}.whitespace-nowrap{white-space:nowrap;}.\!text-black{color:var(--color-black) !important;}.\!text-brand-primary{color:var(--color-brand-primary) !important;}.\!text-current{color:currentcolor !important;}.\!text-primary-950{color:var(--color-primary-950) !important;}.\!text-white{color:var(--color-white) !important;}.text-\[\#4D4D4D\]{color:#4D4D4D;}.text-\[\#4d4d4d\]{color:#4d4d4d;}.text-black{color:var(--color-black);}.text-brand-primary{color:var(--color-brand-primary);}.text-brand-secondary{color:var(--color-brand-secondary);}.text-current{color:currentcolor;}.text-error{color:var(--color-error);}.text-inherit{color:inherit;}.text-primary-100{color:var(--color-primary-100);}.text-primary-700{color:var(--color-primary-700);}.text-primary-950{color:var(--color-primary-950);}.text-secondary-900{color:var(--color-secondary-900);}.text-secondary-950{color:var(--color-secondary-950);}.text-success{color:var(--color-success);}.text-warning{color:var(--color-warning);}.text-white{color:var(--color-white);}.capitalize{text-transform:capitalize;}.uppercase{text-transform:uppercase;}.italic{font-style:italic;}.underline{text-decoration-line:underline;}.\!opacity-100{opacity:100% !important;}.opacity-0{opacity:0%;}.opacity-5{opacity:5%;}.opacity-10{opacity:10%;}.opacity-25{opacity:25%;}.opacity-40{opacity:40%;}.opacity-70{opacity:70%;}.opacity-90{opacity:90%;}.opacity-100{opacity:100%;}.\!shadow-none{--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;}.shadow-none{--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);}.shadow-sm{--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-border{box-shadow:0 0px 0px 2px var(--color-brand-primary) inset;}.shadow-border-black{box-shadow:0 0px 0px 1px var(--color-black) inset;}.shadow-border-error{box-shadow:0 0px 0px 2px var(--color-error) inset;}.shadow-border-secondary{box-shadow:0 0px 0px 2px var(--color-brand-secondary) inset;}.shadow-border-secondary-800{box-shadow:0 0px 0px 2px var(--color-secondary-800) inset;}.shadow-border-secondary-900{box-shadow:0 0px 0px 2px var(--color-secondary-900) inset;}.shadow-border-tertiary{box-shadow:0 0px 0px 2px undefined inset;}.shadow-drop{box-shadow:8px 8px 28px 0 rgba(58,59,117,0.16);}.text-shadow-sm{box-shadow:0 0px 0px 2px var(--color-brand-primary) inset;}.outline{outline-style:var(--tw-outline-style);outline-width:1px;}.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,);}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,);}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,);}.blur-lg{--tw-blur:blur(var(--blur-lg));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,);}.blur-md{--tw-blur:blur(var(--blur-md));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,);}.blur-none{--tw-blur:;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,);}.blur-sm{--tw-blur:blur(var(--blur-sm));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,);}.blur-xl{--tw-blur:blur(var(--blur-xl));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,);}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);}.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-\[background-color\,border-color\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.transition-\[top\]{transition-property:top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.transition-all{transition-property:all;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));}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.\!delay-\[0ms\]{transition-delay:0ms !important;}.delay-1000{transition-delay:1000ms;}.\!duration-\[0ms\]{--tw-duration:0ms !important;transition-duration:0ms !important;}.duration-100{--tw-duration:100ms;transition-duration:100ms;}.duration-150{--tw-duration:150ms;transition-duration:150ms;}.duration-200{--tw-duration:200ms;transition-duration:200ms;}.duration-250{--tw-duration:250ms;transition-duration:250ms;}.duration-300{--tw-duration:300ms;transition-duration:300ms;}.duration-350{--tw-duration:350ms;transition-duration:350ms;}.duration-500{--tw-duration:500ms;transition-duration:500ms;}.duration-700{--tw-duration:700ms;transition-duration:700ms;}.duration-\[350ms\]{--tw-duration:350ms;transition-duration:350ms;}.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-linear{--tw-ease:linear;transition-timing-function:linear;}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out);}.bg-mask-linear{background:linear-gradient(117deg,rgba(0,0,0,0.00) 53.46%,rgba(0,0,0,0.60) 97.37%),linear-gradient(0deg,rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.20) 100%);}.bg-overlay{background:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.40) 100%);}.image-path{clip-path:var(--custom-image-path);}.rtl{direction:rtl;}.text-shadow-sm{text-shadow:0px 1px 0px var(--tw-text-shadow-color,rgb(0 0 0 / 0.075)),0px 1px 1px var(--tw-text-shadow-color,rgb(0 0 0 / 0.075)),0px 2px 2px var(--tw-text-shadow-color,rgb(0 0 0 / 0.075));}.trapeze-path-17{clip-path:polygon(0 0,100% 0,calc(100% - 17px) 100%,0 100%);}.trapeze-path-17-left{clip-path:polygon(17px 0,100% 0,100% 100%,0 100%);}.trapeze-path-20{clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);}.trapeze-path-20-left{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);}.trapeze-path-24{clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%);}.trapeze-path-24-left{clip-path:polygon(24px 0,100% 0,100% 100%,0 100%);}.trapeze-path-32{clip-path:polygon(0 0,100% 0,calc(100% - 32px) 100%,0 100%);}.trapeze-path-44{clip-path:polygon(0 0,100% 0,calc(100% - 44px) 100%,0 100%);}.trapeze-path-68{clip-path:polygon(0 0,100% 0,calc(100% - 68px) 100%,0 100%);}.trapeze-path-100{clip-path:polygon(0 0,100% 0,calc(100% - 100px) 100%,0 100%);}.trapeze-path-112{clip-path:polygon(0 0,100% 0,calc(100% - 112px) 100%,0 100%);}.trapeze-path-112-left{clip-path:polygon(112px 0,100% 0,100% 100%,0 100%);}.trapeze-path-158{clip-path:polygon(0 0,100% 0,calc(100% - 158px) 100%,0 100%);}.trapeze-path-158-left{clip-path:polygon(158px 0,100% 0,100% 100%,0 100%);}.trapeze-path-206{clip-path:polygon(0 0,100% 0,calc(100% - 206px) 100%,0 100%);}.group-hover\:\!bg-white{&:is(:where(.group):hover *){@media (hover:hover){&.apply-before-bg{&::before{content:'' !important;background-color:var(--color-white) !important;}}}}}.group-hover\:\!bg-primary-600{&:is(:where(.group):hover *){@media (hover:hover){background-color:var(--color-primary-600) !important;}}}.group-hover\:\!bg-white{&:is(:where(.group):hover *){@media (hover:hover){background-color:var(--color-white) !important;}}}.group-hover\:bg-primary-50{&:is(:where(.group):hover *){@media (hover:hover){background-color:var(--color-primary-50);}}}.group-hover\:text-brand-primary{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-brand-primary);}}}.group-hover\:text-white{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-white);}}}.group-hover\:opacity-100{&:is(:where(.group):hover *){@media (hover:hover){opacity:100%;}}}.group-hover\:delay-700{&:is(:where(.group):hover *){@media (hover:hover){transition-delay:700ms;}}}.peer-checked\:bg-brand-primary{&:is(:where(.peer):checked ~ *){&.apply-before-bg{&::before{content:'';background-color:var(--color-brand-primary);}}}}.peer-checked\:bg-brand-primary{&:is(:where(.peer):checked ~ *){background-color:var(--color-brand-primary);}}.file\:border-none{&::file-selector-button{--tw-border-style:none;border-style:none;}}.file\:bg-brand-primary{&::file-selector-button{&.apply-before-bg{&::before{content:'';background-color:var(--color-brand-primary);}}}}.file\:bg-brand-primary{&::file-selector-button{background-color:var(--color-brand-primary);}}.file\:text-white{&::file-selector-button{color:var(--color-white);}}.placeholder\:text-center{&::placeholder{text-align:center;}}.placeholder\:text-black{&::placeholder{color:var(--color-black);}}.placeholder\:text-white{&::placeholder{color:var(--color-white);}}.before\:absolute{&::before{position:absolute;}}.before\:inset-0{&::before{inset:calc(var(--spacing) * 0);}}.before\:top-0{&::before{top:calc(var(--spacing) * 0);}}.before\:right-0{&::before{right:calc(var(--spacing) * 0);}}.before\:bottom-0{&::before{bottom:calc(var(--spacing) * 0);}}.before\:left-0{&::before{left:calc(var(--spacing) * 0);}}.before\:z-10{&::before{z-index:10;}}.before\:z-\[1\]{&::before{z-index:1;}}.before\:block{&::before{display:block;}}.before\:h-8{&::before{height:calc(var(--spacing) * 8);}}.before\:h-full{&::before{height:100%;}}.before\:h-screen{&::before{height:100vh;}}.before\:w-0\.5{&::before{width:calc(var(--spacing) * 0.5);}}.before\:w-full{&::before{width:100%;}}.before\:w-screen{&::before{width:100vw;}}.before\:bg-brand-primary{&::before{&.apply-before-bg{&::before{content:'';background-color:var(--color-brand-primary);}}}}.before\:bg-brand-primary{&::before{background-color:var(--color-brand-primary);}}.before\:pt-\[56\.25\%\]{&::before{padding-top:56.25%;}}.before\:opacity-50{&::before{opacity:50%;}}.before\:transition-all{&::before{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}}.before\:content-\[\"\"\] {
    &::before {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\\\'\\\'\] {
    &::before {
      --tw-content: \'\';
      content: var(--tw-content);
    }
  }
  .before\:bg-mask-linear {
    &::before {
      background: linear-gradient(117deg, rgba(0, 0, 0, 0.00) 53.46%, rgba(0, 0, 0, 0.60) 97.37%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    }
  }
  .before\:bg-overlay {
    &::before {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
    }
  }
  .after\:\!content-\[unset\] {
    &::after {
      content: var(--tw-content);
      --tw-content: unset !important;
      content: var(--tw-content) !important;
    }
  }
  .first\:order-last {
    &:first-child {
      order: 9999;
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .checked\:bg-checkbox-checked {
    &:checked {
      background-image: url(/themes/custom/campusbase/dist/01c1a44bc5fed42b8249.svg);
    }
  }
  .checked\:bg-16 {
    &:checked {
      background-size: 1rem;
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:border-brand-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-brand-primary);
      }
    }
  }
  .hover\:border-primary-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary-50);
      }
    }
  }
  .hover\:border-t-brand-primary {
    &:hover {
      @media (hover: hover) {
        border-top-color: var(--color-brand-primary);
      }
    }
  }
  .hover\:\!bg-white {
    &:hover {
      @media (hover: hover) {
        &.apply-before-bg {
          &::before {
            content: '' !important;
            background-color: var(--color-white) !important;
          }
        }
      }
    }
  }
  .hover\:bg-brand-primary {
    &:hover {
      @media (hover: hover) {
        &.apply-before-bg {
          &::before {
            content: '';
            background-color: var(--color-brand-primary);
          }
        }
      }
    }
  }
  .hover\:bg-neutral-50 {
    &:hover {
      @media (hover: hover) {
        &.apply-before-bg {
          &::before {
            content: '';
            background-color: var(--color-neutral-50);
          }
        }
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        &.apply-before-bg {
          &::before {
            content: '';
            background-color: var(--color-white);
          }
        }
      }
    }
  }
  .hover\:\!bg-primary-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-600) !important;
      }
    }
  }
  .hover\:\!bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white) !important;
      }
    }
  }
  .hover\:bg-brand-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-brand-primary);
      }
    }
  }
  .hover\:bg-primary-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-50);
      }
    }
  }
  .hover\:bg-primary-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-100);
      }
    }
  }
  .hover\:bg-primary-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-400);
      }
    }
  }
  .hover\:bg-secondary-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary-800);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:stroke-white {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-white);
      }
    }
  }
  .hover\:\!text-brand-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brand-primary) !important;
      }
    }
  }
  .hover\:\!text-primary-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-900) !important;
      }
    }
  }
  .hover\:text-brand-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brand-primary);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:\!shadow-none {
    &:hover {
      @media (hover: hover) {
        --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\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
      }
    }
  }
  .hover\:shadow-none {
    &:hover {
      @media (hover: hover) {
        --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\:shadow-border-secondary-800 {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 0px 0px 2px var(--color-secondary-800) inset;
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus\:border-brand-primary {
    &:focus {
      border-color: var(--color-brand-primary);
    }
  }
  .focus\:border-error {
    &:focus {
      border-color: var(--color-error);
    }
  }
  .focus\:shadow-none {
    &:focus {
      --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);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-error {
    &:focus {
      --tw-ring-color: var(--color-error);
    }
  }
  .focus\:ring-offset-0 {
    &:focus {
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-brand-primary {
    &:focus {
      outline-color: var(--color-brand-primary);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .checked\:focus\:shadow-none {
    &:checked {
      &:focus {
        --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);
      }
    }
  }
  .checked\:focus\:ring-0 {
    &:checked {
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .checked\:focus\:ring-offset-0 {
    &:checked {
      &:focus {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      }
    }
  }
  .sm\:block {
    @media (width >= 480px) {
      display: block;
    }
  }
  .sm\:w-2\/3 {
    @media (width >= 480px) {
      width: calc(2 / 3 * 100%);
    }
  }
  .sm\:translate-x-0 {
    @media (width >= 480px) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:translate-x-2 {
    @media (width >= 480px) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 480px) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 480px) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 480px) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:px-4 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-6 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:\@container {
    @media (width >= 768px) {
      container-type: inline-size;
    }
  }
  .md\:\@container {
    @media (width >= 768px) {
      container-type: inline-size;
    }
  }
  .md\:absolute {
    @media (width >= 768px) {
      position: absolute;
    }
  }
  .md\:static {
    @media (width >= 768px) {
      position: static;
    }
  }
  .md\:left-1\/2 {
    @media (width >= 768px) {
      left: calc(1 / 2 * 100%);
    }
  }
  .md\:mb-10 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .md\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .md\:h-6 {
    @media (width >= 768px) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:min-h-auto {
    @media (width >= 768px) {
      min-height: auto;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 768px) {
      width: calc(1 / 2 * 100%);
    }
  }
  .md\:w-6 {
    @media (width >= 768px) {
      width: calc(var(--spacing) * 6);
    }
  }
  .md\:w-\[calc\(100\%\+\(100vw-100\%\)\/2\)\] {
    @media (width >= 768px) {
      width: calc(100% + (100vw - 100%) / 2);
    }
  }
  .md\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .md\:flex-row-reverse {
    @media (width >= 768px) {
      flex-direction: row-reverse;
    }
  }
  .md\:flex-wrap {
    @media (width >= 768px) {
      flex-wrap: wrap;
    }
  }
  .md\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .md\:justify-start {
    @media (width >= 768px) {
      justify-content: flex-start;
    }
  }
  .md\:gap-8 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-x-8 {
    @media (width >= 768px) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-24 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .md\:pb-24 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .lg\:pointer-events-none {
    @media (width >= 1024px) {
      pointer-events: none;
    }
  }
  .lg\:absolute {
    @media (width >= 1024px) {
      position: absolute;
    }
  }
  .lg\:fixed {
    @media (width >= 1024px) {
      position: fixed;
    }
  }
  .lg\:relative {
    @media (width >= 1024px) {
      position: relative;
    }
  }
  .lg\:top-0 {
    @media (width >= 1024px) {
      top: calc(var(--spacing) * 0);
    }
  }
  .lg\:top-\[14px\] {
    @media (width >= 1024px) {
      top: 14px;
    }
  }
  .lg\:top-\[82px\] {
    @media (width >= 1024px) {
      top: 82px;
    }
  }
  .lg\:top-\[unset\] {
    @media (width >= 1024px) {
      top: unset;
    }
  }
  .lg\:right-0 {
    @media (width >= 1024px) {
      right: calc(var(--spacing) * 0);
    }
  }
  .lg\:right-4 {
    @media (width >= 1024px) {
      right: calc(var(--spacing) * 4);
    }
  }
  .lg\:right-20 {
    @media (width >= 1024px) {
      right: calc(var(--spacing) * 20);
    }
  }
  .lg\:right-\[calc\(100\%\+2px\)\] {
    @media (width >= 1024px) {
      right: calc(100% + 2px);
    }
  }
  .lg\:bottom-0 {
    @media (width >= 1024px) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:bottom-\[110px\] {
    @media (width >= 1024px) {
      bottom: 110px;
    }
  }
  .lg\:left-1\/2 {
    @media (width >= 1024px) {
      left: calc(1 / 2 * 100%);
    }
  }
  .lg\:left-\[458px\] {
    @media (width >= 1024px) {
      left: 458px;
    }
  }
  .lg\:left-\[unset\] {
    @media (width >= 1024px) {
      left: unset;
    }
  }
  .lg\:-z-10 {
    @media (width >= 1024px) {
      z-index: calc(10 * -1);
    }
  }
  .lg\:z-\[2\] {
    @media (width >= 1024px) {
      z-index: 2;
    }
  }
  .lg\:z-\[unset\] {
    @media (width >= 1024px) {
      z-index: unset;
    }
  }
  .lg\:order-last {
    @media (width >= 1024px) {
      order: 9999;
    }
  }
  .lg\:row-start-auto {
    @media (width >= 1024px) {
      grid-row-start: auto;
    }
  }
  .lg\:m-0 {
    @media (width >= 1024px) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-0 {
    @media (width >= 1024px) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-12 {
    @media (width >= 1024px) {
      margin-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:mx-auto {
    @media (width >= 1024px) {
      margin-inline: auto;
    }
  }
  .lg\:\!mt-0 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:mt-0 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-8 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-10 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-16 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:mr-0 {
    @media (width >= 1024px) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:\!mb-0 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:\!mb-8 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 8) !important;
    }
  }
  .lg\:mb-0 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-6 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-8 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-16 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:ml-auto {
    @media (width >= 1024px) {
      margin-left: auto;
    }
  }
  .lg\:box-border {
    @media (width >= 1024px) {
      box-sizing: border-box;
    }
  }
  .lg\:\!block {
    @media (width >= 1024px) {
      display: block !important;
    }
  }
  .lg\:\!flex {
    @media (width >= 1024px) {
      display: flex !important;
    }
  }
  .lg\:\!hidden {
    @media (width >= 1024px) {
      display: none !important;
    }
  }
  .lg\:\!inline-flex {
    @media (width >= 1024px) {
      display: inline-flex !important;
    }
  }
  .lg\:block {
    @media (width >= 1024px) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 1024px) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .lg\:\!h-\[648px\] {
    @media (width >= 1024px) {
      height: 648px !important;
    }
  }
  .lg\:\!h-\[calc\(100\%-120px\)\] {
    @media (width >= 1024px) {
      height: calc(100% - 120px) !important;
    }
  }
  .lg\:h-auto {
    @media (width >= 1024px) {
      height: auto;
    }
  }
  .lg\:h-full {
    @media (width >= 1024px) {
      height: 100%;
    }
  }
  .lg\:h-screen {
    @media (width >= 1024px) {
      height: 100vh;
    }
  }
  .lg\:max-h-full {
    @media (width >= 1024px) {
      max-height: 100%;
    }
  }
  .lg\:max-h-none {
    @media (width >= 1024px) {
      max-height: none;
    }
  }
  .lg\:min-h-0 {
    @media (width >= 1024px) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .lg\:\!w-auto {
    @media (width >= 1024px) {
      width: auto !important;
    }
  }
  .lg\:w-\[200px\] {
    @media (width >= 1024px) {
      width: 200px;
    }
  }
  .lg\:w-\[434px\] {
    @media (width >= 1024px) {
      width: 434px;
    }
  }
  .lg\:w-\[calc\(100\%-458px\)\] {
    @media (width >= 1024px) {
      width: calc(100% - 458px);
    }
  }
  .lg\:w-auto {
    @media (width >= 1024px) {
      width: auto;
    }
  }
  .lg\:w-full {
    @media (width >= 1024px) {
      width: 100%;
    }
  }
  .lg\:w-screen {
    @media (width >= 1024px) {
      width: 100vw;
    }
  }
  .lg\:max-w-\[622px\] {
    @media (width >= 1024px) {
      max-width: 622px;
    }
  }
  .lg\:max-w-full {
    @media (width >= 1024px) {
      max-width: 100%;
    }
  }
  .lg\:max-w-none {
    @media (width >= 1024px) {
      max-width: none;
    }
  }
  .lg\:max-w-none {
    @media (width >= 1024px) {
      max-width: none;
    }
  }
  .lg\:flex-0 {
    @media (width >= 1024px) {
      flex: 0;
    }
  }
  .lg\:flex-1 {
    @media (width >= 1024px) {
      flex: 1;
    }
  }
  .lg\:-translate-x-1\/2 {
    @media (width >= 1024px) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:\!translate-y-0 {
    @media (width >= 1024px) {
      --tw-translate-y: calc(var(--spacing) * 0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .lg\:translate-y-\[calc\(-100\%-205px\)\] {
    @media (width >= 1024px) {
      --tw-translate-y: calc(-100% - 205px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:translate-z-0 {
    @media (width >= 1024px) {
      --tw-translate-z: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
    }
  }
  .lg\:-rotate-90 {
    @media (width >= 1024px) {
      rotate: calc(90deg * -1);
    }
  }
  .lg\:rotate-0 {
    @media (width >= 1024px) {
      rotate: 0deg;
    }
  }
  .lg\:columns-2 {
    @media (width >= 1024px) {
      columns: 2;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 1024px) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 1024px) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 1024px) {
      align-items: flex-end;
    }
  }
  .lg\:justify-between {
    @media (width >= 1024px) {
      justify-content: space-between;
    }
  }
  .lg\:justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .lg\:justify-start {
    @media (width >= 1024px) {
      justify-content: flex-start;
    }
  }
  .lg\:\!gap-4 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 4) !important;
    }
  }
  .lg\:gap-2 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-3 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .lg\:gap-4 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-8 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-12 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-18 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 18);
    }
  }
  .lg\:gap-\[132px\] {
    @media (width >= 1024px) {
      gap: 132px;
    }
  }
  .lg\:gap-\[136px\] {
    @media (width >= 1024px) {
      gap: 136px;
    }
  }
  .lg\:\!space-y-10 {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0 !important;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)) !important;
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) !important;
      }
    }
  }
  .lg\:space-y-0 {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-6 {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-8 {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-9 {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-10 {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-16 {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 1024px) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-x-8 {
    @media (width >= 1024px) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-y-8 {
    @media (width >= 1024px) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:divide-y {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .lg\:overflow-auto {
    @media (width >= 1024px) {
      overflow: auto;
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 1024px) {
      overflow: hidden;
    }
  }
  .lg\:overflow-visible {
    @media (width >= 1024px) {
      overflow: visible;
    }
  }
  .lg\:border-r-2 {
    @media (width >= 1024px) {
      border-right-style: var(--tw-border-style);
      border-right-width: 2px;
    }
  }
  .lg\:border-white {
    @media (width >= 1024px) {
      border-color: var(--color-white);
    }
  }
  .lg\:bg-transparent {
    @media (width >= 1024px) {
      background-color: transparent;
    }
  }
  .lg\:bg-gradient-to-r {
    @media (width >= 1024px) {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .lg\:bg-none {
    @media (width >= 1024px) {
      background-image: none;
    }
  }
  .lg\:\!from-brand-primary {
    @media (width >= 1024px) {
      --tw-gradient-from: var(--color-brand-primary) !important;
      --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)) !important;
    }
  }
  .lg\:from-brand-primary {
    @media (width >= 1024px) {
      --tw-gradient-from: var(--color-brand-primary);
      --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));
    }
  }
  .lg\:\!to-brand-primary {
    @media (width >= 1024px) {
      --tw-gradient-to: var(--color-brand-primary) !important;
      --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)) !important;
    }
  }
  .lg\:to-brand-primary {
    @media (width >= 1024px) {
      --tw-gradient-to: var(--color-brand-primary);
      --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));
    }
  }
  .lg\:bg-right-bottom {
    @media (width >= 1024px) {
      background-position: right bottom;
    }
  }
  .lg\:bg-no-repeat {
    @media (width >= 1024px) {
      background-repeat: no-repeat;
    }
  }
  .lg\:p-0 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .lg\:p-5 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .lg\:p-8 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-20 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .lg\:\!px-\[128px\] {
    @media (width >= 1024px) {
      padding-inline: 128px !important;
    }
  }
  .lg\:px-0 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:px-3 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .lg\:px-6 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-8 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-12 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:px-\[160px\] {
    @media (width >= 1024px) {
      padding-inline: 160px;
    }
  }
  .lg\:py-0 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:py-3 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-14 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .lg\:py-16 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-0 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:pt-14 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .lg\:pt-16 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-32 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .lg\:pt-\[44px\] {
    @media (width >= 1024px) {
      padding-top: 44px;
    }
  }
  .lg\:pt-\[74px\] {
    @media (width >= 1024px) {
      padding-top: 74px;
    }
  }
  .lg\:pr-0 {
    @media (width >= 1024px) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pr-5 {
    @media (width >= 1024px) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .lg\:pb-0 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-12 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:pb-14 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:pb-16 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:pb-32 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .lg\:align-bottom {
    @media (width >= 1024px) {
      vertical-align: bottom;
    }
  }
  .lg\:ck-content-lg {
    @media (width >= 1024px) {
      font-size: 1.125rem;
      line-height: 1.75rem;
      :where(h1, .h1):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)) {
        font-size: 4rem;
        line-height: 4.75rem;
        title-is-serif & {
          line-height: 5.25rem;
        }
      }
      :where(h2, .h2):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)) {
        font-size: 3rem;
        line-height: 3.5rem;
        title-is-serif & {
          line-height: 4rem;
        }
      }
      :where(h3, .h3):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)) {
        font-size: 2rem;
        line-height: 2.5rem;
        title-is-serif & {
          line-height: 3rem;
        }
        &.big-wide, &.big {
          font-size: 2.25rem;
          line-height: 3rem;
          title-is-serif & {
            line-height: 3.375rem;
          }
        }
        &.small {
          font-size: 1.875rem;
          line-height: 2.5rem;
          title-is-serif & {
            line-height: 3rem;
          }
        }
        &.hal-publications-group-title {
          font-size: 1.5rem;
          line-height: 2rem;
          title-is-serif & {
            line-height: 2.5rem;
          }
        }
      }
      :where(h4, .h4):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)) {
        font-size: 1.5rem;
        line-height: 2rem;
        title-is-serif & {
          line-height: 2.5rem;
        }
        &.big {
          font-size: 1.5rem;
          line-height: 2rem;
          title-is-serif & {
            line-height: 2.5rem;
          }
        }
        &.small {
          font-size: 1.25rem;
          line-height: 1.75rem;
          title-is-serif & {
            line-height: 2.125rem;
          }
        }
      }
      :where(h5, .h5):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)) {
        font-size: 1.125rem;
        line-height: 1.5rem;
        title-is-serif & {
          line-height: 2rem;
        }
      }
      :where(h6, .h6):not(:where([class~="not-ck-content"],[class~="not-ck-content"] *)) {
        font-size: 1rem;
        line-height: 1.5rem;
        title-is-serif & {
          line-height: 2rem;
        }
      }
    }
  }
  .lg\:text-2xl {
    @media (width >= 1024px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 1024px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-5xl {
    @media (width >= 1024px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .lg\:text-base {
    @media (width >= 1024px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-sm {
    @media (width >= 1024px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 1024px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:leading-3 {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
    }
  }
  .lg\:leading-4 {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
  }
  .lg\:leading-5 {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
  }
  .lg\:leading-6 {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .lg\:leading-7 {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
  }
  .lg\:leading-9 {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }
  }
  .lg\:leading-3 {
    @media (width >= 1024px) {
      line-height: 24px;
    }
  }
  .lg\:leading-4 {
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .lg\:leading-5 {
    @media (width >= 1024px) {
      line-height: 32px;
    }
  }
  .lg\:leading-6 {
    @media (width >= 1024px) {
      line-height: 36px;
    }
  }
  .lg\:leading-7 {
    @media (width >= 1024px) {
      line-height: 40px;
    }
  }
  .lg\:leading-9 {
    @media (width >= 1024px) {
      line-height: 56px;
    }
  }
  .lg\:\!opacity-100 {
    @media (width >= 1024px) {
      opacity: 100% !important;
    }
  }
  .lg\:opacity-0 {
    @media (width >= 1024px) {
      opacity: 0%;
    }
  }
  .lg\:opacity-100 {
    @media (width >= 1024px) {
      opacity: 100%;
    }
  }
  .lg\:drop-shadow-lg {
    @media (width >= 1024px) {
      --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
      --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
      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,);
    }
  }
  .lg\:\!transition-all {
    @media (width >= 1024px) {
      transition-property: all !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    }
  }
  .lg\:transition {
    @media (width >= 1024px) {
      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));
    }
  }
  .lg\:transition-all {
    @media (width >= 1024px) {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .lg\:delay-100 {
    @media (width >= 1024px) {
      transition-delay: 100ms;
    }
  }
  .lg\:delay-300 {
    @media (width >= 1024px) {
      transition-delay: 300ms;
    }
  }
  .lg\:delay-\[100ms\] {
    @media (width >= 1024px) {
      transition-delay: 100ms;
    }
  }
  .lg\:\!duration-\[800ms\] {
    @media (width >= 1024px) {
      --tw-duration: 800ms !important;
      transition-duration: 800ms !important;
    }
  }
  .lg\:duration-250 {
    @media (width >= 1024px) {
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  .lg\:duration-\[200ms\] {
    @media (width >= 1024px) {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .lg\:duration-\[400ms\] {
    @media (width >= 1024px) {
      --tw-duration: 400ms;
      transition-duration: 400ms;
    }
  }
  .lg\:ease-in-out {
    @media (width >= 1024px) {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .lg\:ease-linear {
    @media (width >= 1024px) {
      --tw-ease: linear;
      transition-timing-function: linear;
    }
  }
  .lg\:group-hover\:bg-gradient-to-r {
    @media (width >= 1024px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-position: to right in oklab;
          background-image: linear-gradient(var(--tw-gradient-stops));
        }
      }
    }
  }
  .lg\:group-hover\:from-brand-primary {
    @media (width >= 1024px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-primary);
          --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));
        }
      }
    }
  }
  .lg\:group-hover\:to-brand-primary {
    @media (width >= 1024px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-primary);
          --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));
        }
      }
    }
  }
  .lg\:group-hover\:bg-right-bottom {
    @media (width >= 1024px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-position: right bottom;
        }
      }
    }
  }
  .lg\:group-hover\:bg-no-repeat {
    @media (width >= 1024px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-repeat: no-repeat;
        }
      }
    }
  }
  .lg\:peer-hover\:pointer-events-auto {
    @media (width >= 1024px) {
      &:is(:where(.peer):hover ~ *) {
        @media (hover: hover) {
          pointer-events: auto;
        }
      }
    }
  }
  .lg\:peer-hover\:\!flex {
    @media (width >= 1024px) {
      &:is(:where(.peer):hover ~ *) {
        @media (hover: hover) {
          display: flex !important;
        }
      }
    }
  }
  .lg\:peer-hover\:\!opacity-100 {
    @media (width >= 1024px) {
      &:is(:where(.peer):hover ~ *) {
        @media (hover: hover) {
          opacity: 100% !important;
        }
      }
    }
  }
  .lg\:before\:absolute {
    @media (width >= 1024px) {
      &::before {
        position: absolute;
      }
    }
  }
  .lg\:before\:top-0 {
    @media (width >= 1024px) {
      &::before {
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .lg\:before\:left-0 {
    @media (width >= 1024px) {
      &::before {
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .lg\:before\:h-full {
    @media (width >= 1024px) {
      &::before {
        height: 100%;
      }
    }
  }
  .lg\:before\:w-0\.5 {
    @media (width >= 1024px) {
      &::before {
        width: calc(var(--spacing) * 0.5);
      }
    }
  }
  .lg\:before\:bg-brand-primary {
    @media (width >= 1024px) {
      &::before {
        &.apply-before-bg {
          &::before {
            content: '';
            background-color: var(--color-brand-primary);
          }
        }
      }
    }
  }
  .lg\:before\:bg-brand-primary {
    @media (width >= 1024px) {
      &::before {
        background-color: var(--color-brand-primary);
      }
    }
  }
  .lg\:first\:order-first {
    @media (width >= 1024px) {
      &:first-child {
        order: -9999;
      }
    }
  }
  .lg\:last\:border-r-0 {
    @media (width >= 1024px) {
      &:last-child {
        border-right-style: var(--tw-border-style);
        border-right-width: 0px;
      }
    }
  }
  .lg\:hover\:pointer-events-auto {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          pointer-events: auto;
        }
      }
    }
  }
  .lg\:hover\:\!flex {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          display: flex !important;
        }
      }
    }
  }
  .lg\:hover\:flex-\[3_3_0\%\] {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          flex: 3 3 0%;
        }
      }
    }
  }
  .lg\:hover\:cursor-pointer {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          cursor: pointer;
        }
      }
    }
  }
  .lg\:hover\:bg-transparent {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
  .lg\:hover\:bg-gradient-to-r {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-position: to right in oklab;
          background-image: linear-gradient(var(--tw-gradient-stops));
        }
      }
    }
  }
  .hover\:lg\:\!from-brand-primary {
    &:hover {
      @media (hover: hover) {
        @media (width >= 1024px) {
          --tw-gradient-from: var(--color-brand-primary) !important;
          --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)) !important;
        }
      }
    }
  }
  .lg\:hover\:from-brand-primary {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-primary);
          --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));
        }
      }
    }
  }
  .hover\:lg\:\!to-brand-primary {
    &:hover {
      @media (hover: hover) {
        @media (width >= 1024px) {
          --tw-gradient-to: var(--color-brand-primary) !important;
          --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)) !important;
        }
      }
    }
  }
  .lg\:hover\:to-brand-primary {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-primary);
          --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));
        }
      }
    }
  }
  .lg\:hover\:bg-right-bottom {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          background-position: right bottom;
        }
      }
    }
  }
  .lg\:hover\:bg-no-repeat {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          background-repeat: no-repeat;
        }
      }
    }
  }
  .lg\:hover\:text-brand-primary {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-brand-primary);
        }
      }
    }
  }
  .lg\:hover\:\!opacity-100 {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          opacity: 100% !important;
        }
      }
    }
  }
  .lg\:hover\:duration-0 {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          --tw-duration: 0ms;
          transition-duration: 0ms;
        }
      }
    }
  }
  .lg\:hover\:after\:absolute {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            position: absolute;
          }
        }
      }
    }
  }
  .lg\:hover\:after\:top-full {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            top: 100%;
          }
        }
      }
    }
  }
  .lg\:hover\:after\:z-10 {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            z-index: 10;
          }
        }
      }
    }
  }
  .lg\:hover\:after\:block {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            display: block;
          }
        }
      }
    }
  }
  .lg\:hover\:after\:h-9 {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            height: calc(var(--spacing) * 9);
          }
        }
      }
    }
  }
  .lg\:hover\:after\:w-full {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            width: 100%;
          }
        }
      }
    }
  }
  .desktop\:right-\[104px\] {
    @media (width >= 1200px) {
      right: 104px;
    }
  }
  .desktop\:flex-row {
    @media (width >= 1200px) {
      flex-direction: row;
    }
  }
  .xl\:\!float-none {
    @media (width >= 1248px) {
      float: none !important;
    }
  }
  .xl\:mx-20 {
    @media (width >= 1248px) {
      margin-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:\!h-\[calc\(100\%-180px\)\] {
    @media (width >= 1248px) {
      height: calc(100% - 180px) !important;
    }
  }
  .xl\:\!w-full {
    @media (width >= 1248px) {
      width: 100% !important;
    }
  }
  .xl\:px-20 {
    @media (width >= 1248px) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:px-40 {
    @media (width >= 1248px) {
      padding-inline: calc(var(--spacing) * 40);
    }
  }
  .xl\:py-0 {
    @media (width >= 1248px) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:py-24 {
    @media (width >= 1248px) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .xl\:pt-24 {
    @media (width >= 1248px) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .xl\:pb-24 {
    @media (width >= 1248px) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .\32 xl\:px-40 {
    @media (width >= 1440px) {
      padding-inline: calc(var(--spacing) * 40);
    }
  }
  .\@3xs\:flex-col {
    @container (min-width: 16rem) {
      flex-direction: column;
    }
  }
  .\@lg\:w-1\/2 {
    @container (min-width: 32rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .\@lg\:grid-rows-\[109px_minmax\(0\,240px\)_26px_32px\] {
    @container (min-width: 32rem) {
      grid-template-rows: 109px minmax(0,240px) 26px 32px;
    }
  }
  .\@lg\:grid-rows-\[109px_minmax\(0\,240px\)_26px_32px_40px_minmax\(0\,240px\)\] {
    @container (min-width: 32rem) {
      grid-template-rows: 109px minmax(0,240px) 26px 32px 40px minmax(0,240px);
    }
  }
  .\@lg\:grid-rows-\[109px_minmax\(0\,240px\)_26px_32px_40px_minmax\(0\,240px\)_109px\] {
    @container (min-width: 32rem) {
      grid-template-rows: 109px minmax(0,240px) 26px 32px 40px minmax(0,240px) 109px;
    }
  }
  .\@lg\:flex-row {
    @container (min-width: 32rem) {
      flex-direction: row;
    }
  }
  .\@lg\:items-end {
    @container (min-width: 32rem) {
      align-items: flex-end;
    }
  }
  .\@2xl\:p-10 {
    @container (min-width: 42rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .\@3xl\:\!block {
    @container (min-width: 48rem) {
      display: block !important;
    }
  }
  .\@3xl\:flex {
    @container (min-width: 48rem) {
      display: flex;
    }
  }
  .\@3xl\:grid {
    @container (min-width: 48rem) {
      display: grid;
    }
  }
  .\@3xl\:grid-cols-2 {
    @container (min-width: 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@3xl\:flex-row {
    @container (min-width: 48rem) {
      flex-direction: row;
    }
  }
  .\@3xl\:items-center {
    @container (min-width: 48rem) {
      align-items: center;
    }
  }
  .\@3xl\:items-start {
    @container (min-width: 48rem) {
      align-items: flex-start;
    }
  }
  .\@3xl\:justify-between {
    @container (min-width: 48rem) {
      justify-content: space-between;
    }
  }
  .\@3xl\:gap-8 {
    @container (min-width: 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\@3xl\:space-y-0 {
    @container (min-width: 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .\@3xl\:gap-x-8 {
    @container (min-width: 48rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .\@3xl\:gap-y-0\.5 {
    @container (min-width: 48rem) {
      row-gap: calc(var(--spacing) * 0.5);
    }
  }
  .\@4xl\:gap-x-15 {
    @container (min-width: 56rem) {
      column-gap: calc(var(--spacing) * 15);
    }
  }
  .\@5xl\:p-20 {
    @container (min-width: 64rem) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .rtl\:-rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: calc(180deg * -1);
    }
  }
  .tablet-down-only\:fixed {
    @media screen and (max-width: 64rem) {
      position: fixed;
    }
  }
  .tablet-down-only\:top-0 {
    @media screen and (max-width: 64rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .tablet-down-only\:left-0 {
    @media screen and (max-width: 64rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .tablet-down-only\:flex {
    @media screen and (max-width: 64rem) {
      display: flex;
    }
  }
  .tablet-down-only\:\!h-auto {
    @media screen and (max-width: 64rem) {
      height: auto !important;
    }
  }
  .tablet-down-only\:h-full {
    @media screen and (max-width: 64rem) {
      height: 100%;
    }
  }
  .tablet-down-only\:translate-x-0 {
    @media screen and (max-width: 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .tablet-down-only\:rounded-none {
    @media screen and (max-width: 64rem) {
      border-radius: 0;
    }
  }
  .user-is-tabbing\:ring-secondary-900 {
    .user-is-tabbing & {
      --tw-ring-color: var(--color-secondary-900);
    }
  }
  .user-is-tabbing\:focus\:ring-2 {
    .user-is-tabbing & {
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .user-is-tabbing\:focus\:ring-brand-primary {
    .user-is-tabbing & {
      &:focus {
        --tw-ring-color: var(--color-brand-primary);
      }
    }
  }
  .user-is-tabbing\:focus\:ring-offset-2 {
    .user-is-tabbing & {
      &:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      }
    }
  }
  .user-is-tabbing\:focus\:outline-2 {
    .user-is-tabbing & {
      &:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
    }
  }
  .user-is-tabbing\:focus\:outline-offset-2 {
    .user-is-tabbing & {
      &:focus {
        outline-offset: 2px;
      }
    }
  }
  .user-is-tabbing\:focus\:outline-brand-primary {
    .user-is-tabbing & {
      &:focus {
        outline-color: var(--color-brand-primary);
      }
    }
  }
  .user-is-tabbing\:focus\:checked\:ring-2 {
    .user-is-tabbing & {
      &:focus {
        &:checked {
          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .user-is-tabbing\:focus\:checked\:ring-brand-primary {
    .user-is-tabbing & {
      &:focus {
        &:checked {
          --tw-ring-color: var(--color-brand-primary);
        }
      }
    }
  }
  .user-is-tabbing\:focus\:checked\:ring-offset-2 {
    .user-is-tabbing & {
      &:focus {
        &:checked {
          --tw-ring-offset-width: 2px;
          --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
      }
    }
  }
  .user-is-tabbing\:focus\:checked\:outline-2 {
    .user-is-tabbing & {
      &:focus {
        &:checked {
          outline-style: var(--tw-outline-style);
          outline-width: 2px;
        }
      }
    }
  }
  .user-is-tabbing\:focus\:checked\:outline-offset-2 {
    .user-is-tabbing & {
      &:focus {
        &:checked {
          outline-offset: 2px;
        }
      }
    }
  }
  .user-is-tabbing\:focus\:checked\:outline-brand-primary {
    .user-is-tabbing & {
      &:focus {
        &:checked {
          outline-color: var(--color-brand-primary);
        }
      }
    }
  }
  .lg\:scroll\:top-\[64px\] {
    @media (width >= 1024px) {
      .at-top & {
        top: 64px;
      }
    }
  }
  .footer\:\!h-14 {
    .footer & {
      height: calc(var(--spacing) * 14) !important;
    }
  }
  .footer\:w-fit {
    .footer & {
      width: fit-content;
    }
  }
  .footer\:\!border-0 {
    .footer & {
      border-style: var(--tw-border-style) !important;
      border-width: 0px !important;
    }
  }
  .footer\:\!bg-transparent {
    .footer & {
      background-color: transparent !important;
    }
  }
  .footer\:bg-transparent {
    .footer & {
      background-color: transparent;
    }
  }
  .footer\:py-3 {
    .footer & {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .footer\:text-white {
    .footer & {
      color: var(--color-white);
    }
  }
  .title-component\:text-black {
    & .apply-title-color {
      color: var(--color-black);
    }
  }
  .title-component\:text-white {
    & .apply-title-color {
      color: var(--color-white);
    }
  }
  .text-component\:text-white {
    & .apply-text-color {
      color: var(--color-white);
    }
  }
  .bg-component\:bg-neutral-50 {
    & .apply-bg {
      &.apply-before-bg {
        &::before {
          content: '';
          background-color: var(--color-neutral-50);
        }
      }
    }
  }
  .bg-component\:bg-white {
    & .apply-bg {
      &.apply-before-bg {
        &::before {
          content: '';
          background-color: var(--color-white);
        }
      }
    }
  }
  .bg-component\:bg-white {
    & .apply-bg {
      background-color: var(--color-white);
    }
  }
  .bg-component\:text-brand-primary {
    & .apply-bg {
      color: var(--color-brand-primary);
    }
  }
  .bg-theme-component\:bg-green-100 {
    & .apply-theme-bg {
      background-color: var(--color-green-100);
    }
  }
  .bg-theme-component\:bg-magenta-100 {
    & .apply-theme-bg {
      background-color: var(--color-magenta-100);
    }
  }
  .bg-theme-component\:bg-primary-100 {
    & .apply-theme-bg {
      background-color: var(--color-primary-100);
    }
  }
  .bg-theme-component\:bg-yellow-100 {
    & .apply-theme-bg {
      background-color: var(--color-yellow-100);
    }
  }
  .bg-theme-lighter-component\:bg-green-50 {
    & .apply-theme-lighter-bg {
      background-color: var(--color-green-50);
    }
  }
  .bg-theme-lighter-component\:bg-magenta-50 {
    & .apply-theme-lighter-bg {
      background-color: var(--color-magenta-50);
    }
  }
  .bg-theme-lighter-component\:bg-primary-50 {
    & .apply-theme-lighter-bg {
      background-color: var(--color-primary-50);
    }
  }
  .bg-theme-lighter-component\:bg-yellow-50 {
    & .apply-theme-lighter-bg {
      background-color: var(--color-yellow-50);
    }
  }
  .border-component\:border-brand-primary {
    & .apply-border {
      border-color: var(--color-brand-primary);
    }
  }
  .border-component\:border-brand-secondary {
    & .apply-border {
      border-color: var(--color-brand-secondary);
    }
  }
  .border-component\:border-white {
    & .apply-border {
      border-color: var(--color-white);
    }
  }
  .hover-component\:bg-primary-50 {
    & .apply-hover {
      background-color: var(--color-primary-50);
    }
  }
  .hover-component\:bg-primary-100 {
    & .apply-hover {
      background-color: var(--color-primary-100);
    }
  }
  .hover-component\:hover\:\!bg-green-50 {
    & .apply-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-50) !important;
        }
      }
    }
  }
  .hover-component\:hover\:\!bg-magenta-50 {
    & .apply-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-magenta-50) !important;
        }
      }
    }
  }
  .hover-component\:hover\:\!bg-primary-50 {
    & .apply-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary-50) !important;
        }
      }
    }
  }
  .hover-component\:hover\:\!bg-primary-100 {
    & .apply-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary-100) !important;
        }
      }
    }
  }
  .hover-component\:hover\:\!bg-yellow-50 {
    & .apply-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-yellow-50) !important;
        }
      }
    }
  }
  .hover-theme-component\:hover\:bg-green-50 {
    & .apply-theme-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-50);
        }
      }
    }
  }
  .hover-theme-component\:hover\:bg-magenta-50 {
    & .apply-theme-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-magenta-50);
        }
      }
    }
  }
  .hover-theme-component\:hover\:bg-primary-50 {
    & .apply-theme-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary-50);
        }
      }
    }
  }
  .hover-theme-component\:hover\:bg-yellow-50 {
    & .apply-theme-hover {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-yellow-50);
        }
      }
    }
  }
  .bg-highlight-component\:bg-green-100 {
    & .apply-bg-highlight {
      background-color: var(--color-green-100);
    }
  }
  .bg-highlight-component\:bg-magenta-100 {
    & .apply-bg-highlight {
      background-color: var(--color-magenta-100);
    }
  }
  .bg-highlight-component\:bg-yellow-100 {
    & .apply-bg-highlight {
      background-color: var(--color-yellow-100);
    }
  }
  .bg-highlight-component\:hover\:bg-green-50 {
    & .apply-bg-highlight {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-50);
        }
      }
    }
  }
  .bg-highlight-component\:hover\:bg-magenta-50 {
    & .apply-bg-highlight {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-magenta-50);
        }
      }
    }
  }
  .bg-highlight-component\:hover\:bg-yellow-50 {
    & .apply-bg-highlight {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-yellow-50);
        }
      }
    }
  }
  .svg-stroke-component\:stroke-primary-50 {
    & .apply-svg-stroke svg path {
      stroke: var(--color-primary-50);
    }
  }
  .svg-stroke-component\:stroke-1 {
    & .apply-svg-stroke svg path {
      stroke-width: 1;
    }
  }
  .text-theme-component\:text-green-100 {
    & .apply-theme-text {
      color: var(--color-green-100);
    }
  }
  .text-theme-component\:text-magenta-100 {
    & .apply-theme-text {
      color: var(--color-magenta-100);
    }
  }
  .text-theme-component\:text-primary-100 {
    & .apply-theme-text {
      color: var(--color-primary-100);
    }
  }
  .text-theme-component\:text-yellow-100 {
    & .apply-theme-text {
      color: var(--color-yellow-100);
    }
  }
  .border-theme-component\:border-\[1px\] {
    & .apply-theme-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .border-theme-component\:border-green-50 {
    & .apply-theme-border {
      border-color: var(--color-green-50);
    }
  }
  .border-theme-component\:border-magenta-50 {
    & .apply-theme-border {
      border-color: var(--color-magenta-50);
    }
  }
  .border-theme-component\:border-primary-50 {
    & .apply-theme-border {
      border-color: var(--color-primary-50);
    }
  }
  .border-theme-component\:border-primary-100 {
    & .apply-theme-border {
      border-color: var(--color-primary-100);
    }
  }
  .border-theme-component\:border-yellow-50 {
    & .apply-theme-border {
      border-color: var(--color-yellow-50);
    }
  }
  .border-y-theme-component\:border-y-\[1px\] {
    & .apply-theme-border-y {
      border-block-style: var(--tw-border-style);
      border-block-width: 1px;
    }
  }
  .border-y-theme-component\:border-green-50 {
    & .apply-theme-border-y {
      border-color: var(--color-green-50);
    }
  }
  .border-y-theme-component\:border-magenta-50 {
    & .apply-theme-border-y {
      border-color: var(--color-magenta-50);
    }
  }
  .border-y-theme-component\:border-yellow-50 {
    & .apply-theme-border-y {
      border-color: var(--color-yellow-50);
    }
  }
  .before-theme-color-component\:text-green-100 {
    & .apply-theme-before-color {
      color: var(--color-green-100);
    }
  }
  .before-theme-color-component\:text-magenta-100 {
    & .apply-theme-before-color {
      color: var(--color-magenta-100);
    }
  }
  .before-theme-color-component\:text-primary-100 {
    & .apply-theme-before-color {
      color: var(--color-primary-100);
    }
  }
  .before-theme-color-component\:text-yellow-100 {
    & .apply-theme-before-color {
      color: var(--color-yellow-100);
    }
  }
  .border-theme-component-darker\:border-\[1px\] {
    & .apply-theme-border-darker {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .border-theme-component-darker\:border-green-100 {
    & .apply-theme-border-darker {
      border-color: var(--color-green-100);
    }
  }
  .border-theme-component-darker\:border-magenta-100 {
    & .apply-theme-border-darker {
      border-color: var(--color-magenta-100);
    }
  }
  .border-theme-component-darker\:border-yellow-100 {
    & .apply-theme-border-darker {
      border-color: var(--color-yellow-100);
    }
  }
  .border-hover-theme-component\:hover\:border-green-100 {
    & .apply-theme-border-hover {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-green-100);
        }
      }
    }
  }
  .border-hover-theme-component\:hover\:border-magenta-100 {
    & .apply-theme-border-hover {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-magenta-100);
        }
      }
    }
  }
  .border-hover-theme-component\:hover\:border-primary-100 {
    & .apply-theme-border-hover {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary-100);
        }
      }
    }
  }
  .border-hover-theme-component\:hover\:border-yellow-100 {
    & .apply-theme-border-hover {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-yellow-100);
        }
      }
    }
  }
  .apply-same-height\:h-full {
    .equal-height-content & {
      height: 100%;
    }
  }
  .acc-mode\:ml-0 {
    & *:not(.layout) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .acc-mode\:text-left {
    & *:not(.layout) {
      text-align: left;
    }
  }
  .acc-mode\:leading-\[1\.8\] {
    & *:not(.layout) {
      --tw-leading: 1.8;
      line-height: 1.8;
    }
  }
  .grid-layout-cell\:col-span-12 {
    & .grid-layout-cell {
      grid-column: span 12 / span 12;
    }
    & .default-organism-cell {
      grid-column: span 12 / span 12;
    }
  }
  .md\:grid-layout-cell\:col-span-6 {
    @media (width >= 768px) {
      & .grid-layout-cell {
        grid-column: span 6 / span 6;
      }
      & .default-organism-cell {
        grid-column: span 6 / span 6;
      }
    }
  }
  .lg\:grid-layout-cell\:col-span-3 {
    @media (width >= 1024px) {
      & .grid-layout-cell {
        grid-column: span 3 / span 3;
      }
      & .default-organism-cell {
        grid-column: span 3 / span 3;
      }
    }
  }
  .lg\:grid-layout-cell\:col-span-4 {
    @media (width >= 1024px) {
      & .grid-layout-cell {
        grid-column: span 4 / span 4;
      }
      & .default-organism-cell {
        grid-column: span 4 / span 4;
      }
    }
  }
  .lg\:grid-layout-cell\:col-span-6 {
    @media (width >= 1024px) {
      & .grid-layout-cell {
        grid-column: span 6 / span 6;
      }
      & .default-organism-cell {
        grid-column: span 6 / span 6;
      }
    }
  }
  .xl\:grid-layout-cell\:col-start-1 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-start: 1;
      }
      & .default-organism-cell {
        grid-column-start: 1;
      }
    }
  }
  .xl\:grid-layout-cell\:col-start-2 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-start: 2;
      }
      & .default-organism-cell {
        grid-column-start: 2;
      }
    }
  }
  .xl\:grid-layout-cell\:col-start-3 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-start: 3;
      }
      & .default-organism-cell {
        grid-column-start: 3;
      }
    }
  }
  .xl\:grid-layout-cell\:col-start-4 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-start: 4;
      }
      & .default-organism-cell {
        grid-column-start: 4;
      }
    }
  }
  .xl\:grid-layout-cell\:col-end-8 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-end: 8;
      }
      & .default-organism-cell {
        grid-column-end: 8;
      }
    }
  }
  .xl\:grid-layout-cell\:col-end-10 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-end: 10;
      }
      & .default-organism-cell {
        grid-column-end: 10;
      }
    }
  }
  .xl\:grid-layout-cell\:col-end-11 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-end: 11;
      }
      & .default-organism-cell {
        grid-column-end: 11;
      }
    }
  }
  .xl\:grid-layout-cell\:col-end-12 {
    @media (width >= 1248px) {
      & .grid-layout-cell {
        grid-column-end: 12;
      }
      & .default-organism-cell {
        grid-column-end: 12;
      }
    }
  }
  .grid-layout-grid-cell\:col-span-6 {
    &.grid:not(.grid-layout) > * {
      grid-column: span 6 / span 6;
    }
  }
  .grid-layout-grid-cell\:col-span-12 {
    &.grid:not(.grid-layout) > * {
      grid-column: span 12 / span 12;
    }
  }
  .\@xs\:grid-layout-grid-cell\:col-span-6 {
    @container (min-width: 20rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@lg\:grid-layout-grid-cell\:col-span-4 {
    @container (min-width: 32rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 4 / span 4;
      }
    }
  }
  .\@lg\:grid-layout-grid-cell\:col-span-6 {
    @container (min-width: 32rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@lg\:grid-layout-grid-cell\:col-start-6 {
    @container (min-width: 32rem) {
      &.grid:not(.grid-layout) > * {
        grid-column-start: 6;
      }
    }
  }
  .\@xl\:grid-layout-grid-cell\:col-span-3 {
    @container (min-width: 36rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 3 / span 3;
      }
    }
  }
  .\@xl\:grid-layout-grid-cell\:col-span-4 {
    @container (min-width: 36rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 4 / span 4;
      }
    }
  }
  .\@2xl\:grid-layout-grid-cell\:col-span-6 {
    @container (min-width: 42rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@3xl\:grid-layout-grid-cell\:col-span-4 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 4 / span 4;
      }
    }
  }
  .\@3xl\:grid-layout-grid-cell\:col-span-6 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@4xl\:grid-layout-grid-cell\:col-span-6 {
    @container (min-width: 56rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell\:col-span-3 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 3 / span 3;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell\:col-span-4 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 4 / span 4;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell\:col-span-6 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell\:col-span-7 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 7 / span 7;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell\:col-start-4 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > * {
        grid-column-start: 4;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell\:col-end-10 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > * {
        grid-column-end: 10;
      }
    }
  }
  .\@6xl\:grid-layout-grid-cell\:col-span-3 {
    @container (min-width: 72rem) {
      &.grid:not(.grid-layout) > * {
        grid-column: span 3 / span 3;
      }
    }
  }
  .\@2xl\:grid-layout-grid-cell-no-border-inside\:col-span-6 {
    @container (min-width: 42rem) {
      &.grid:not(.grid-layout) > *:has(.no-border-inside) {
        grid-column: span 6 / span 6;
      }
      &.grid:not(.grid-layout) > *:has(+ * .no-border-inside) {
        grid-column: span 6 / span 6;
      }
      &.grid:not(.grid-layout) > *:has(+ * .no-border-inside) :is(h2, h3) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .grid-layout-grid-cell-odd\:col-span-5 {
    &.grid:not(.grid-layout) > *:nth-child(odd) {
      grid-column: span 5 / span 5;
    }
  }
  .\@3xl\:grid-layout-grid-cell-odd\:col-span-4 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > *:nth-child(odd) {
        grid-column: span 4 / span 4;
      }
    }
  }
  .\@3xl\:grid-layout-grid-cell-odd\:col-span-5 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > *:nth-child(odd) {
        grid-column: span 5 / span 5;
      }
    }
  }
  .\@3xl\:grid-layout-grid-cell-odd\:col-span-6 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > *:nth-child(odd) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell-odd\:col-span-4 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > *:nth-child(odd) {
        grid-column: span 4 / span 4;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell-odd\:col-span-5 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > *:nth-child(odd) {
        grid-column: span 5 / span 5;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell-odd\:col-span-7 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > *:nth-child(odd) {
        grid-column: span 7 / span 7;
      }
    }
  }
  .grid-layout-grid-cell-even\:col-span-7 {
    &.grid:not(.grid-layout) > *:nth-child(even) {
      grid-column: span 7 / span 7;
    }
  }
  .\@3xl\:grid-layout-grid-cell-even\:col-span-6 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > *:nth-child(even) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@3xl\:grid-layout-grid-cell-even\:col-span-7 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > *:nth-child(even) {
        grid-column: span 7 / span 7;
      }
    }
  }
  .\@3xl\:grid-layout-grid-cell-even\:col-span-8 {
    @container (min-width: 48rem) {
      &.grid:not(.grid-layout) > *:nth-child(even) {
        grid-column: span 8 / span 8;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell-even\:col-span-5 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > *:nth-child(even) {
        grid-column: span 5 / span 5;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell-even\:col-span-7 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > *:nth-child(even) {
        grid-column: span 7 / span 7;
      }
    }
  }
  .\@5xl\:grid-layout-grid-cell-even\:col-span-8 {
    @container (min-width: 64rem) {
      &.grid:not(.grid-layout) > *:nth-child(even) {
        grid-column: span 8 / span 8;
      }
    }
  }
  .\@4xl\:grid-layout-grid-cell-first\:col-span-12 {
    @container (min-width: 56rem) {
      &.grid:not(.grid-layout) > *:first-child {
        grid-column: span 12 / span 12;
      }
    }
  }
  .\@lg\:grid-layout\:gap-8 {
    @container (min-width: 32rem) {
      &.grid-layout {
        gap: calc(var(--spacing) * 8);
      }
    }
  }
  .grid-layout-grid\:gap-x-4 {
    &.grid:not(.grid-layout) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .\@lg\:grid-layout-grid\:gap-x-8 {
    @container (min-width: 32rem) {
      &.grid:not(.grid-layout) {
        column-gap: calc(var(--spacing) * 8);
      }
    }
  }
  .child\:absolute {
    & > * {
      position: absolute;
    }
  }
  .child\:top-0 {
    & > * {
      top: calc(var(--spacing) * 0);
    }
  }
  .child\:left-0 {
    & > * {
      left: calc(var(--spacing) * 0);
    }
  }
  .child\:col-span-6 {
    & > * {
      grid-column: span 6 / span 6;
    }
  }
  .child\:col-span-12 {
    & > * {
      grid-column: span 12 / span 12;
    }
  }
  .child\:col-span-full {
    & > * {
      grid-column: 1 / -1;
    }
  }
  .child\:row-span-full {
    & > * {
      grid-row: 1 / -1;
    }
  }
  .child\:flex {
    & > * {
      display: flex;
    }
  }
  .child\:h-full {
    & > * {
      height: 100%;
    }
  }
  .child\:w-full {
    & > * {
      width: 100%;
    }
  }
  .child\:max-w-\[calc\(50\%-4px\)\] {
    & > * {
      max-width: calc(50% - 4px);
    }
  }
  .child\:flex-\[0_0_calc\(50\%-4px\)\] {
    & > * {
      flex: 0 0 calc(50% - 4px);
    }
  }
  .child\:items-center {
    & > * {
      align-items: center;
    }
  }
  .child\:justify-center {
    & > * {
      justify-content: center;
    }
  }
  .child\:space-y-4 {
    & > * {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .child\:space-y-8 {
    & > * {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .child\:overflow-auto {
    & > * {
      overflow: auto;
    }
  }
  .child\:stroke-2 {
    & > * {
      stroke-width: 2;
    }
  }
  .child\:transition-all {
    & > * {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .child\:duration-600 {
    & > * {
      --tw-duration: 600ms;
      transition-duration: 600ms;
    }
  }
  .group-hover\:child\:scale-\[1\.1\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        & > * {
          scale: 1.1;
        }
      }
    }
  }
  .lg\:child\:space-y-16 {
    @media (width >= 1024px) {
      & > * {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
  }
  .lg\:child\:space-y-24 {
    @media (width >= 1024px) {
      & > * {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
  }
  .tablet-down-only\:child\:h-full {
    @media screen and (max-width: 64rem) {
      & > * {
        height: 100%;
      }
    }
  }
  .tablet-down-only\:child\:max-h-\[calc\(100vh-96px\)\] {
    @media screen and (max-width: 64rem) {
      & > * {
        max-height: calc(100vh - 96px);
      }
    }
  }
  .first-child\:z-20 {
    & > div:first-child {
      z-index: 20;
    }
  }
  .all-children\:text-white {
    & * {
      color: var(--color-white);
    }
  }
  .child-contextual\:static {
    & .contextual-region {
      position: static;
    }
  }
  .form\:flex {
    & form {
      display: flex;
    }
  }
  .form\:flex-col {
    & form {
      flex-direction: column;
    }
  }
  .form\:gap-4 {
    & form {
      gap: calc(var(--spacing) * 4);
    }
  }
  .form\:space-y-4 {
    & form {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:form\:flex-row {
    @media (width >= 1024px) {
      & form {
        flex-direction: row;
      }
    }
  }
  .form-item-label\:w-full {
    & .form-item .has-label-text {
      width: 100%;
    }
  }
  .form-item-label\:bg-none {
    & .form-item .has-label-text {
      background-image: none;
    }
  }
  .form-item-label\:transition {
    & .form-item .has-label-text {
      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));
    }
  }
  .form-item-label\:duration-300 {
    & .form-item .has-label-text {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .form-item-label-inner\:w-max {
    & .form-item .has-label-text label {
      width: max-content;
    }
  }
  .form-item\:\!mt-0 {
    & .form-item {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .form-item\:w-full {
    & .form-item {
      width: 100%;
    }
  }
  .form-item\:max-w-\[315px\] {
    & .form-item {
      max-width: 315px;
    }
  }
  .form-legend\:\!mb-8 {
    & .form-legend {
      margin-bottom: calc(var(--spacing) * 8) !important;
    }
  }
  .form-legend\:\!hidden {
    & .form-legend {
      display: none !important;
    }
  }
  .form-legend\:\!text-lg {
    & .form-legend {
      font-size: var(--text-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }
  .form-legend\:\!leading-4 {
    & .form-legend {
      --tw-leading: calc(var(--spacing) * 4) !important;
      line-height: calc(var(--spacing) * 4) !important;
    }
  }
  .form-legend\:\!leading-4 {
    & .form-legend {
      line-height: 28px !important;
    }
  }
  .form-legend\:lg\:\!mb-6 {
    & .form-legend {
      @media (width >= 1024px) {
        margin-bottom: calc(var(--spacing) * 6) !important;
      }
    }
  }
  .lg\:form-legend\:\!text-2xl {
    @media (width >= 1024px) {
      & .form-legend {
        font-size: var(--text-2xl) !important;
        line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
      }
    }
  }
  .lg\:form-legend\:\!leading-5 {
    @media (width >= 1024px) {
      & .form-legend {
        --tw-leading: calc(var(--spacing) * 5) !important;
        line-height: calc(var(--spacing) * 5) !important;
      }
    }
  }
  .lg\:form-legend\:\!leading-5 {
    @media (width >= 1024px) {
      & .form-legend {
        line-height: 32px !important;
      }
    }
  }
  .has-label-text\:p-0 {
    .has-label-text & {
      padding: calc(var(--spacing) * 0);
    }
  }
  .hover\:has-label-text\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        .has-label-text & {
          cursor: pointer;
        }
      }
    }
  }
  .radio-special\:relative {
    .radio-special & {
      position: relative;
    }
  }
  .radio-special\:ml-0 {
    .radio-special & {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .radio-special\:flex {
    .radio-special & {
      display: flex;
    }
  }
  .radio-special\:hidden {
    .radio-special & {
      display: none;
    }
  }
  .radio-special\:w-\[110px\] {
    .radio-special & {
      width: 110px;
    }
  }
  .radio-special\:w-fit {
    .radio-special & {
      width: fit-content;
    }
  }
  .radio-special\:flex-col {
    .radio-special & {
      flex-direction: column;
    }
  }
  .radio-special\:items-center {
    .radio-special & {
      align-items: center;
    }
  }
  .radio-special\:\!shadow-black {
    .radio-special & {
      --tw-shadow-color: var(--color-black) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent) !important;
      }
    }
  }
  .radio-special\:before\:absolute {
    .radio-special & {
      &::before {
        position: absolute;
      }
    }
  }
  .radio-special\:before\:block {
    .radio-special & {
      &::before {
        display: block;
      }
    }
  }
  .radio-special\:checked\:bg-brand-primary {
    .radio-special & {
      &:checked {
        &.apply-before-bg {
          &::before {
            content: '';
            background-color: var(--color-brand-primary);
          }
        }
      }
    }
  }
  .radio-special\:checked\:bg-brand-primary {
    .radio-special & {
      &:checked {
        background-color: var(--color-brand-primary);
      }
    }
  }
  .radio-special\:checked\:bg-none {
    .radio-special & {
      &:checked {
        background-image: none;
      }
    }
  }
  .radio-special\:first-last-els\:block {
    .radio-special & {
      & .form-item:first-child > label > div {
        display: block;
      }
      & .form-item:last-child > label > div {
        display: block;
      }
    }
  }
  .form-type-managed-file\:hidden {
    .form-type-managed-file & {
      display: none;
    }
  }
  .messages\:flex-\[0_0_100\%\] {
    & .messages {
      flex: 0 0 100%;
    }
  }
  .messages\:text-error {
    & .messages {
      color: var(--color-error);
    }
  }
  .badge-filters\:absolute {
    .badge-filters & {
      position: absolute;
    }
  }
  .badge-filters\:top-0 {
    .badge-filters & {
      top: calc(var(--spacing) * 0);
    }
  }
  .badge-filters\:left-0 {
    .badge-filters & {
      left: calc(var(--spacing) * 0);
    }
  }
  .badge-filters\:h-full {
    .badge-filters & {
      height: 100%;
    }
  }
  .badge-filters\:w-full {
    .badge-filters & {
      width: 100%;
    }
  }
  .badge-filters\:rounded-none {
    .badge-filters & {
      border-radius: 0;
    }
  }
  .badge-filters\:opacity-0 {
    .badge-filters & {
      opacity: 0%;
    }
  }
  .child-input\:text-black {
    & input {
      color: var(--color-black);
    }
    & textarea {
      color: var(--color-black);
    }
    & input[type="checkbox"] {
      color: var(--color-black);
    }
    & input[type="radio"] {
      color: var(--color-black);
    }
  }
  .child-input\:text-brand-primary {
    & input {
      color: var(--color-brand-primary);
    }
    & textarea {
      color: var(--color-brand-primary);
    }
    & input[type="checkbox"] {
      color: var(--color-brand-primary);
    }
    & input[type="radio"] {
      color: var(--color-brand-primary);
    }
  }
  .child-input\:text-error {
    & input {
      color: var(--color-error);
    }
    & textarea {
      color: var(--color-error);
    }
    & input[type="checkbox"] {
      color: var(--color-error);
    }
    & input[type="radio"] {
      color: var(--color-error);
    }
  }
  .child-input\:\!shadow-border-black {
    & input {
      box-shadow: 0 0px 0px 1px var(--color-black) inset !important;
    }
    & textarea {
      box-shadow: 0 0px 0px 1px var(--color-black) inset !important;
    }
    & input[type="checkbox"] {
      box-shadow: 0 0px 0px 1px var(--color-black) inset !important;
    }
    & input[type="radio"] {
      box-shadow: 0 0px 0px 1px var(--color-black) inset !important;
    }
  }
  .child-input\:\!shadow-border-error {
    & input {
      box-shadow: 0 0px 0px 2px var(--color-error) inset !important;
    }
    & textarea {
      box-shadow: 0 0px 0px 2px var(--color-error) inset !important;
    }
    & input[type="checkbox"] {
      box-shadow: 0 0px 0px 2px var(--color-error) inset !important;
    }
    & input[type="radio"] {
      box-shadow: 0 0px 0px 2px var(--color-error) inset !important;
    }
  }
  .child-input\:shadow-border {
    & input {
      box-shadow: 0 0px 0px 2px var(--color-brand-primary) inset;
    }
    & textarea {
      box-shadow: 0 0px 0px 2px var(--color-brand-primary) inset;
    }
    & input[type="checkbox"] {
      box-shadow: 0 0px 0px 2px var(--color-brand-primary) inset;
    }
    & input[type="radio"] {
      box-shadow: 0 0px 0px 2px var(--color-brand-primary) inset;
    }
  }
  .select\:w-full {
    & select {
      width: 100%;
    }
  }
  .select\:max-w-full {
    & select {
      max-width: 100%;
    }
  }
  .select\:\!pl-\[38px\] {
    & select {
      padding-left: 38px !important;
    }
  }
  .input-number-wrapper\:\!shadow-none {
    & .input-number-wrapper input {
      --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;
    }
  }
  .form-items-wrapper\:space-y-4 {
    & details {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    & fieldset {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    & .form-wrapper:not([class*="container-inline"]) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .form-items-wrapper\:lg\:space-y-6 {
    & details {
      @media (width >= 1024px) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
    & fieldset {
      @media (width >= 1024px) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
    & .form-wrapper:not([class*="container-inline"]) {
      @media (width >= 1024px) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
  }
  .consecutive-form-items-wrapper\:mt-6 {
    & details + details {
      margin-top: calc(var(--spacing) * 6);
    }
    & fieldset + fieldset {
      margin-top: calc(var(--spacing) * 6);
    }
    & details + fieldset {
      margin-top: calc(var(--spacing) * 6);
    }
    & fieldset + details {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .consecutive-form-items-wrapper\:lg\:mt-8 {
    & details + details {
      @media (width >= 1024px) {
        margin-top: calc(var(--spacing) * 8);
      }
    }
    & fieldset + fieldset {
      @media (width >= 1024px) {
        margin-top: calc(var(--spacing) * 8);
      }
    }
    & details + fieldset {
      @media (width >= 1024px) {
        margin-top: calc(var(--spacing) * 8);
      }
    }
    & fieldset + details {
      @media (width >= 1024px) {
        margin-top: calc(var(--spacing) * 8);
      }
    }
  }
  .container-inline\:flex {
    & [class*="container-inline"] {
      display: flex;
    }
  }
  .container-inline\:flex-col {
    & [class*="container-inline"] {
      flex-direction: column;
    }
  }
  .container-inline\:gap-4 {
    & [class*="container-inline"] {
      gap: calc(var(--spacing) * 4);
    }
  }
  .container-inline\:lg\:flex-row {
    & [class*="container-inline"] {
      @media (width >= 1024px) {
        flex-direction: row;
      }
    }
  }
  .container-inline\:lg\:gap-6 {
    & [class*="container-inline"] {
      @media (width >= 1024px) {
        gap: calc(var(--spacing) * 6);
      }
    }
  }
  .container-inline-child\:\!m-0 {
    & [class*="container-inline"] > div {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  .container-inline-child\:flex-1 {
    & [class*="container-inline"] > div {
      flex: 1;
    }
  }
  .child-image\:w-full {
    &.image-container img {
      width: 100%;
    }
    & picture img {
      width: 100%;
    }
  }
  .layout-full\:child-image\:\!w-full {
    .layout-full & {
      &.image-container img {
        width: 100% !important;
      }
      & picture img {
        width: 100% !important;
      }
    }
  }
  .child-media\:aspect-\[0\.83\] {
    & img {
      aspect-ratio: 0.83;
    }
  }
  .child-media\:h-full {
    & img {
      height: 100%;
    }
  }
  .child-media\:w-auto {
    & img {
      width: auto;
    }
  }
  .child-media\:w-full {
    & img {
      width: 100%;
    }
  }
  .child-media\:\!object-contain {
    & img {
      object-fit: contain !important;
    }
  }
  .child-media\:object-cover {
    & img {
      object-fit: cover;
    }
  }
  .child-all-images\:h-full {
    & picture img {
      height: 100%;
    }
  }
  .child-all-images\:w-full {
    & picture img {
      width: 100%;
    }
  }
  .child-all-images\:object-cover {
    & picture img {
      object-fit: cover;
    }
  }
  .child-image-container\:h-full {
    & .image-container {
      height: 100%;
    }
  }
  .child-image-container\:w-full {
    & .image-container {
      width: 100%;
    }
  }
  .picture\:w-full {
    & picture {
      width: 100%;
    }
  }
  .figure\:h-full {
    & figure {
      height: 100%;
    }
  }
  .video\:aspect-video {
    & video {
      aspect-ratio: var(--aspect-video);
    }
  }
  .media-container\:h-full {
    & .media-container {
      height: 100%;
    }
  }
  .child-iframe\:absolute {
    & iframe {
      position: absolute;
    }
  }
  .child-iframe\:top-0 {
    & iframe {
      top: calc(var(--spacing) * 0);
    }
  }
  .child-iframe\:bottom-0 {
    & iframe {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .child-iframe\:left-0 {
    & iframe {
      left: calc(var(--spacing) * 0);
    }
  }
  .child-iframe\:aspect-video {
    & iframe {
      aspect-ratio: var(--aspect-video);
    }
  }
  .child-iframe\:h-full {
    & iframe {
      height: 100%;
    }
  }
  .child-iframe\:min-h-\[430px\] {
    & iframe {
      min-height: 430px;
    }
  }
  .child-iframe\:w-full {
    & iframe {
      width: 100%;
    }
  }
  .child-iframe\:max-w-full {
    & iframe {
      max-width: 100%;
    }
  }
  .child-link\:inline-block {
    & > a {
      display: inline-block;
    }
    & a {
      display: inline-block;
    }
  }
  .child-link\:px-3 {
    & > a {
      padding-inline: calc(var(--spacing) * 3);
    }
    & a {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .child-link\:py-2 {
    & > a {
      padding-block: calc(var(--spacing) * 2);
    }
    & a {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .link-svg\:hidden {
    & > a svg {
      display: none;
    }
  }
  .link-svg\:hover\:block {
    & > a svg {
      &:hover {
        @media (hover: hover) {
          display: block;
        }
      }
    }
  }
  .lg\:link-svg\:hover\:-rotate-180 {
    @media (width >= 1024px) {
      & > a svg {
        &:hover {
          @media (hover: hover) {
            rotate: calc(180deg * -1);
          }
        }
      }
    }
  }
  .next-button\:text-brand-primary {
    & + button {
      color: var(--color-brand-primary);
    }
  }
  .link-active\:after\:absolute {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .link-active\:after\:top-full {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        top: 100%;
      }
    }
  }
  .link-active\:after\:bottom-0 {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .link-active\:after\:left-0 {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .link-active\:after\:h-9 {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 9);
      }
    }
  }
  .link-active\:after\:h-\[32px\] {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        height: 32px;
      }
    }
  }
  .link-active\:after\:w-full {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
  .link-active\:after\:bg-transparent {
    & .menu-hover {
      &::after {
        content: var(--tw-content);
        background-color: transparent;
      }
    }
  }
  .link-active\:after\:content-\[\'\'\] {
    & .menu-hover {
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .link-active\:scroll\:after\:h-\[20px\] {
    & .menu-hover {
      .at-top & {
        &::after {
          content: var(--tw-content);
          height: 20px;
        }
      }
    }
  }
  .menu-hover\:\!text-brand-primary {
    .menu-hover & {
      color: var(--color-brand-primary) !important;
    }
  }
  .lg\:menu-hover\:-z-10 {
    @media (width >= 1024px) {
      .menu-hover & {
        z-index: calc(10 * -1);
      }
    }
  }
  .lg\:menu-hover\:\!flex {
    @media (width >= 1024px) {
      .menu-hover & {
        display: flex !important;
      }
    }
  }
  .lg\:menu-hover\:translate-y-0 {
    @media (width >= 1024px) {
      .menu-hover & {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .lg\:menu-hover\:translate-z-0 {
    @media (width >= 1024px) {
      .menu-hover & {
        --tw-translate-z: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
      }
    }
  }
  .lg\:menu-hover\:\!opacity-100 {
    @media (width >= 1024px) {
      .menu-hover & {
        opacity: 100% !important;
      }
    }
  }
  .menu-clicked\:text-brand-primary {
    .menu-clicked & {
      color: var(--color-brand-primary);
    }
  }
  .lg\:menu-clicked\:opacity-100 {
    @media (width >= 1024px) {
      .menu-clicked & {
        opacity: 100%;
      }
    }
  }
  .in-documents\:\!text-brand-primary {
    .documents & {
      color: var(--color-brand-primary) !important;
    }
  }
  .in-video-wrapper\:text-brand-primary {
    .video-wrapper & {
      color: var(--color-brand-primary);
    }
  }
  .paragraph-wrapper\:mt-8 {
    & .paragraph-wrapper + .paragraph-wrapper {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .paragraph-wrapper\:border-t-\[2px\] {
    & .paragraph-wrapper + .paragraph-wrapper {
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
    }
  }
  .paragraph-wrapper\:border-primary-100 {
    & .paragraph-wrapper + .paragraph-wrapper {
      border-color: var(--color-primary-100);
    }
  }
  .paragraph-wrapper\:pt-8 {
    & .paragraph-wrapper + .paragraph-wrapper {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .paragraph-wrapper\:lg\:mt-16 {
    & .paragraph-wrapper + .paragraph-wrapper {
      @media (width >= 1024px) {
        margin-top: calc(var(--spacing) * 16);
      }
    }
  }
  .paragraph-wrapper\:lg\:pt-16 {
    & .paragraph-wrapper + .paragraph-wrapper {
      @media (width >= 1024px) {
        padding-top: calc(var(--spacing) * 16);
      }
    }
  }
  .paragraph-with-highlight-sibling\:xl\:\!mt-24 {
    & .paragraph-wrapper + .paragraph-wrapper:has(.paragraph--type--highlight) {
      @media (width >= 1248px) {
        margin-top: calc(var(--spacing) * 24) !important;
      }
    }
  }
  .highlighted\:bg-primary-50 {
    & strong {
      background-color: var(--color-primary-50);
    }
  }
  .highlighted\:\!font-normal {
    & strong {
      --tw-font-weight: var(--font-weight-normal) !important;
      font-weight: var(--font-weight-normal) !important;
    }
  }
  .highlighted\:\!font-normal {
    & strong {
      font-weight: 400 !important;
    }
  }
  .highlighted\:text-brand-primary {
    & strong {
      color: var(--color-brand-primary);
    }
  }
  .featured-card\:min-w-1\/2 {
    .featured-card & {
      min-width: calc(1 / 2 * 100%);
    }
  }
  .trapeze-style\:\!block {
    .trapeze-style & {
      display: block !important;
    }
  }
  .trapeze-style\:w-\[133px\] {
    .trapeze-style & {
      width: 133px;
    }
  }
  .trapeze-style\:image-path {
    .trapeze-style & {
      clip-path: var(--custom-image-path);
    }
  }
  .trapeze-style\:trapeze-path-68 {
    .trapeze-style & {
      clip-path: polygon(0 0, 100% 0, calc(100% - 68px) 100%, 0 100%);
    }
  }
  .trapeze-style\:lg\:\!block {
    .trapeze-style & {
      @media (width >= 1024px) {
        display: block !important;
      }
    }
  }
  .rounded-style\:-bottom-8 {
    .rounded-style & {
      bottom: calc(var(--spacing) * -8);
    }
  }
  .rounded-style\:-left-7 {
    .rounded-style & {
      left: calc(var(--spacing) * -7);
    }
  }
  .rounded-style\:aspect-square {
    .rounded-style & {
      aspect-ratio: 1 / 1;
    }
  }
  .rounded-style\:gap-4 {
    .rounded-style & {
      gap: calc(var(--spacing) * 4);
    }
  }
  .rounded-style\:overflow-hidden {
    .rounded-style & {
      overflow: hidden;
    }
  }
  .rounded-style\:\!rounded-\[16px\] {
    .rounded-style & {
      border-radius: 16px !important;
    }
  }
  .rounded-style\:\!rounded-\[24px\] {
    .rounded-style & {
      border-radius: 24px !important;
    }
  }
  .rounded-style\:\!rounded-full {
    .rounded-style & {
      border-radius: calc(infinity * 1px) !important;
    }
  }
  .rounded-style\:rounded-\[16px\] {
    .rounded-style & {
      border-radius: 16px;
    }
  }
  .rounded-style\:rounded-\[24px\] {
    .rounded-style & {
      border-radius: 24px;
    }
  }
  .rounded-style\:rounded-\[32px\] {
    .rounded-style & {
      border-radius: 32px;
    }
  }
  .rounded-style\:rounded-full {
    .rounded-style & {
      border-radius: calc(infinity * 1px);
    }
  }
  .rounded-style\:rounded-e-\[32px\] {
    .rounded-style & {
      border-start-end-radius: 32px;
      border-end-end-radius: 32px;
    }
  }
  .rounded-style\:py-0 {
    .rounded-style & {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .hover\:rounded-style\:rounded-\[32px\] {
    &:hover {
      @media (hover: hover) {
        .rounded-style & {
          border-radius: 32px;
        }
      }
    }
  }
  .lg\:rounded-style\:rounded-\[32px\] {
    @media (width >= 1024px) {
      .rounded-style & {
        border-radius: 32px;
      }
    }
  }
  .rounded-style\:xl\:py-20 {
    .rounded-style & {
      @media (width >= 1248px) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
  }
  .rounded-style\:child-media\:rounded-\[24px\] {
    .rounded-style & {
      & img {
        border-radius: 24px;
      }
    }
  }
  .rectangle-style\:aspect-square {
    .rectangle-style & {
      aspect-ratio: 1 / 1;
    }
  }
  .rectangle-style\:\!translate-0 {
    .rectangle-style & {
      --tw-translate-x: calc(var(--spacing) * 0) !important;
      --tw-translate-y: calc(var(--spacing) * 0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .rectangle-style\:overflow-hidden {
    .rectangle-style & {
      overflow: hidden;
    }
  }
  .rectangle-style\:py-0 {
    .rectangle-style & {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .rectangle-style\:xl\:py-20 {
    .rectangle-style & {
      @media (width >= 1248px) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
  }
  .title-is-serif\:lg\:leading-10 {
    .title-is-serif & {
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 10);
        line-height: calc(var(--spacing) * 10);
      }
    }
  }
  .title-is-serif\:lg\:leading-10 {
    .title-is-serif & {
      @media (width >= 1024px) {
        line-height: 64px;
      }
    }
  }
  .complement-title-is-serif\:lg\:leading-10 {
    .complement-title-is-serif & {
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 10);
        line-height: calc(var(--spacing) * 10);
      }
    }
  }
  .complement-title-is-serif\:lg\:leading-10 {
    .complement-title-is-serif & {
      @media (width >= 1024px) {
        line-height: 64px;
      }
    }
  }
  .lg\:taos\:translate-x-\[-200px\] {
    @media (width >= 1024px) {
      &.taos-init:where(:not(.taos-animate)) {
        --tw-translate-x: -200px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .lg\:taos\:translate-y-\[100\%\] {
    @media (width >= 1024px) {
      &.taos-init:where(:not(.taos-animate)) {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .lg\:taos\:opacity-0 {
    @media (width >= 1024px) {
      &.taos-init:where(:not(.taos-animate)) {
        opacity: 0%;
      }
    }
  }
  .\[\&_\*\]\:\!m-0 {
    & * {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  .text-component\:\[\&_\*\]\:\!text-white {
    & .apply-text-color {
      & * {
        color: var(--color-white) !important;
      }
    }
  }
  .\[\&_\.apply-text-color\]\:text-white {
    & .apply-text-color {
      color: var(--color-white);
    }
  }
  .\[\&_\.card-contact\]\:\!border-none {
    & .card-contact {
      --tw-border-style: none !important;
      border-style: none !important;
    }
  }
  .\[\&_\.card-contact\]\:\!p-0 {
    & .card-contact {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .group-hover\:\[\&_\.check\]\:stroke-brand-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        & .check {
          stroke: var(--color-brand-primary);
        }
      }
    }
  }
  .\[\&_\.checkout-pane\]\:bg-primary-50 {
    & .checkout-pane {
      background-color: var(--color-primary-50);
    }
  }
  .\[\&_\.checkout-pane\]\:p-4 {
    & .checkout-pane {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.checkout-pane\]\:lg\:p-6 {
    & .checkout-pane {
      @media (width >= 1024px) {
        padding: calc(var(--spacing) * 6);
      }
    }
  }
  .\[\&_\.cq-image-wrapper\]\:h-full {
    & .cq-image-wrapper {
      height: 100%;
    }
  }
  .\[\&_\.cq-image-wrapper\]\:w-full {
    & .cq-image-wrapper {
      width: 100%;
    }
  }
  .\[\&_\.cq-image-wrapper_img\]\:min-h-full {
    & .cq-image-wrapper img {
      min-height: 100%;
    }
  }
  .\[\&_\.cq-image-wrapper_img\]\:min-w-full {
    & .cq-image-wrapper img {
      min-width: 100%;
    }
  }
  .\[\&_\.cq-image-wrapper_img\]\:object-cover {
    & .cq-image-wrapper img {
      object-fit: cover;
    }
  }
  .\[\&_\.form-actions\:has\(\.js-hide\)\]\:hidden {
    & .form-actions:has(.js-hide) {
      display: none;
    }
  }
  .\[\&_\.form-checkboxes\]\:flex {
    & .form-checkboxes {
      display: flex;
    }
  }
  .\[\&_\.form-checkboxes\]\:flex-wrap {
    & .form-checkboxes {
      flex-wrap: wrap;
    }
  }
  .\[\&_\.form-checkboxes\]\:gap-2 {
    & .form-checkboxes {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.form-checkboxes\]\:gap-4 {
    & .form-checkboxes {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:\[\&_\.form-checkboxes\]\:gap-4 {
    @media (width >= 1024px) {
      & .form-checkboxes {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_\.form-item\]\:mb-0 {
    & .form-item {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.form-item\]\:w-auto {
    & .form-item {
      width: auto;
    }
  }
  .\[\&_\.form-legend\]\:\!hidden {
    & .form-legend {
      display: none !important;
    }
  }
  .\[\&_\.form-legend\]\:hidden {
    & .form-legend {
      display: none;
    }
  }
  .\[\&_\.form-radios\]\:flex {
    & .form-radios {
      display: flex;
    }
  }
  .\[\&_\.form-radios\]\:flex-wrap {
    & .form-radios {
      flex-wrap: wrap;
    }
  }
  .\[\&_\.form-radios\]\:gap-2 {
    & .form-radios {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.form-radios\]\:gap-4 {
    & .form-radios {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:\[\&_\.form-radios\]\:gap-4 {
    @media (width >= 1024px) {
      & .form-radios {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_\.form-type-checkbox\:has\(\[data-drupal-selector\=\'edit-field-themes-target-id-all\'\]\)\]\:hidden {
    & .form-type-checkbox:has([data-drupal-selector='edit-field-themes-target-id-all']) {
      display: none;
    }
  }
  .\[\&_\.form-type-checkbox\:has\(\[id\^\=edit-field-labeled-value\]\)\]\:absolute {
    & .form-type-checkbox:has([id^=edit-field-labeled-value]) {
      position: absolute;
    }
  }
  .\[\&_\.form-type-checkbox\:has\(\[id\^\=edit-field-labeled-value\]\)\]\:top-0 {
    & .form-type-checkbox:has([id^=edit-field-labeled-value]) {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.form-type-checkbox\:has\(\[id\^\=edit-field-labeled-value\]\)\]\:left-0 {
    & .form-type-checkbox:has([id^=edit-field-labeled-value]) {
      left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.form-type-checkbox\:has\(\[id\^\=edit-field-labeled-value\]\)\]\:z-2 {
    & .form-type-checkbox:has([id^=edit-field-labeled-value]) {
      z-index: 2;
    }
  }
  .\[\&_\.form-type-select\]\:w-full {
    & .form-type-select {
      width: 100%;
    }
  }
  .lg\:\[\&_\.form-type-select\]\:max-w-\[303px\] {
    @media (width >= 1024px) {
      & .form-type-select {
        max-width: 303px;
      }
    }
  }
  .lg\:\[\&_\.form-type-select\]\:flex-1 {
    @media (width >= 1024px) {
      & .form-type-select {
        flex: 1;
      }
    }
  }
  .\[\&_\.image-container\]\:flex {
    & .image-container {
      display: flex;
    }
  }
  .\[\&_\.image-container\]\:items-end {
    & .image-container {
      align-items: flex-end;
    }
  }
  .\[\&_\.js-hide\]\:\!visible {
    & .js-hide {
      visibility: visible !important;
    }
  }
  .\[\&_\.js-hide\]\:\!static {
    & .js-hide {
      position: static !important;
    }
  }
  .\[\&_\.js-hide\]\:\!m-0 {
    & .js-hide {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.js-hide\]\:\!block {
    & .js-hide {
      display: block !important;
    }
  }
  .\[\&_\.js-hide\]\:\!h-auto {
    & .js-hide {
      height: auto !important;
    }
  }
  .\[\&_\.js-hide\]\:\!w-auto {
    & .js-hide {
      width: auto !important;
    }
  }
  .\[\&_\.js-hide\]\:\!overflow-visible {
    & .js-hide {
      overflow: visible !important;
    }
  }
  .\[\&_\.js-hide\]\:\!p-0 {
    & .js-hide {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.label-wrapper\]\:\!hidden {
    & .label-wrapper {
      display: none !important;
    }
  }
  .\[\&_\.paragraph\]\:relative {
    & .paragraph {
      position: relative;
    }
  }
  .\[\&_\.person\]\:md\:w-fit {
    & .person {
      @media (width >= 768px) {
        width: fit-content;
      }
    }
  }
  .\[\&_\.textbox\]\:bg-transparent {
    & .textbox {
      background-color: transparent;
    }
  }
  .\[\&_\.textbox\]\:\!p-0 {
    & .textbox {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.user-pass\]\:space-y-6 {
    & .user-pass {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .\[\&_\.user-pass\]\:lg\:space-y-8 {
    & .user-pass {
      @media (width >= 1024px) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
  }
  .\[\&_\.views-element-container\>div\]\:space-y-8 {
    & .views-element-container>div {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .\[\&_\>div\]\:space-y-6 {
    & >div {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .\[\&_\[class\*\=\'product--variation\'\]\>div\:first-child\]\:mb-4 {
    & [class*='product--variation']>div:first-child {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\[class\*\=\'product--variation\'\]\>div\:first-child\]\:text-lg {
    & [class*='product--variation']>div:first-child {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .\[\&_\[class\*\=\'product--variation\'\]\>div\:first-child\]\:font-semibold {
    & [class*='product--variation']>div:first-child {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_\[class\*\=\'product--variation\'\]\>div\:first-child\]\:lg\:text-2xl {
    & [class*='product--variation']>div:first-child {
      @media (width >= 1024px) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
  }
  .\[\&_figure\>div\]\:\!h-auto {
    & figure>div {
      height: auto !important;
    }
  }
  .\[\&_iframe\]\:\!h-full {
    & iframe {
      height: 100% !important;
    }
  }
  .\[\&_iframe\]\:\!w-full {
    & iframe {
      width: 100% !important;
    }
  }
  .\[\&_img\]\:mx-auto {
    & img {
      margin-inline: auto;
    }
  }
  .\[\&_img\]\:\!h-full {
    & img {
      height: 100% !important;
    }
  }
  .\[\&_img\]\:h-full {
    & img {
      height: 100%;
    }
  }
  .\[\&_img\]\:max-h-\[65vh\] {
    & img {
      max-height: 65vh;
    }
  }
  .\[\&_img\]\:min-h-\[65vh\] {
    & img {
      min-height: 65vh;
    }
  }
  .\[\&_img\]\:min-h-full {
    & img {
      min-height: 100%;
    }
  }
  .\[\&_img\]\:\!w-auto {
    & img {
      width: auto !important;
    }
  }
  .\[\&_img\]\:w-full {
    & img {
      width: 100%;
    }
  }
  .\[\&_img\]\:min-w-full {
    & img {
      min-width: 100%;
    }
  }
  .\[\&_img\]\:\!object-contain {
    & img {
      object-fit: contain !important;
    }
  }
  .\[\&_img\]\:object-cover {
    & img {
      object-fit: cover;
    }
  }
  .rounded-style\:\[\&_img\]\:rounded-\[16px\] {
    .rounded-style & {
      & img {
        border-radius: 16px;
      }
    }
  }
  .\[\&_input\]\:\!block {
    & input {
      display: block !important;
    }
  }
  .\[\&_legend\]\:\!hidden {
    & legend {
      display: none !important;
    }
  }
  .\[\&_picture\]\:h-full {
    & picture {
      height: 100%;
    }
  }
  .\[\&_picture\]\:w-full {
    & picture {
      width: 100%;
    }
  }
  .\[\&_select\]\:w-full {
    & select {
      width: 100%;
    }
  }
  .lg\:\[\&_select\]\:w-auto {
    @media (width >= 1024px) {
      & select {
        width: auto;
      }
    }
  }
  .lg\:\[\&_select\]\:max-w-\[315px\] {
    @media (width >= 1024px) {
      & select {
        max-width: 315px;
      }
    }
  }
  .\[\&_svg\]\:h-auto {
    & svg {
      height: auto;
    }
  }
  .\[\&_svg\]\:h-full {
    & svg {
      height: 100%;
    }
  }
  .\[\&_svg\]\:w-\[172px\] {
    & svg {
      width: 172px;
    }
  }
  .\[\&_svg\]\:w-\[245px\] {
    & svg {
      width: 245px;
    }
  }
  .\[\&_svg\]\:w-\[271px\] {
    & svg {
      width: 271px;
    }
  }
  .\[\&_svg\]\:w-full {
    & svg {
      width: 100%;
    }
  }
  .\[\&_svg\]\:fill-current {
    & svg {
      fill: currentColor;
    }
  }
  .\[\&_svg\]\:fill-current {
    & svg {
      fill: currentcolor;
    }
  }
  .lg\:\[\&_svg\]\:w-\[412px\] {
    @media (width >= 1024px) {
      & svg {
        width: 412px;
      }
    }
  }
  .lg\:\[\&_svg\]\:w-auto {
    @media (width >= 1024px) {
      & svg {
        width: auto;
      }
    }
  }
  .badge-filters\:checked\:\[\&\+label\]\:bg-brand-primary {
    .badge-filters & {
      &:checked {
        &+label {
          &.apply-before-bg {
            &::before {
              content: '';
              background-color: var(--color-brand-primary);
            }
          }
        }
      }
    }
  }
  .badge-filters\:checked\:\[\&\+label\]\:bg-brand-primary {
    .badge-filters & {
      &:checked {
        &+label {
          background-color: var(--color-brand-primary);
        }
      }
    }
  }
  .badge-filters\:checked\:\[\&\+label\]\:text-white {
    .badge-filters & {
      &:checked {
        &+label {
          color: var(--color-white);
        }
      }
    }
  }
  .\[\&\.active\]\:bg-brand-primary {
    &.active {
      &.apply-before-bg {
        &::before {
          content: '';
          background-color: var(--color-brand-primary);
        }
      }
    }
  }
  .\[\&\.active\]\:bg-brand-primary {
    &.active {
      background-color: var(--color-brand-primary);
    }
  }
  .\[\&\.active\]\:text-white {
    &.active {
      color: var(--color-white);
    }
  }
  .\[\&\:first-child\:not\(\:last-child\)\]\:h-full {
    &:first-child:not(:last-child) {
      height: 100%;
    }
  }
  .\[\&\:has\(\.archived-view\)\>div\]\:pb-0 {
    &:has(.archived-view)>div {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&\:has\(\.menu-button\)\]\:mb-2 {
    &:has(.menu-button) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&\:has\(\.menu-button\)\]\:py-0 {
    &:has(.menu-button) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .\[\&\:has\(button\[aria-pressed\=\'true\'\]\)\]\:overflow-visible {
    &:has(button[aria-pressed='true']) {
      overflow: visible;
    }
  }
  .\[\&\:has\(input\)\]\:\!block {
    &:has(input) {
      display: block !important;
    }
  }
  .lg\:\[\&\>\*\:nth-child\(even\)\]\:col-span-8 {
    @media (width >= 1024px) {
      &>*:nth-child(even) {
        grid-column: span 8 / span 8;
      }
    }
  }
  .lg\:\[\&\>\*\:nth-child\(odd\)\]\:col-span-4 {
    @media (width >= 1024px) {
      &>*:nth-child(odd) {
        grid-column: span 4 / span 4;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\]\:col-span-4 {
    @media (width >= 1024px) {
      &>.grid-layout-cell {
        grid-column: span 4 / span 4;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\]\:col-start-4 {
    @media (width >= 1024px) {
      &>.grid-layout-cell {
        grid-column-start: 4;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\]\:col-end-10 {
    @media (width >= 1024px) {
      &>.grid-layout-cell {
        grid-column-end: 10;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(1\)\]\:col-span-3 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(1) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(1\)\]\:col-span-6 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(1) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@lg\:\[\&\>\.grid-layout-cell\:nth-child\(1\)\]\:col-span-3 {
    @container (min-width: 32rem) {
      &>.grid-layout-cell:nth-child(1) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .\@lg\:\[\&\>\.grid-layout-cell\:nth-child\(1\)\]\:col-span-6 {
    @container (min-width: 32rem) {
      &>.grid-layout-cell:nth-child(1) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(2\)\]\:col-span-3 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(2) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(2\)\]\:col-span-6 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(2) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@lg\:\[\&\>\.grid-layout-cell\:nth-child\(2\)\]\:col-span-3 {
    @container (min-width: 32rem) {
      &>.grid-layout-cell:nth-child(2) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .\@lg\:\[\&\>\.grid-layout-cell\:nth-child\(2\)\]\:col-span-6 {
    @container (min-width: 32rem) {
      &>.grid-layout-cell:nth-child(2) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(3\)\]\:col-span-3 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(3) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(3\)\]\:col-span-6 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(3) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .\@lg\:\[\&\>\.grid-layout-cell\:nth-child\(3\)\]\:col-span-3 {
    @container (min-width: 32rem) {
      &>.grid-layout-cell:nth-child(3) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .\@lg\:\[\&\>\.grid-layout-cell\:nth-child\(3\)\]\:col-span-6 {
    @container (min-width: 32rem) {
      &>.grid-layout-cell:nth-child(3) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-3 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-4 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 4 / span 4;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-5 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 5 / span 5;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-6 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-7 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 7 / span 7;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-8 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 8 / span 8;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-9 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 9 / span 9;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-start-6 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column-start: 6;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-start-7 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column-start: 7;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-start-8 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column-start: 8;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-start-9 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column-start: 9;
      }
    }
  }
  .xl\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-4 {
    @media (width >= 1248px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 4 / span 4;
      }
    }
  }
  .xl\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-span-5 {
    @media (width >= 1248px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column: span 5 / span 5;
      }
    }
  }
  .xl\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-start-8 {
    @media (width >= 1248px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column-start: 8;
      }
    }
  }
  .xl\:\[\&\>\.grid-layout-cell\:nth-child\(even\)\]\:col-start-9 {
    @media (width >= 1248px) {
      &>.grid-layout-cell:nth-child(even) {
        grid-column-start: 9;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-3 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 3 / span 3;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-4 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 4 / span 4;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-5 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 5 / span 5;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-6 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-7 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 7 / span 7;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-8 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 8 / span 8;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-9 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 9 / span 9;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-start-1 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column-start: 1;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-start-2 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column-start: 2;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-start-3 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column-start: 3;
      }
    }
  }
  .lg\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-start-7 {
    @media (width >= 1024px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column-start: 7;
      }
    }
  }
  .xl\:\[\&\>\.grid-layout-cell\:nth-child\(odd\)\]\:col-span-7 {
    @media (width >= 1248px) {
      &>.grid-layout-cell:nth-child(odd) {
        grid-column: span 7 / span 7;
      }
    }
  }
  .\[\&\>article\]\:h-full {
    &>article {
      height: 100%;
    }
  }
  .\[\&\>div\]\:h-full {
    &>div {
      height: 100%;
    }
  }
  .\[\&\>div\]\:rotate-180 {
    &>div {
      rotate: 180deg;
    }
  }
  .\[\&\>img\]\:h-full {
    &>img {
      height: 100%;
    }
  }
  .\[\&\>img\]\:w-full {
    &>img {
      width: 100%;
    }
  }
  .\[\&\>img\]\:object-cover {
    &>img {
      object-fit: cover;
    }
  }
  .\[\&\>picture\>img\]\:\[\&\>picture\>img\]\:object-cover {
    &>picture>img {
      &>picture>img {
        object-fit: cover;
      }
    }
  }
  .\[\&\>svg\]\:h-full {
    &>svg {
      height: 100%;
    }
  }
  .\[\&\>svg\]\:w-full {
    &>svg {
      width: 100%;
    }
  }
  .\[\&\>svg\]\:object-cover {
    &>svg {
      object-fit: cover;
    }
  }
  .\[\&\[aria-current\=\'page\'\]\]\:bg-primary-50 {
    &[aria-current='page'] {
      background-color: var(--color-primary-50);
    }
  }
  .\[\&\[disabled\]\]\:\!cursor-not-allowed {
    &[disabled] {
      cursor: not-allowed !important;
    }
  }
  .\[\&\[disabled\]\]\:bg-primary-100 {
    &[disabled] {
      background-color: var(--color-primary-100);
    }
  }
  .\[\&\[disabled\]\]\:group-hover\:\!bg-primary-100 {
    &[disabled] {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-primary-100) !important;
        }
      }
    }
  }
  .\[\&\[disabled\]\]\:hover\:\!bg-primary-100 {
    &[disabled] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary-100) !important;
        }
      }
    }
  }
  .md\:\[\@container\(width\>\=512px\)\]\:\!grid {
    @media (width >= 768px) {
      @container (width>=512px) {
        display: grid !important;
      }
    }
  }
  .md\:\[\@container\(width\>\=512px\)\]\:grid-cols-2 {
    @media (width >= 768px) {
      @container (width>=512px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  .md\:\[\@container\(width\>\=768px\)\]\:grid-cols-3 {
    @media (width >= 768px) {
      @container (width>=768px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
}
:root {
  --color-brand-secondary: var(--color-brand-primary);
  --color-secondary-50: var(--color-primary-50);
  --color-secondary-100: var(--color-primary-100);
  --color-secondary-200: var(--color-primary-200);
  --color-secondary-300: var(--color-primary-300);
  --color-secondary-400: var(--color-primary-400);
  --color-secondary-500: var(--color-primary-500);
  --color-secondary-600: var(--color-primary-600);
  --color-secondary-700: var(--color-primary-700);
  --color-secondary-800: var(--color-primary-800);
  --color-secondary-900: var(--color-primary-900);
  --color-secondary-950: var(--color-primary-950);
  --custom-radius: 0;
  --custom-image-path: polygon(0% 0%, 77.78% 0%, 64.04% 24.93%, 100% 24.93%, 100% 100%, 21.35% 100%, 35.29% 75.48%, 0% 75.48%);
}
.rtl {
  direction: rtl;
  text-align: left;
}
.rtl > div {
  direction: ltr;
}
html.js :where([class*="taos:"]:not(.taos-init)) {
  visibility: hidden;
}
.card-overlay .cq-image-wrapper,
.card-overlay .cq-image-wrapper img,
.card-overlay .cq-image-wrapper picture,
.hero-wrapper .cq-image-wrapper,
.hero-wrapper .cq-image-wrapper picture,
.hero-wrapper .cq-image-wrapper img,
.profile-preview-image .cq-image-wrapper,
.profile-preview-image .cq-image-wrapper picture,
.profile-preview-image .cq-image-wrapper img,
.card-tile .cq-image-wrapper,
.card-tile .cq-image-wrapper picture,
.card-tile .cq-image-wrapper img,
.image-123-wrapper .cq-image-wrapper,
.image-123-wrapper .cq-image-wrapper picture,
.image-123-wrapper .cq-image-wrapper img {
  height: 100%;
}
.badge-style {
  padding-inline: calc(var(--spacing) * 2);
  padding-top: 6px;
  padding-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: calc(var(--spacing) * 1);
  line-height: calc(var(--spacing) * 1);
  line-height: 16px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 1px;
  letter-spacing: 1px;
  text-transform: uppercase;
  &.medium {
    padding-inline: calc(var(--spacing) * 3);
    padding-top: 6px;
    padding-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
    &.small-responsive {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: calc(var(--spacing) * 1);
      line-height: calc(var(--spacing) * 1);
      line-height: 16px;
      @media (width >= 1024px) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 2);
        line-height: calc(var(--spacing) * 2);
      }
      @media (width >= 1024px) {
        line-height: 20px;
      }
    }
  }
  &.large {
    padding-inline: calc(var(--spacing) * 3);
    padding-top: 6px;
    padding-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 2);
    }
    @media (width >= 1024px) {
      padding-bottom: 6px;
    }
    @media (width >= 1024px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      line-height: 24px;
    }
  }
  &.xlarge {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: 10px;
    padding-bottom: calc(var(--spacing) * 2);
  }
  &.badge-no-bg {
    background-color: transparent !important;
    padding: calc(var(--spacing) * 0) !important;
  }
  svg {
    margin-top: calc(var(--spacing) * -0.5);
  }
}
.blockquote-wrapper {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  padding-left: calc(var(--spacing) * 6);
  @media (width >= 768px) {
    padding-left: calc(var(--spacing) * 10);
  }
  .blockquote-style {
    text-align: left;
    font-family: var(--font-title);
    font-size: 24px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    line-height: 32px;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    font-weight: 800;
    @media (width >= 1024px) {
      font-size: 32px;
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
    @media (width >= 1024px) {
      line-height: 40px;
    }
  }
  .blockquote-figcaption {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    line-height: 28px;
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
}
.breadcrumb-style {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: calc(var(--spacing) * 1);
  line-height: calc(var(--spacing) * 1);
  line-height: 16px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  font-weight: 400;
  &:last-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
.breadcrumb-separator {
  margin-inline: calc(var(--spacing) * 2);
}
.button-style {
  gap: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  .trapeze-style & {
    clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
  }
  .rounded-style & {
    border-radius: 48px;
  }
  &.flip-path {
    .trapeze-style & {
      clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%);
    }
  }
  &.small {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 10px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
    .trapeze-style & {
      padding-right: calc(var(--spacing) * 8);
    }
    &.flip-path {
      .trapeze-style & {
        padding-right: calc(var(--spacing) * 4);
      }
      .trapeze-style & {
        padding-left: calc(var(--spacing) * 8);
      }
    }
  }
  &.medium {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 10px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 5);
    }
    @media (width >= 1024px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      line-height: 24px;
    }
    .trapeze-style & {
      padding-right: calc(var(--spacing) * 8);
    }
    @media (width >= 1024px) {
      .trapeze-style & {
        padding-right: 35px;
      }
    }
    &.flip-path {
      .trapeze-style & {
        padding-right: calc(var(--spacing) * 4);
      }
      .trapeze-style & {
        padding-left: calc(var(--spacing) * 8);
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          padding-right: calc(var(--spacing) * 5);
        }
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          padding-left: 35px;
        }
      }
    }
  }
  &.default {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: 10px;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
    .trapeze-style & {
      padding-right: calc(var(--spacing) * 8);
    }
    @media (width >= 1024px) {
      .trapeze-style & {
        padding-right: 35px;
      }
    }
    &.flip-path {
      .trapeze-style & {
        padding-right: calc(var(--spacing) * 5);
      }
      .trapeze-style & {
        padding-left: calc(var(--spacing) * 8);
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          padding-right: calc(var(--spacing) * 6);
        }
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          padding-left: 35px;
        }
      }
    }
  }
  &.huge {
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    line-height: 28px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 1024px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
    @media (width >= 1024px) {
      line-height: 32px;
    }
    .trapeze-style & {
      padding-right: 46px;
    }
    .trapeze-style & {
      clip-path: polygon(0 0, 100% 0, calc(100% - 32px) 100%, 0 100%);
    }
    @media (width >= 1024px) {
      .trapeze-style & {
        padding-right: 74px;
      }
    }
    @media (width >= 1024px) {
      .trapeze-style & {
        clip-path: polygon(0 0, 100% 0, calc(100% - 44px) 100%, 0 100%);
      }
    }
    .rounded-style & {
      border-radius: 24px;
    }
  }
  &.button-icon {
    .rounded-style & {
      border-radius: calc(infinity * 1px);
    }
    .rounded-style & {
      padding: calc(var(--spacing) * 0) !important;
    }
    .rectangle-style & {
      padding: calc(var(--spacing) * 0) !important;
    }
    &.small {
      padding-inline: 10px;
      padding-block: calc(var(--spacing) * 4);
      .trapeze-style & {
        padding-right: calc(var(--spacing) * 5);
      }
      .rounded-style & {
        height: calc(var(--spacing) * 10);
      }
      .rounded-style & {
        width: calc(var(--spacing) * 10);
      }
      .rectangle-style & {
        height: calc(var(--spacing) * 10);
      }
      .rectangle-style & {
        width: calc(var(--spacing) * 10);
      }
      &.flip-path {
        .trapeze-style & {
          padding-right: 10px;
        }
        .trapeze-style & {
          padding-left: calc(var(--spacing) * 5);
        }
      }
    }
    &.medium {
      padding-inline: 10px;
      padding-block: calc(var(--spacing) * 4);
      @media (width >= 1024px) {
        padding-inline: calc(var(--spacing) * 3);
      }
      .trapeze-style & {
        width: calc(var(--spacing) * 10);
      }
      .trapeze-style & {
        padding-right: calc(var(--spacing) * 5);
      }
      .trapeze-style & {
        clip-path: polygon(0 0, 100% 0, calc(100% - 17px) 100%, 0 100%);
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          width: 53px;
        }
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          padding-right: calc(var(--spacing) * 6);
        }
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
        }
      }
      .rounded-style & {
        height: calc(var(--spacing) * 10);
      }
      .rounded-style & {
        width: calc(var(--spacing) * 10);
      }
      @media (width >= 1024px) {
        .rounded-style & {
          height: 44px;
        }
      }
      @media (width >= 1024px) {
        .rounded-style & {
          width: 44px;
        }
      }
      .rectangle-style & {
        height: calc(var(--spacing) * 10);
      }
      .rectangle-style & {
        width: calc(var(--spacing) * 10);
      }
      @media (width >= 1024px) {
        .rectangle-style & {
          height: 44px;
        }
      }
      @media (width >= 1024px) {
        .rectangle-style & {
          width: 44px;
        }
      }
      &.flip-path {
        .trapeze-style & {
          padding-right: 10px;
        }
        .trapeze-style & {
          padding-left: calc(var(--spacing) * 5);
        }
        .trapeze-style & {
          clip-path: polygon(17px 0, 100% 0, 100% 100%, 0 100%);
        }
        @media (width >= 1024px) {
          .trapeze-style & {
            padding-right: calc(var(--spacing) * 3);
          }
        }
        @media (width >= 1024px) {
          .trapeze-style & {
            padding-left: calc(var(--spacing) * 6);
          }
        }
        @media (width >= 1024px) {
          .trapeze-style & {
            clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
          }
        }
      }
    }
    &.default {
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 4);
      @media (width >= 1024px) {
        padding-block: 18px;
      }
      .trapeze-style & {
        padding-right: calc(var(--spacing) * 6);
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          padding-right: 30px;
        }
      }
      .rounded-style & {
        height: 44px;
      }
      .rounded-style & {
        width: 44px;
      }
      @media (width >= 1024px) {
        .rounded-style & {
          height: 52px;
        }
      }
      @media (width >= 1024px) {
        .rounded-style & {
          width: 52px;
        }
      }
      .rectangle-style & {
        height: 44px;
      }
      .rectangle-style & {
        width: 44px;
      }
      @media (width >= 1024px) {
        .rectangle-style & {
          height: 52px;
        }
      }
      @media (width >= 1024px) {
        .rectangle-style & {
          width: 52px;
        }
      }
      &.flip-path {
        .trapeze-style & {
          padding-right: calc(var(--spacing) * 3);
        }
        .trapeze-style & {
          padding-left: calc(var(--spacing) * 6);
        }
        @media (width >= 1024px) {
          .trapeze-style & {
            padding-right: 18px;
          }
        }
        @media (width >= 1024px) {
          .trapeze-style & {
            padding-left: 30px;
          }
        }
      }
    }
    &.xlarge {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: 18px;
      @media (width >= 1024px) {
        padding-inline: calc(var(--spacing) * 5);
      }
      @media (width >= 1024px) {
        padding-block: 30px;
      }
      .trapeze-style & {
        padding-right: 30px;
      }
      @media (width >= 1024px) {
        .trapeze-style & {
          padding-right: calc(var(--spacing) * 10);
        }
      }
      .rounded-style & {
        height: 52px;
      }
      .rounded-style & {
        width: 52px;
      }
      @media (width >= 1024px) {
        .rounded-style & {
          height: calc(var(--spacing) * 20);
        }
      }
      @media (width >= 1024px) {
        .rounded-style & {
          width: calc(var(--spacing) * 20);
        }
      }
      .rectangle-style & {
        height: 52px;
      }
      .rectangle-style & {
        width: 52px;
      }
      @media (width >= 1024px) {
        .rectangle-style & {
          height: calc(var(--spacing) * 20);
        }
      }
      @media (width >= 1024px) {
        .rectangle-style & {
          width: calc(var(--spacing) * 20);
        }
      }
      &.flip-path {
        .trapeze-style & {
          padding-right: calc(var(--spacing) * 4);
        }
        .trapeze-style & {
          padding-left: 30px;
        }
        @media (width >= 1024px) {
          .trapeze-style & {
            padding-right: calc(var(--spacing) * 5);
          }
        }
        @media (width >= 1024px) {
          .trapeze-style & {
            padding-left: calc(var(--spacing) * 10);
          }
        }
      }
    }
  }
  &.reset {
    clip-path: none !important;
    height: auto !important;
    width: auto !important;
  }
}
.menu-button {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: 10px;
  padding-right: 38px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
  .footer & {
    display: flex;
  }
  .menu-popup & {
    padding-inline: calc(var(--spacing) * 6);
  }
  .menu-popup & {
    padding-block: calc(var(--spacing) * 3);
  }
  .menu-popup & {
    padding-right: 67px;
  }
  .trapeze-style & {
    padding-right: 56px;
  }
  .trapeze-style & {
    clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
  }
  .rounded-style & {
    border-radius: 48px;
  }
  width: fit-content;
  &.apply-before-bg {
    &::before {
      content: '';
      background-color: var(--color-white);
    }
  }
  background-color: var(--color-white);
  color: var(--color-black);
  .footer & {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-50);
      }
    }
  }
  .menu-popup & {
    width: 100%;
  }
  .menu-popup & {
    &.apply-before-bg {
      &::before {
        content: '';
        background-color: var(--color-brand-primary);
      }
    }
  }
  .menu-popup & {
    background-color: var(--color-brand-primary);
  }
  .menu-popup & {
    color: var(--color-white) !important;
  }
  .menu-popup & {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-950) !important;
      }
    }
  }
  background-image: url(/themes/custom/campusbase/dist/e18041685f85ac11c795.svg);
  background-size: 10px;
  background-position: right 16px center;
  background-repeat: no-repeat;
  .menu-popup & {
    background-image: url(/themes/custom/campusbase/dist/bee4dc09177c867e9f64.svg);
  }
  .menu-popup & {
    background-size: 16px;
  }
  .trapeze-style & {
    background-position: right 34px center;
  }
}
.form-legend {
  margin-bottom: calc(var(--spacing) * 2);
  display: flex;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.form-item__description {
  margin-top: calc(var(--spacing) * 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)));
  }
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.form-label {
  display: flex;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  .has-label-text & {
    margin-left: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    font-weight: 400;
  }
  &.label-is-option {
    .badge-filters & {
      margin-left: calc(var(--spacing) * 0) !important;
    }
    .badge-filters & {
      background-color: var(--color-primary-50);
    }
    .badge-filters & {
      padding-inline: calc(var(--spacing) * 4);
    }
    .badge-filters & {
      padding-top: 13px;
    }
    .badge-filters & {
      padding-bottom: 11px;
    }
    .badge-filters & {
      font-size: var(--text-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }
    .badge-filters & {
      --tw-leading: calc(var(--spacing) * 1) !important;
      line-height: calc(var(--spacing) * 1) !important;
    }
    .badge-filters & {
      line-height: 16px !important;
    }
    .badge-filters & {
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
    }
    .badge-filters & {
      --tw-tracking: 1px;
      letter-spacing: 1px;
    }
    .badge-filters & {
      color: var(--color-black);
    }
    .badge-filters & {
      text-transform: uppercase;
    }
    .badge-filters & {
      &:hover {
        @media (hover: hover) {
          &.apply-before-bg {
            &::before {
              content: '';
              background-color: var(--color-brand-primary);
            }
          }
        }
      }
    }
    .badge-filters & {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-brand-primary);
        }
      }
    }
    .badge-filters & {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    .rounded-style & {
      border-radius: 24px;
    }
  }
}
.label-wrapper {
  .input-with-date & {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    label {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      font-weight: 400;
    }
  }
}
.input-style {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: 10px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  .rounded-style & {
    border-radius: 24px;
  }
  .exposed-search & {
    padding-inline: calc(var(--spacing) * 5);
  }
  .exposed-search & {
    padding-block: 18px;
  }
  .exposed-search & {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .exposed-search & {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .exposed-search & {
    line-height: 24px;
  }
  .exposed-search & {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .exposed-search & {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .exposed-search & {
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .exposed-search & {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
  }
  .exposed-search & {
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .input-with-date & {
    padding-left: 36px;
  }
}
.form-item--radio {
  :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)));
  }
  .radio-special & {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .radio-special & {
    &::before {
      top: 11px;
    }
  }
  .radio-special & {
    &::before {
      left: 50%;
    }
  }
  .radio-special & {
    &::before {
      height: 2px;
    }
  }
  .radio-special & {
    &::before {
      width: calc(100% * (4 / 5));
    }
  }
  .radio-special & {
    &::before {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.checkbox-radio-style {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
.checkbox-style {
  &:checked {
    background-image: url(/themes/custom/campusbase/dist/01c1a44bc5fed42b8249.svg);
  }
  &:checked {
    background-size: 1rem;
  }
  &:checked {
    + label {
      .badge-filters & {
        &.apply-before-bg {
          &::before {
            content: '' !important;
            background-color: var(--color-brand-primary) !important;
          }
        }
        background-color: var(--color-brand-primary) !important;
        color: var(--color-white) !important;
        span {
          color: var(--color-white) !important;
        }
      }
    }
  }
}
.rich-input-style {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
}
.input-icon {
  padding-left: calc(var(--spacing) * 3);
}
.form-type-date {
  position: relative;
}
.input-link {
  position: relative;
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
  &::after {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  &::after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
  }
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  &::after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &::after {
    content: var(--tw-content);
    &.apply-before-bg {
      &::before {
        content: '';
        background-color: var(--color-brand-primary);
      }
    }
  }
  &::after {
    content: var(--tw-content);
    background-color: var(--color-brand-primary);
  }
  &::after {
    content: var(--tw-content);
    mask-image: url(/themes/custom/campusbase/dist/66b815b1803c80ad734a.svg);
  }
  &::after {
    content: var(--tw-content);
    mask-size: contain;
  }
  &::after {
    content: var(--tw-content);
    mask-position: center;
  }
  &::after {
    content: var(--tw-content);
    mask-repeat: no-repeat;
  }
  input {
    border-radius: 0 !important;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0) !important;
    padding-right: 24px !important;
    color: var(--color-brand-primary);
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-brand-primary);
    --tw-gradient-to: var(--color-brand-primary);
    --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));
    background-size: 0% 1px;
    background-position: left bottom !important;
    background-repeat: no-repeat;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        background-size: 100% 1px;
      }
    }
    clip-path: none !important;
  }
}
.submit-style {
  gap: calc(var(--spacing) * 3);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  .trapeze-style & {
    clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
  }
  .rounded-style & {
    border-radius: calc(infinity * 1px);
  }
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 10px;
  padding-right: calc(var(--spacing) * 10);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
  line-height: 24px;
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 1024px) {
    padding-right: calc(var(--spacing) * 12);
  }
  @media (width >= 1024px) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  @media (width >= 1024px) {
    line-height: 28px;
  }
  .trapeze-style & {
    padding-right: 64px;
  }
  @media (width >= 1024px) {
    .trapeze-style & {
      padding-right: 67px;
    }
  }
  background-image: url(/themes/custom/campusbase/dist/bee4dc09177c867e9f64.svg);
  background-size: 1rem;
  background-position: center right 16px;
  background-repeat: no-repeat;
  @media (width >= 1024px) {
    background-position: center right 24px;
  }
  .trapeze-style & {
    background-position: center right 35px;
  }
  .exposed-search & {
    height: calc(var(--spacing) * 4);
  }
  .exposed-search & {
    width: calc(var(--spacing) * 4);
  }
  .exposed-search & {
    min-width: calc(var(--spacing) * 4);
  }
  .exposed-search & {
    background-color: transparent !important;
  }
  .exposed-search & {
    background-image: url(/themes/custom/campusbase/dist/eb1c2c9eaac620e7de1a.svg);
  }
  .exposed-search & {
    background-size: contain;
  }
  .exposed-search & {
    background-position: center;
  }
  .exposed-search & {
    text-indent: calc(999px * -1);
  }
  .exposed-search & {
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 5);
    }
  }
  .exposed-search & {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 5);
    }
  }
  .exposed-search & {
    @media (width >= 1024px) {
      min-width: calc(var(--spacing) * 5);
    }
  }
  .exposed-search & {
    clip-path: none;
  }
}
.form-actions {
  .exposed-search & {
    position: absolute;
    top: 20px;
    right: calc(var(--spacing) * 5);
    z-index: 2;
    display: flex;
    height: calc(var(--spacing) * 5);
    align-items: center;
    @media (width >= 1024px) {
      top: calc(var(--spacing) * 6);
    }
    @media (width >= 1024px) {
      right: calc(var(--spacing) * 8);
    }
  }
}
.form-managed-file {
  & .messages {
    order: 9999;
  }
  & .messages {
    margin-top: calc(var(--spacing) * 4);
  }
  & .messages {
    background-image: url(/themes/custom/campusbase/dist/b86f1e7d55a34bbdc1e3.svg);
  }
  & .messages {
    background-size: 20px;
  }
  & .messages {
    background-position: left center;
  }
  & .messages {
    background-repeat: no-repeat;
  }
  & .messages {
    padding-left: 28px;
  }
  input[type="submit"] {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
}
.file-style {
  margin-bottom: calc(var(--spacing) * 0) !important;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 3) !important;
  line-height: calc(var(--spacing) * 3) !important;
  line-height: 24px !important;
  &::file-selector-button {
    margin-right: 14px;
  }
  &::file-selector-button {
    border-radius: 32px;
  }
  &::file-selector-button {
    padding-block: calc(var(--spacing) * 2);
  }
  &::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  &::file-selector-button {
    --tw-leading: calc(var(--spacing) * 3) !important;
    line-height: calc(var(--spacing) * 3) !important;
  }
  &::file-selector-button {
    line-height: 24px !important;
  }
  &::file-selector-button {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 4) !important;
    line-height: calc(var(--spacing) * 4) !important;
  }
  @media (width >= 1024px) {
    line-height: 28px !important;
  }
  &::file-selector-button {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  &::file-selector-button {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  &::file-selector-button {
    @media (width >= 1024px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  &::file-selector-button {
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4) !important;
      line-height: calc(var(--spacing) * 4) !important;
    }
  }
  &::file-selector-button {
    @media (width >= 1024px) {
      line-height: 28px !important;
    }
  }
}
.file-wrapper {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  border-radius: 32px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 10);
  }
  .uploaded-file-label {
    font-family: var(--font-title);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    line-height: 40px;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    font-weight: 800;
  }
  .file-info-wrapper {
    gap: calc(var(--spacing) * 3);
    .file-info {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      @media (width >= 1024px) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
      }
      @media (width >= 1024px) {
        line-height: 28px;
      }
    }
  }
}
input.form-color.form-color-medium {
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
}
input.form-color.form-color-output {
  height: calc(var(--spacing) * 10);
  width: calc(100% - 40px);
}
.select2-container--default {
  .select2-selection--multiple {
    height: calc(var(--spacing) * 10);
    border-radius: 0;
    border-color: var(--color-black);
    .rounded-style & {
      border-radius: 24px;
    }
    .select2-selection__choice {
      border-radius: 0;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: var(--color-primary-50);
      color: var(--color-black);
      .rounded-style & {
        border-radius: 16px;
      }
    }
    .select2-search {
      display: none;
    }
  }
  .select2-results__options {
    padding: calc(var(--spacing) * 3);
    .select2-results__option {
      &.apply-before-bg {
        &::before {
          content: '';
          background-color: var(--color-white);
        }
      }
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 3);
      padding-block: 10px;
      &:hover {
        @media (hover: hover) {
          background-image: url(/themes/custom/campusbase/dist/7b58a072bd86e81e5143.svg);
        }
      }
      &:hover {
        @media (hover: hover) {
          background-size: 10px;
        }
      }
      &:hover {
        @media (hover: hover) {
          background-position: center right 12px;
        }
      }
      &:hover {
        @media (hover: hover) {
          background-repeat: no-repeat;
        }
      }
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #A7ADAE;
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
      &[aria-selected="true"] {
        &.apply-before-bg {
          &::before {
            content: '';
            background-color: var(--color-white);
          }
        }
        background-color: var(--color-white);
        background-image: url(/themes/custom/campusbase/dist/7b58a072bd86e81e5143.svg);
        background-size: 10px;
        background-position: center right 12px;
        background-repeat: no-repeat;
      }
    }
    .select2-results__option--highlighted {
      &.apply-before-bg {
        &::before {
          content: '';
          background-color: var(--color-white);
        }
      }
      background-color: var(--color-white);
      color: var(--color-black);
    }
  }
}
.select-style {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: 10px;
  padding-right: 34px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  .rounded-style & {
    border-radius: 24px;
  }
  color: var(--color-black);
  box-shadow: 0 0px 0px 1px var(--color-black) inset !important;
  background-image: url(/themes/custom/campusbase/dist/7b429909ce1f28ece118.svg);
  background-size: 10px;
  background-position: center right 1rem;
  &[multiple="multiple"] {
    max-height: 150px;
    width: 100%;
    overflow-y: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
    background-image: none;
    padding: calc(var(--spacing) * 3);
    --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;
    option {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #A7ADAE;
      &.apply-before-bg {
        &::before {
          content: '' !important;
          background-color: var(--color-white) !important;
        }
      }
      background-color: var(--color-white) !important;
      padding-inline: calc(var(--spacing) * 3);
      padding-block: 10px;
      padding-right: calc(var(--spacing) * 5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 2);
      line-height: calc(var(--spacing) * 2);
      line-height: 20px;
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
      @media (width >= 1024px) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
      }
      @media (width >= 1024px) {
        line-height: 24px;
      }
      &:hover {
        @media (hover: hover) {
          background-image: url(/themes/custom/campusbase/dist/7b58a072bd86e81e5143.svg);
        }
      }
      &:hover {
        @media (hover: hover) {
          background-size: 10px;
        }
      }
      &:hover {
        @media (hover: hover) {
          background-position: center right 12px;
        }
      }
      &:hover {
        @media (hover: hover) {
          background-repeat: no-repeat;
        }
      }
      &::active, &::focus, &:focus-visible {
        &.apply-before-bg {
          &::before {
            content: '' !important;
            background-color: var(--color-white) !important;
          }
        }
        background-color: var(--color-white) !important;
      }
      &:checked {
        background-image: url(/themes/custom/campusbase/dist/7b58a072bd86e81e5143.svg);
        background-size: 10px;
        background-position: center right 12px;
        background-repeat: no-repeat;
      }
    }
  }
  .archived-view & {
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
  }
}
textarea {
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 8);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  @media (width >= 1024px) {
    line-height: 28px;
  }
  .rounded-style & {
    border-radius: 16px;
  }
  + .text-count-wrapper {
    margin-top: calc(var(--spacing) * 2);
    text-align: right;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
.form-item--error-message {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.label-wrapper {
  margin-bottom: calc(var(--spacing) * 2);
}
.toggle-block {
  height: calc(var(--spacing) * 8);
  width: 52px;
}
.toggle-dot {
  top: calc(var(--spacing) * 1);
  left: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  &:is(:where(.peer):checked ~ *) {
    left: calc(var(--spacing) * 6);
  }
}
.webform-component {
  display: grid;
  gap: calc(var(--spacing) * 8);
  @media (width >= 1024px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 6);
  }
  .form-type-textarea, .form-actions, fieldset {
    grid-column: 1 / -1;
  }
  .form-actions {
    input {
      width: 100%;
      @media (width >= 768px) {
        width: auto;
      }
    }
  }
}
.figcaption, .transcription-text {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: calc(var(--spacing) * 1);
  line-height: calc(var(--spacing) * 1);
  line-height: 16px;
  &.video-transcription-text {
    margin-top: calc(var(--spacing) * 2);
  }
}
.figcaption {
  margin-top: calc(var(--spacing) * 2);
  &-full {
    .layout-full & {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
}
.image-description-wrapper, .description-wrapper {
  margin-top: calc(var(--spacing) * 2);
  &-full {
    .layout-full & {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .image-description-text {
    margin-top: calc(var(--spacing) * 2);
  }
}
.transcription-button {
  gap: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
}
.label-style {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 1px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.label-icon-wrapper {
  gap: calc(var(--spacing) * 4);
}
.label-icon-style {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
  line-height: 24px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  font-weight: 400;
  color: var(--color-black);
}
.link-style {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  &.medium {
    @media (width >= 1024px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      line-height: 24px;
    }
  }
  &.large {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .link-underline {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    background-size: 0% 1px;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: calc(var(--spacing) * 1);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-size: 100% 1px;
      }
    }
    &:hover {
      @media (hover: hover) {
        background-size: 100% 1px;
      }
    }
  }
}
.heading-link, .link-style {
  background-image: none !important;
}
.user-reset-password-link {
  display: inline-flex;
  gap: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-brand-primary);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: currentcolor;
  --tw-gradient-to: currentcolor;
  --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));
  background-size: 100% 2px;
  background-position: right bottom;
  background-repeat: no-repeat;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 250ms;
  transition-duration: 250ms;
  &:hover {
    @media (hover: hover) {
      background-size: 0% 2px;
    }
  }
}
.ck-content a {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: currentcolor;
  --tw-gradient-to: currentcolor;
  --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));
}
.logo {
  height: calc(var(--spacing) * 12) !important;
}
.text-slogan {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.svg-size {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  min-width: calc(var(--spacing) * 4);
  &.default-responsive {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    min-width: calc(var(--spacing) * 3);
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      min-width: calc(var(--spacing) * 4);
    }
  }
  &.xsmall {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 2);
  }
  &.small {
    height: 10px;
    width: 10px;
    min-width: 10px;
  }
  &.medium-responsive {
    height: 10px;
    width: 10px;
    min-width: 10px;
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      min-width: calc(var(--spacing) * 3);
    }
  }
  &.medium {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    min-width: calc(var(--spacing) * 3);
  }
  &.medium-big {
    height: 14px;
    width: 14px;
    min-width: 14px;
  }
  &.medium-responsive {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 2);
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      min-width: calc(var(--spacing) * 3);
    }
  }
  &.xlarge {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
  }
  &.xxlarge {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    min-width: calc(var(--spacing) * 6);
  }
  &.huge {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 6);
    }
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 6);
    }
    @media (width >= 1024px) {
      min-width: calc(var(--spacing) * 6);
    }
  }
}
.accessibility-legend-style {
  margin-bottom: calc(var(--spacing) * 2);
  display: inline-block;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.accordion-item {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  .rounded-style & {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .accordion-header {
    .accordion-headline {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 2);
      line-height: calc(var(--spacing) * 2);
      line-height: 20px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      @media (width >= 1024px) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
      }
      @media (width >= 1024px) {
        line-height: 24px;
      }
    }
    button {
      .accordion-button-inner {
        gap: calc(var(--spacing) * 6);
        @media (width >= 1024px) {
          gap: calc(var(--spacing) * 10);
        }
      }
    }
  }
  .accordion-content {
    margin-top: calc(var(--spacing) * 2);
    padding-right: 36px;
    @media (width >= 1024px) {
      padding-right: 56px;
    }
  }
  .accordion-count {
    margin-left: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: var(--radius-3xl);
    padding-inline: calc(var(--spacing) * 1);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .accordion-text {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
}
.accordion-list-item {
  &:last-child {
    .accordion-item {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
}
.alert-wrapper {
  margin-block: calc(var(--spacing) * 5);
  max-width: 72rem;
}
.alert-style {
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 2px;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 8);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 6);
  }
}
.button-group-wrapper {
  margin-top: calc(var(--spacing) * 8);
  gap: calc(var(--spacing) * 4);
}
.default-image-svg {
  .svg-path {
    display: none;
    &.trapeze-path {
      .trapeze-style & {
        display: block !important;
      }
    }
    &.rectangle-path {
      .rectangle-style & {
        display: block !important;
      }
    }
    &.rounded-path {
      .rounded-style & {
        display: block !important;
      }
    }
  }
}
.card {
  border-style: var(--tw-border-style);
  border-width: 1px;
  .card-inner-padding {
    padding: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
    .card-inner {
      gap: calc(var(--spacing) * 10);
      .card-content {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
      .card-button {
        margin-top: calc(var(--spacing) * 4);
      }
    }
    .card-type {
      position: absolute;
      top: calc(var(--spacing) * 6);
      left: calc(var(--spacing) * 6);
      z-index: 2;
    }
  }
  &.a-la-une {
    .card-inner-padding {
      @media (width >= 1024px) {
        padding: calc(var(--spacing) * 10);
      }
      .card-inner {
        gap: calc(var(--spacing) * 4);
        @media (width >= 1024px) {
          gap: calc(var(--spacing) * 8);
        }
        .card-content {
          :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
          }
          @media (width >= 1024px) {
            :where(& > :not(:last-child)) {
              --tw-space-y-reverse: 0;
              margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
              margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
            }
          }
          h3 {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
            --tw-leading: calc(var(--spacing) * 7);
            line-height: calc(var(--spacing) * 7);
            line-height: 40px;
            @media (width >= 1024px) {
              font-size: var(--text-4xl);
              line-height: var(--tw-leading, var(--text-4xl--line-height));
            }
            @media (width >= 1024px) {
              --tw-leading: calc(var(--spacing) * 8);
              line-height: calc(var(--spacing) * 8);
            }
            @media (width >= 1024px) {
              line-height: 48px;
            }
          }
        }
        .card-type {
          @media (width >= 1024px) {
            top: calc(var(--spacing) * 10);
          }
          @media (width >= 1024px) {
            left: calc(var(--spacing) * 10);
          }
        }
      }
      .a-la-une-text {
        margin-bottom: calc(var(--spacing) * 4);
        font-family: var(--font-serif);
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
        --tw-leading: calc(var(--spacing) * 9);
        line-height: calc(var(--spacing) * 9);
        line-height: 56px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        @media (width >= 1024px) {
          margin-bottom: calc(var(--spacing) * 8);
        }
        @media (width >= 1024px) {
          font-size: var(--text-5xl);
          line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 10);
          line-height: calc(var(--spacing) * 10);
        }
        @media (width >= 1024px) {
          line-height: 64px;
        }
      }
    }
    &.card-list {
      .card-inner-padding {
        .card-inner {
          gap: calc(var(--spacing) * 10);
          @media (width >= 1024px) {
            gap: calc(var(--spacing) * 8);
          }
          .card-content {
            h3 {
              font-size: var(--text-xl);
              line-height: var(--tw-leading, var(--text-xl--line-height));
              --tw-leading: calc(var(--spacing) * 4);
              line-height: calc(var(--spacing) * 4);
              line-height: 28px;
              @media (width >= 1024px) {
                font-size: var(--text-5xl);
                line-height: var(--tw-leading, var(--text-5xl--line-height));
              }
              @media (width >= 1024px) {
                --tw-leading: calc(var(--spacing) * 9);
                line-height: calc(var(--spacing) * 9);
              }
              @media (width >= 1024px) {
                line-height: 56px;
              }
            }
          }
        }
      }
    }
  }
}
.card-agenda {
  .card-agenda-date {
    height: auto;
    width: 134px;
    padding: calc(var(--spacing) * 6);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .card-agenda-month {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .card-agenda-info {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }
  .card-agenda-text {
    margin-top: calc(var(--spacing) * 4);
  }
  .card-agenda-vertical {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .card-type {
    position: absolute;
    top: calc(var(--spacing) * 6);
    left: calc(var(--spacing) * 6);
    z-index: 2;
  }
}
.card-contact {
  &.with-padding {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .card-contact-image {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    min-width: calc(var(--spacing) * 16);
    padding: 6px;
    @media (width >= 1024px) {
      height: 85px;
    }
    @media (width >= 1024px) {
      width: 85px;
    }
    @media (width >= 1024px) {
      min-width: 85px;
    }
    .media-container {
      height: 100%;
      width: auto;
      img {
        height: 100%;
        width: auto;
        object-fit: contain;
      }
    }
  }
}
.card-overlay {
  .card-overlay-inner {
    padding: calc(var(--spacing) * 8);
  }
}
.card-tile {
  overflow: hidden;
  .rounded-style & {
    border-radius: 32px;
  }
  &.image-right {
    @media (width >= 1024px) {
      .trapeze-style & {
        clip-path: polygon(0 0, 100% 0, calc(100% - 112px) 100%, 0 100%);
      }
    }
  }
  &.image-left {
    @media (width >= 1024px) {
      .trapeze-style & {
        clip-path: polygon(112px 0, 100% 0, 100% 100%, 0 100%);
      }
    }
  }
  .card-tile-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      height: 100%;
    }
    @media (width >= 1024px) {
      min-height: 273px;
    }
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .card-tile-image {
    height: 455px;
    overflow: hidden;
    @media (width >= 768px) {
      height: 100%;
    }
    @media (width >= 768px) {
      min-height: 273px;
    }
    @media (width >= 768px) {
      width: 207px;
    }
    @media (width >= 768px) {
      min-width: 207px;
    }
    img {
      height: 100%;
      min-height: 273px;
      width: 100%;
      @media (width >= 768px) {
        width: 207px;
      }
      @media (width >= 768px) {
        min-width: 207px;
      }
    }
  }
}
.card-profile {
  .card-profile-inner-bottom, .card-profile-inner-top {
    padding: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .card-profile-inner-bottom {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-primary-100);
  }
}
.card-project {
  &:not(.card-project-archive) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
    gap: calc(var(--spacing) * 10);
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  &.card-project-archive {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .card-project-content {
    .card-date {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      @media (width >= 1024px) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
      }
      @media (width >= 1024px) {
        line-height: 28px;
      }
    }
  }
  .card-project-image {
    width: 100%;
    padding: calc(var(--spacing) * 3);
    @media (width >= 1024px) {
      min-height: 134px;
    }
    @media (width >= 1024px) {
      width: 175px;
    }
    @media (width >= 1024px) {
      min-width: 175px;
    }
  }
}
.card-formation {
  row-gap: calc(var(--spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    row-gap: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  .card-formation-content {
    gap: calc(var(--spacing) * 4);
    .card-description {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      @media (width >= 1024px) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
      }
      @media (width >= 1024px) {
        line-height: 28px;
      }
    }
  }
}
.card-search {
  row-gap: calc(var(--spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    row-gap: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  .card-date {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
  }
  .card-description {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    line-height: 28px;
  }
}
.card-search-profile {
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 8);
  }
  .card-function-info {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .card-description {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .card-search-profile-image {
    width: 100%;
    @media (width >= 1024px) {
      width: 175px;
    }
    @media (width >= 1024px) {
      min-width: 175px;
    }
  }
  .card-description-wrapper {
    padding: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
  }
}
.question-wrapper {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  .question-legend {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .question-content {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .circle-width {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
  }
  .percentage-text {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.document-link {
  padding: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 6);
  }
  .document-file-type {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
  }
}
.document-block {
  padding: calc(var(--spacing) * 10);
  .document-description {
    margin-top: calc(var(--spacing) * 2);
  }
  .document-file-type-wrapper {
    margin-top: calc(var(--spacing) * 2);
    .document-file-type {
      margin-top: calc(var(--spacing) * 0);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
    }
  }
}
.hero-wrapper {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 10);
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 12);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 14);
  }
  @media (width >= 1024px) {
    padding-top: calc(var(--spacing) * 18);
  }
  @media (width >= 1248px) {
    padding-inline: calc(var(--spacing) * 20);
  }
  @media (width >= 1248px) {
    padding-block: calc(var(--spacing) * 24);
  }
  .hero-heading {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    line-height: 40px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-wrap: balance;
    @media (width >= 1024px) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 11);
      line-height: calc(var(--spacing) * 11);
    }
    @media (width >= 1024px) {
      line-height: 72px;
    }
  }
  .hero-text {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .hero-reserve-text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
    line-height: 16px;
  }
  .hero-date {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
    line-height: 16px;
  }
  .hero-homepage & {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 10);
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 12);
    }
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 12);
    }
    @media (width >= 1248px) {
      padding-inline: calc(var(--spacing) * 20);
    }
    @media (width >= 1248px) {
      padding-block: calc(var(--spacing) * 48);
    }
    .hero-text {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      line-height: 32px;
      @media (width >= 1024px) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8);
      }
      @media (width >= 1024px) {
        line-height: 48px;
      }
    }
    .hero-heading {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
      --tw-leading: calc(var(--spacing) * 11);
      line-height: calc(var(--spacing) * 11);
      line-height: 72px;
      text-wrap: wrap;
      @media (width >= 1024px) {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 13);
        line-height: calc(var(--spacing) * 13);
      }
      @media (width >= 1024px) {
        line-height: 88px;
      }
      @media (width >= 1248px) {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--line-height));
      }
      @media (width >= 1248px) {
        --tw-leading: calc(var(--spacing) * 15);
        line-height: calc(var(--spacing) * 15);
      }
      @media (width >= 1248px) {
        line-height: 104px;
      }
      .second-headline {
        margin-top: calc(var(--spacing) * -8);
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
        --tw-leading: calc(var(--spacing) * 15);
        line-height: calc(var(--spacing) * 15);
        line-height: 104px;
        @media (width >= 1024px) {
          font-size: var(--text-7xl);
          line-height: var(--tw-leading, var(--text-7xl--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 15);
          line-height: calc(var(--spacing) * 15);
        }
        @media (width >= 1024px) {
          line-height: 104px;
        }
        @media (width >= 1248px) {
          font-size: var(--text-8xl);
          line-height: var(--tw-leading, var(--text-8xl--line-height));
        }
        @media (width >= 1248px) {
          --tw-leading: calc(var(--spacing) * 17);
          line-height: calc(var(--spacing) * 17);
        }
        @media (width >= 1248px) {
          line-height: 128px;
        }
      }
    }
  }
}
.hero-hp-site {
  .hero-hp-site-content {
    padding-block: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 20);
    .hero-hp-site-heading {
      font-family: var(--font-serif);
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
      --tw-leading: calc(var(--spacing) * 11);
      line-height: calc(var(--spacing) * 11);
      line-height: 72px;
      @media (width >= 1024px) {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 13);
        line-height: calc(var(--spacing) * 13);
      }
      @media (width >= 1024px) {
        line-height: 88px;
      }
      @media (width >= 1248px) {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--line-height));
      }
      @media (width >= 1248px) {
        --tw-leading: calc(var(--spacing) * 15);
        line-height: calc(var(--spacing) * 15);
      }
      @media (width >= 1248px) {
        line-height: 104px;
      }
    }
    .hero-hp-site-text {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      @media (width >= 1024px) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7);
      }
      @media (width >= 1024px) {
        line-height: 40px;
      }
    }
  }
}
.hero-with-padding {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 10);
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 12);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 12);
  }
  @media (width >= 1248px) {
    padding-inline: calc(var(--spacing) * 20);
  }
  @media (width >= 1248px) {
    padding-block: calc(var(--spacing) * 24);
  }
}
.information-banner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  padding: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    flex-direction: row;
  }
  @media (width >= 1024px) {
    align-items: center;
  }
  @media (width >= 1024px) {
    justify-content: space-between;
  }
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 20);
  }
  .information-banner-heading {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    font-weight: 400;
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .close-icon {
    margin-left: calc(var(--spacing) * 4);
  }
}
.key-number {
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  .key-number-image {
    max-width: calc(var(--spacing) * 20);
    @media (width >= 1024px) {
      max-width: 128px;
    }
  }
  .key-number-content {
    :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)));
    }
    .key-number-heading {
      font-family: var(--font-serif);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
      line-height: 56px;
      @media (width >= 1024px) {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 17);
        line-height: calc(var(--spacing) * 17);
      }
      @media (width >= 1024px) {
        line-height: 128px;
      }
    }
    .key-number-text {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 2);
      line-height: calc(var(--spacing) * 2);
      line-height: 20px;
      @media (width >= 1024px) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
      }
      @media (width >= 1024px) {
        line-height: 28px;
      }
    }
  }
}
.label-icon-list {
  &.with-bg {
    padding: calc(var(--spacing) * 4);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 8);
    }
  }
}
.language-select-wrapper {
  button {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: capitalize;
    .language-select-button-inner {
      gap: calc(var(--spacing) * 2);
    }
  }
  .language-select-dropdown {
    a {
      padding: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 2);
      line-height: calc(var(--spacing) * 2);
      line-height: 20px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
}
.featured-link {
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 12);
  }
}
.info-banner {
  border-style: var(--tw-border-style);
  border-width: 0px;
  color: var(--color-white);
  &.info-banner--info {
    &.apply-before-bg {
      &::before {
        content: '';
        background-color: var(--color-brand-primary);
      }
    }
    background-color: var(--color-brand-primary);
  }
  &.info-banner--alert {
    background-color: var(--color-magenta);
  }
  .info-banner__icon {
    display: none;
  }
  .info-banner__content {
    margin-inline: auto;
    max-width: 100rem;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 8);
    }
    &:has(.info-banner__close) {
      padding-right: 64px;
    }
    .info-banner__body {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      @media (width >= 1024px) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
      }
      @media (width >= 1024px) {
        line-height: 28px;
      }
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      @media (width >= 1024px) {
        flex-wrap: nowrap;
      }
      @media (width >= 1024px) {
        gap: calc(var(--spacing) * 4);
      }
      > p {
        margin-bottom: calc(var(--spacing) * 0);
        &:has(a) {
          margin-left: auto;
        }
      }
      .badge {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: calc(var(--spacing) * 2) !important;
        line-height: calc(var(--spacing) * 2) !important;
        line-height: 20px !important;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: 1px;
        letter-spacing: 1px;
        text-transform: uppercase;
        @media (width >= 1024px) {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
        }
      }
      a {
        display: inline;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-white);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        &:hover {
          @media (hover: hover) {
            border-bottom-color: transparent;
          }
        }
        background-image: url(/themes/custom/campusbase/dist/bee4dc09177c867e9f64.svg);
        background-size: 10px;
        background-position: right 0 center;
        background-repeat: no-repeat;
        padding-right: calc(var(--spacing) * 4);
        @media (width >= 1024px) {
          background-size: 16px;
        }
        @media (width >= 1024px) {
          padding-right: calc(var(--spacing) * 6);
        }
      }
    }
    .info-banner__close {
      top: 30px;
      right: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 8);
      min-height: calc(var(--spacing) * 8);
      width: calc(var(--spacing) * 8);
      min-width: 2rem;
      min-width: calc(var(--spacing) * 8);
      border-radius: 0;
      padding: calc(var(--spacing) * 0);
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
      &:hover {
        @media (hover: hover) {
          opacity: 70%;
        }
      }
      &:before {
        height: 100%;
        width: 100%;
        background-image: url(/themes/custom/campusbase/dist/75f9c24ca57d917ea433.svg);
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        font-size: 0px;
      }
    }
  }
}
.logo-infos {
  gap: calc(var(--spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  .footer & {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .footer & {
    padding: calc(var(--spacing) * 0);
  }
  .logo-image {
    height: 94px !important;
    min-height: 94px;
    width: 123px !important;
    min-width: 123px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    .footer & {
      height: 60px !important;
    }
    .footer & {
      width: auto !important;
    }
    .footer & {
      max-width: 90px;
    }
    .footer & {
      min-width: calc(var(--spacing) * 0);
    }
    .footer & {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
    .footer & {
      padding: calc(var(--spacing) * 0);
    }
    .footer & {
      @media (width >= 768px) {
        height: 60px !important;
      }
    }
    * {
      height: 100%;
    }
    img {
      margin-inline: auto;
    }
    &.logo-image-centered {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
    }
  }
}
.person {
  padding: calc(var(--spacing) * 5);
  .person-headline {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      line-height: 28px;
    }
  }
  .person-image {
    width: 63px;
    min-width: 63px;
    @media (width >= 1024px) {
      width: 94px;
    }
    @media (width >= 1024px) {
      min-width: 94px;
    }
  }
}
.textbox {
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
}
.pager--dropdown {
  .pager__dropdown-button {
    gap: calc(var(--spacing) * 2) !important;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: 10px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    line-height: 20px;
    box-shadow: 0 0px 0px 1px var(--color-black) inset;
    @media (width >= 1024px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 1024px) {
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      line-height: 24px;
    }
    clip-path: none;
  }
}
.inline-menu {
  gap: calc(var(--spacing) * 4);
  .menu-popup & {
    @media (width >= 1024px) {
      justify-content: space-between;
    }
  }
  li {
    &.show-in-header {
      @media (width >= 1024px) {
        display: block;
      }
      .menu-popup & {
        @media (width >= 1024px) {
          display: none;
        }
      }
    }
    &.show-in-popup {
      @media (width >= 1024px) {
        display: none;
      }
      .menu-popup & {
        @media (width >= 1024px) {
          display: block;
        }
      }
    }
    .inline-menu-link {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 2);
      line-height: calc(var(--spacing) * 2);
      line-height: 20px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      @media (width >= 1024px) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
      }
      @media (width >= 1024px) {
        line-height: 24px;
      }
      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));
      &:hover {
        @media (hover: hover) {
          color: var(--color-brand-primary);
        }
      }
      .footer & {
        &:hover {
          @media (hover: hover) {
            color: var(--color-white);
          }
        }
      }
      .footer & {
        &:hover {
          @media (hover: hover) {
            opacity: 70%;
          }
        }
      }
    }
  }
  .inline-block-menu & {
    flex-direction: column !important;
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    li {
      .inline-menu-link {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
        line-height: 24px;
        @media (width >= 1024px) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 4);
          line-height: calc(var(--spacing) * 4);
        }
        @media (width >= 1024px) {
          line-height: 28px;
        }
      }
      &:has(.menu-button) {
        width: 100%;
      }
    }
  }
  .big-inline-menu & {
    gap: calc(var(--spacing) * 8);
    li {
      .inline-menu-link {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
        line-height: 28px;
      }
    }
  }
}
.menu-accordion {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  li {
    .menu-accordion-link, .menu-accordion-toggle {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      @media (width >= 1024px) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
      }
      @media (width >= 1024px) {
        line-height: 28px;
      }
    }
    .menu-accordion__submenu {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-top: calc(var(--spacing) * 8);
      .submenu-accordion-link, .menu-accordion__item--parent a {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: calc(var(--spacing) * 2);
        line-height: calc(var(--spacing) * 2);
        line-height: 20px;
        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));
        &:hover {
          @media (hover: hover) {
            color: var(--color-brand-primary);
          }
        }
        @media (width >= 1024px) {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 3);
          line-height: calc(var(--spacing) * 3);
        }
        @media (width >= 1024px) {
          line-height: 24px;
        }
      }
    }
  }
}
.footer-menu {
  gap: calc(var(--spacing) * 8);
  .footer-menu-first-level {
    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));
    &:not(.menu-button) {
      display: inline-flex;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      font-weight: 400;
      &:hover {
        @media (hover: hover) {
          opacity: 70%;
        }
      }
    }
    &.with-below {
      margin-bottom: calc(var(--spacing) * 4);
      @media (width >= 1024px) {
        margin-bottom: calc(var(--spacing) * 6);
      }
    }
  }
  .footer-menu-below {
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  li:has(.footer-button) {
    margin-bottom: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 0);
  }
}
.lateral-menu {
  .lateral-menu-dropdown {
    @media (width >= 1024px) {
      width: 272px;
    }
    .lateral-menu-list {
      :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)));
      }
    }
    .lateral-menu-button {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      &:before {
        top: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        width: calc(var(--spacing) * 0.5);
      }
      .lateral-menu-button-icon {
        margin-left: calc(var(--spacing) * 2);
      }
    }
    .lateral-menu-link {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
      line-height: 28px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .lateral-menu-list-items {
    :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)));
    }
    padding-block: calc(var(--spacing) * 2);
  }
}
.mega-submenu-link {
  padding: calc(var(--spacing) * 6);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  line-height: 28px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 4);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 2);
  }
  @media (width >= 1024px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  &.second-level-entry {
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 15) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    + button {
      margin-inline: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 10);
      width: 36px;
      @media (width >= 1024px) {
        margin-inline: calc(var(--spacing) * 0);
      }
      @media (width >= 1024px) {
        height: 36px;
      }
    }
  }
}
.mega-menu-link {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  background-size: 100% 2px;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 6);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  line-height: 28px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  @media (width >= 1024px) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 0);
  }
  @media (width >= 1024px) {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  @media (width >= 1024px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  @media (width >= 1024px) {
    line-height: 24px;
  }
  > div > button, &.dropdown-with-link {
    gap: calc(var(--spacing) * 2);
  }
  &-underline {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          background-size: 100% 2px;
        }
      }
    }
    &-active {
      @media (width >= 1024px) {
        background-size: 100% 2px;
      }
    }
  }
  &-active {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 1024px) {
      background-size: 100% 2px;
    }
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 0.5);
    }
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          background-size: 0% 2px;
        }
      }
    }
  }
}
.drilldown-sub {
  display: none;
  @media (width >= 1024px) {
    display: block;
  }
}
.drilldown-sub-submenu {
  padding-top: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    left: 458px;
  }
  @media (width >= 1024px) {
    width: calc(100% - 458px);
  }
  @media (width >= 1024px) {
    padding-top: calc(var(--spacing) * 0);
  }
}
.drilldown-sub-below {
  min-height: 225px;
  padding-top: calc(var(--spacing) * 0);
  @media (width >= 1024px) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 16);
  }
}
.drilldown-back {
  a {
    border-color: var(--color-brand-primary);
    padding: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
.drilldown-root {
  @media (width >= 1024px) {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
}
.block-menu-title {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  line-height: 32px;
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  font-weight: 800;
  @media (width >= 1024px) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  @media (width >= 1024px) {
    line-height: 40px;
  }
}
.block-menu-text {
  & > * {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  & > * {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  & > * {
    line-height: 28px;
  }
}
.block-menu-cell {
  ul {
    li {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
      @media (width >= 1024px) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
}
.primary-submenu {
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 2);
  }
  &-level-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-secondary-900);
    @media (width >= 1024px) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
}
.primary-submenu-link {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  line-height: 28px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 4);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 2);
  }
  @media (width >= 1024px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  @media (width >= 1024px) {
    line-height: 24px;
  }
  &.not-first-level {
    text-transform: none;
  }
}
.primary-menu-link {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 6);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  line-height: 28px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  @media (width >= 1024px) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 0);
  }
  @media (width >= 1024px) {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  @media (width >= 1024px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  @media (width >= 1024px) {
    line-height: 24px;
  }
}
.primary-menu-link-active {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  @media (width >= 1024px) {
    background-size: 100% 2px;
  }
  @media (width >= 1024px) {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  @media (width >= 1024px) {
    &:hover {
      @media (hover: hover) {
        background-size: 0% 2px;
      }
    }
  }
}
.primary-menu-link-underline {
  @media (width >= 1024px) {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-size: 100% 2px;
      }
    }
  }
  @media (width >= 1024px) {
    &:hover {
      @media (hover: hover) {
        background-size: 100% 2px;
      }
    }
  }
}
.sitemap-menu {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.sitemap-submenu {
  margin-top: calc(var(--spacing) * 3);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  padding-left: calc(var(--spacing) * 6);
}
.sitemap-links {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  @media (width >= 1024px) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  &-level-1 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    @media (width >= 1024px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  &-level-2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    @media (width >= 1024px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  &-common {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
.menu-social {
  gap: calc(var(--spacing) * 4);
  svg {
    .footer & {
      height: calc(var(--spacing) * 6);
    }
    .footer & {
      width: calc(var(--spacing) * 6);
    }
    .footer & {
      min-width: calc(var(--spacing) * 6);
    }
  }
}
.tabs-menu {
  padding-inline: calc(var(--spacing) * 6);
  .tab-entry {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    &.active-entry-extra-classes, &.entry-extra-classes {
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
    }
  }
}
.modal-layout {
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 480px) {
    padding: calc(var(--spacing) * 0);
  }
  .modal-inner {
    margin-inline: calc(var(--spacing) * 6);
    margin-block: calc(var(--spacing) * 20);
    width: 100%;
    max-width: 768px;
    border-radius: 24px;
    padding: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 10);
    }
    &.no-style {
      margin-block: calc(var(--spacing) * 10);
      max-width: 768px !important;
      border-radius: 0;
      padding: calc(var(--spacing) * 0);
    }
    .modal-header {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    .modal-content, .modal-button {
      margin-top: calc(var(--spacing) * 4);
      @media (width >= 1024px) {
        margin-top: calc(var(--spacing) * 6);
      }
    }
  }
}
.image-popup {
  img {
    .rounded-style & {
      border-radius: 32px;
    }
  }
}
.modal-mobile {
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 5);
  padding-bottom: 30px;
  .modal-mobile-header {
    margin-bottom: 18px;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
    padding-bottom: 18px;
  }
  .modal-mobile-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: currentcolor;
  }
}
.pagination-items {
  gap: calc(var(--spacing) * 2);
  .pagination-link {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: var(--radius-3xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    font-weight: 800;
    @media (width >= 768px) {
      height: calc(var(--spacing) * 12);
    }
    @media (width >= 768px) {
      width: calc(var(--spacing) * 12);
    }
    @media (width >= 768px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .pagination-ellipses {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    @media (width >= 768px) {
      height: calc(var(--spacing) * 12);
    }
    @media (width >= 768px) {
      width: calc(var(--spacing) * 12);
    }
  }
}
.profile-preview {
  gap: calc(var(--spacing) * 4);
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 8);
  }
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  .profile-preview-content {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    @media (width >= 1024px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .profile-preview-author {
      padding: calc(var(--spacing) * 6);
      @media (width >= 1024px) {
        padding: calc(var(--spacing) * 8);
      }
      .rounded-style & {
        overflow: hidden;
      }
      .rounded-style & {
        border-radius: 24px;
      }
      .profile-preview-subtitle {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
        line-height: 24px;
        @media (width >= 1024px) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 4);
          line-height: calc(var(--spacing) * 4);
        }
        @media (width >= 1024px) {
          line-height: 28px;
        }
      }
    }
  }
}
.progress-bar {
  height: 2px;
}
.preheadline {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
  line-height: 24px;
}
.swiper-navigation {
  margin-top: calc(var(--spacing) * 6);
  display: flex;
  gap: calc(var(--spacing) * 4);
}
.filters-container {
  padding: calc(var(--spacing) * 6);
}
.step-number, .next-step {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
  line-height: 24px;
}
.next-step {
  margin-top: calc(var(--spacing) * 4);
}
.step-headline {
  margin-top: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.steps-wrapper {
  margin-top: calc(var(--spacing) * 4);
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.step {
  height: 11px;
}
.summary-block {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 768px) {
    padding: calc(var(--spacing) * 10);
  }
  .summary-text {
    margin-top: calc(var(--spacing) * 6);
  }
}
.table-container {
  margin-top: calc(var(--spacing) * 4);
  @media (width >= 768px) {
    margin-top: calc(var(--spacing) * 8);
  }
}
.table-style-header {
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 4);
}
.table-style-header-title {
  gap: calc(var(--spacing) * 6);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: calc(var(--spacing) * 2);
  line-height: calc(var(--spacing) * 2);
  line-height: 20px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 1px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.table-style-body {
  gap: calc(var(--spacing) * 6);
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3);
  @media (width >= 768px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 768px) {
    padding-block: 18px;
  }
}
.toggle-list {
  .toggle-button {
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-3xl);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    .counter {
      border-radius: var(--radius-2xl);
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 1);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .styled-scroll {
    margin-top: calc(var(--spacing) * 1);
    border-radius: var(--radius-3xl);
    padding: 2px;
    @media (width >= 1024px) {
      max-width: 300px;
    }
    & > * {
      max-height: 240px;
    }
    & .form-item .has-label-text {
      padding-inline: calc(var(--spacing) * 6);
    }
    & .form-item .has-label-text {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .styled-scroll-mobile {
    @media screen and (max-width: 48rem) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
    @container (max-width: 48rem) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
    @media screen and (max-width: 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
    @container (max-width: 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
    @media screen and (max-width: 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
    @container (max-width: 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
    @media screen and (max-width: 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
    @container (max-width: 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
}
.quick-access {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  padding: calc(var(--spacing) * 8);
  @container (min-width: 56rem) {
    padding: calc(var(--spacing) * 12);
  }
  &.has-white-bg {
    padding: calc(var(--spacing) * 0) !important;
    .quick-access-list & {
      padding: calc(var(--spacing) * 8) !important;
    }
  }
}
.quick-access-div {
  background-color: var(--color-primary-50);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  line-height: 28px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  @media (width >= 1024px) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  @media (width >= 1024px) {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  @media (width >= 1024px) {
    line-height: 32px;
  }
  .trapeze-style & {
    padding-right: 46px;
  }
  .trapeze-style & {
    clip-path: polygon(0 0, 100% 0, calc(100% - 32px) 100%, 0 100%);
  }
  @media (width >= 1024px) {
    .trapeze-style & {
      padding-right: 74px;
    }
  }
  @media (width >= 1024px) {
    .trapeze-style & {
      clip-path: polygon(0 0, 100% 0, calc(100% - 44px) 100%, 0 100%);
    }
  }
  .rounded-style & {
    border-radius: 24px;
  }
}
.quick-access-list-card {
  &:nth-child(odd) {
    @media (width >= 1248px) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  &:first-child:last-child {
    @media (width >= 1248px) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
}
.grid-access-cards {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  @media (width >= 1024px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  row-gap: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    column-gap: calc(var(--spacing) * 8);
  }
  .trapeze-style & {
    @media (width >= 1024px) {
      grid-template-columns: 1fr 100px 1fr;
    }
    @media (width >= 1024px) {
      grid-template-rows: 48px auto 48px;
    }
    @media (width >= 1024px) {
      column-gap: calc(var(--spacing) * 0);
    }
    @media (width >= 1024px) {
      row-gap: calc(var(--spacing) * 0);
    }
    @media (width >= 1248px) {
      grid-template-columns: 1fr 32px 1fr;
    }
    @media (width >= 1248px) {
      grid-template-rows: 96px auto 96px;
    }
    > div {
      &:first-child {
        @media (width >= 1024px) {
          grid-column-start: 1;
        }
        @media (width >= 1024px) {
          grid-column-end: 3;
        }
        @media (width >= 1024px) {
          grid-row-start: 1;
        }
        @media (width >= 1024px) {
          grid-row-end: 3;
        }
        > .card-tile {
          @media (width >= 1024px) {
            .trapeze-style & {
              clip-path: polygon(0 0, 100% 0, calc(100% - 112px) 100%, 0 100%);
            }
          }
          .card-tile-image {
            .trapeze-style & {
              clip-path: polygon(0 0, 100% 0, calc(100% - 158px) 100%, 0 100%);
            }
          }
        }
      }
      &:last-child {
        @media (width >= 1024px) {
          grid-column-start: 2;
        }
        @media (width >= 1024px) {
          grid-column-end: 4;
        }
        @media (width >= 1024px) {
          grid-row-start: 2;
        }
        @media (width >= 1024px) {
          grid-row-end: 4;
        }
        &:not(:first-child) {
          > .card-tile {
            .card-tile-image {
              .trapeze-style & {
                clip-path: polygon(158px 0, 100% 0, 100% 100%, 0 100%);
              }
            }
          }
        }
      }
    }
  }
  > div {
    &:first-child {
      &:not(:last-child) {
        @media (width >= 1024px) {
          padding-bottom: calc(var(--spacing) * 8);
        }
        .trapeze-style & {
          @media (width >= 1024px) {
            padding-bottom: calc(var(--spacing) * 0);
          }
        }
      }
      > .card-tile {
        flex-direction: column;
        @media (width >= 768px) {
          flex-direction: row;
        }
      }
    }
    &:last-child {
      &:not(:first-child) {
        @media (width >= 1024px) {
          padding-top: calc(var(--spacing) * 8);
        }
        .trapeze-style & {
          @media (width >= 1024px) {
            padding-top: calc(var(--spacing) * 0);
          }
        }
      }
    }
  }
}
.callout {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  border-radius: 24px;
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 768px) {
    padding: calc(var(--spacing) * 10);
  }
  .callout-text {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.content-with-bg {
  padding-inline: calc(var(--spacing) * 6);
  padding-bottom: calc(var(--spacing) * 8);
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 1024px) {
    padding-block: calc(var(--spacing) * 24);
  }
  .card-content {
    width: 100%;
    max-width: 885px;
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 12);
    }
    @media (width >= 1248px) {
      padding-inline: calc(var(--spacing) * 20);
    }
    @media (width >= 1248px) {
      padding-block: calc(var(--spacing) * 24);
    }
    @media (width >= 1024px) {
      .trapeze-style & {
        padding-right: 100px;
      }
    }
    @media (width >= 1024px) {
      .trapeze-style & {
        clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%);
      }
    }
    @media (width >= 1248px) {
      .trapeze-style & {
        padding-right: 224px;
      }
    }
    @media (width >= 1248px) {
      .trapeze-style & {
        clip-path: polygon(0 0, 100% 0, calc(100% - 206px) 100%, 0 100%);
      }
    }
  }
}
.facets-list {
  border-radius: 24px;
  padding: calc(var(--spacing) * 4);
  .filters-text {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 1px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .filters-button {
    margin-block: calc(var(--spacing) * 4);
  }
}
.highlight {
  .highlight-image {
    @media (width >= 1248px) {
      margin-top: calc(50px * -1);
    }
    @media (width >= 1248px) {
      height: calc(100% + 100px);
    }
    .rounded-style & {
      margin-top: calc(var(--spacing) * 0) !important;
    }
    .rounded-style & {
      height: auto !important;
    }
    .rectangle-style & {
      margin-top: calc(var(--spacing) * 0) !important;
    }
    .rectangle-style & {
      height: auto !important;
    }
    .cq-image-wrapper, picture, img {
      height: 100%;
    }
  }
}
.swiper-a-la-une {
  @media (width >= 1024px) {
    margin-block: calc(var(--spacing) * 20);
  }
}
.iframe-wrapper {
  .iframe_title {
    margin-top: calc(var(--spacing) * 4);
  }
}
.newsletter {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  padding: calc(var(--spacing) * 10);
  .inscription {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    padding-right: calc(var(--spacing) * 12);
  }
}
.tabs-wrapper {
  padding: calc(var(--spacing) * 0);
  .tab-controls {
    padding: calc(var(--spacing) * 0);
    .tab-control {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  &.main-tabs {
    > .tab-controls {
      margin-bottom: calc(var(--spacing) * 6);
      @media (width >= 1024px) {
        margin-bottom: 112px;
      }
      >.tab-control {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        padding: calc(var(--spacing) * 4);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
        line-height: 24px;
        white-space: nowrap;
        @media (width >= 1024px) {
          padding: calc(var(--spacing) * 6);
        }
        @media (width >= 1024px) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 4);
          line-height: calc(var(--spacing) * 4);
        }
        @media (width >= 1024px) {
          line-height: 28px;
        }
      }
    }
  }
  &:not(.main-tabs) {
    .tab-controls {
      margin-bottom: calc(var(--spacing) * 6);
      @media (width >= 1024px) {
        margin-bottom: calc(var(--spacing) * 8);
      }
      .tab-control {
        padding-inline: calc(var(--spacing) * 4);
        padding-top: 13px;
        padding-bottom: 11px;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: calc(var(--spacing) * 1);
        line-height: calc(var(--spacing) * 1);
        line-height: 16px;
        white-space: nowrap;
        text-transform: uppercase;
      }
    }
  }
}
.map-container {
  aspect-ratio: var(--aspect-video);
  > div, .leaflet-container {
    height: 100% !important;
  }
}
.video-rich-class, .map-rich-class {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
  @media (width >= 1024px) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 10);
  }
}
@container (max-width: calc(36rem - 1px)) {
  .video-rich-class, .map-rich-class {
    padding-inline: calc(var(--spacing) * 0);
  }
}
@container (min-width: 36rem) {
  .video-rich-class, .map-rich-class {
    padding-inline: calc(var(--spacing) * 10);
  }
}
.publication {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
}
.mosaic-container {
  .button-wrapper {
    margin-top: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
}
.newsletter {
  .reseaux-inscription {
    gap: calc(var(--spacing) * 4);
  }
  .inscription {
    margin-right: calc(var(--spacing) * 12);
    .inscription-title, .inscription-form, .inscription-form-text {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .inscriptionRS-text {
    margin-top: calc(var(--spacing) * 4);
  }
}
.sitemap {
  .sitemap-message {
    margin-bottom: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
}
.semester-paragraph {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary-100);
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 8);
  }
  .rounded-style & {
    border-radius: 32px;
  }
}
.text-image-wrapper {
  :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)));
  }
  @media (width >= 1024px) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  &.with-image-left {
    margin-top: calc(var(--spacing) * 4);
  }
  &.with-image-right {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .headline-label-wrapper {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.map-rich-class {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
  @media (width >= 1024px) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
}
.steps-list {
  .counter {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
    counter-reset: item;
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .counter-item {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-left: 59px;
    @media (width >= 1024px) {
      min-height: 230px;
    }
    @media (width >= 1024px) {
      padding-left: 160px;
    }
    counter-increment: item;
    &::before {
      display: flex;
    }
    &::before {
      align-items: center;
    }
    &::before {
      font-family: var(--font-serif);
    }
    &::before {
      font-size: 128px;
    }
    &::before {
      --tw-leading: calc(var(--spacing) * 18);
      line-height: calc(var(--spacing) * 18);
    }
    &::before {
      line-height: 136px;
    }
    @media (width >= 1024px) {
      &::before {
        height: 230px;
      }
    }
    @media (width >= 1024px) {
      &::before {
        font-size: 268px;
      }
    }
    @media (width >= 1024px) {
      &::before {
        --tw-leading: 268px;
        line-height: 268px;
      }
    }
    &::before {
      position: absolute;
    }
    &::before {
      top: calc(var(--spacing) * -2);
    }
    &::before {
      left: calc(var(--spacing) * 0);
    }
    @media (width >= 1024px) {
      &::before {
        top: calc(var(--spacing) * -12);
      }
    }
    &:before {
      content: counter(item) ".";
    }
  }
}
.default-content-spacing {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 1024px) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.header-inner {
  padding: calc(var(--spacing) * 6);
  @media (width >= 1024px) {
    padding: calc(var(--spacing) * 0);
  }
  .header-inner-top, .header-inner-bottom {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 20);
    }
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .header-inner-bottom {
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 6);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    @media (width >= 1024px) {
      position: relative;
    }
    @media (width >= 1024px) {
      top: unset;
    }
    @media (width >= 1024px) {
      right: unset;
    }
    @media (width >= 1024px) {
      --tw-translate-y: none;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
ul.ui-autocomplete.ui-front {
  z-index: 120;
}
div#block-campusbase-mainnavigation .contextual {
  right: auto;
}
.cart-table-view {
  table {
    width: 100%;
    thead {
      display: none;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-primary-100);
      padding-bottom: calc(var(--spacing) * 6);
      @media (width >= 1024px) {
        display: table-header-group !important;
      }
      tr {
        th {
          padding-inline: calc(var(--spacing) * 6);
          padding-block: calc(var(--spacing) * 4);
          @media (width >= 1024px) {
            padding-inline: calc(var(--spacing) * 8);
          }
          &:first-child {
            text-align: left;
          }
          &:last-child {
            text-align: right;
          }
        }
      }
    }
    tbody {
      tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        &:nth-child(even) {
          background-color: var(--color-primary-50);
        }
        @media (width >= 1024px) {
          display: table-row !important;
        }
        td {
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 2);
          text-align: center;
          @media (width >= 1024px) {
            padding-inline: calc(var(--spacing) * 8);
          }
          @media (width >= 1024px) {
            padding-block: calc(var(--spacing) * 4);
          }
          &:first-child {
            text-align: left;
          }
          &:last-child {
            text-align: right;
          }
          input.delete-order-item {
            margin-inline: auto;
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
            border-radius: 0;
            --tw-border-style: none;
            border-style: none;
            &.apply-before-bg {
              &::before {
                content: '';
                background-color: var(--color-brand-primary);
              }
            }
            background-color: var(--color-brand-primary);
            mask-image: url(/themes/custom/campusbase/dist/30af659c3185984814a3.svg);
            mask-size: contain;
            mask-position: center;
            mask-repeat: no-repeat;
            padding: calc(var(--spacing) * 0);
            text-indent: calc(9999px * -1);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            &:hover {
              @media (hover: hover) {
                opacity: 70%;
              }
            }
            clip-path: none;
          }
          &.views-field-purchased-entity, &.views-field-unit-price__number {
            max-width: 100%;
            flex: 0 0 100%;
            text-align: left;
            @media (width >= 1024px) {
              text-align: center;
            }
          }
          &.views-field-edit-quantity {
            .label-wrapper {
              display: none;
            }
          }
          &.views-field-purchased-entity {
            > div {
              display: flex;
              flex-direction: column-reverse;
              align-items: flex-start;
              gap: calc(var(--spacing) * 1);
              text-align: left;
              a {
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
                --tw-leading: calc(var(--spacing) * 4);
                line-height: calc(var(--spacing) * 4);
                line-height: 28px;
                --tw-font-weight: var(--font-weight-semibold);
                font-weight: var(--font-weight-semibold);
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                transition-duration: var(--tw-duration, var(--default-transition-duration));
                --tw-duration: 300ms;
                transition-duration: 300ms;
                &:hover {
                  @media (hover: hover) {
                    color: var(--color-brand-primary);
                  }
                }
              }
            }
          }
        }
        &:not(:last-child) {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-color: var(--color-primary-100);
        }
      }
    }
  }
  .form-actions {
    margin-top: calc(var(--spacing) * 6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 6);
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 10);
    }
    @media (width >= 1024px) {
      flex-direction: row;
    }
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 8);
    }
    input {
      width: 100%;
      @media (width >= 1024px) {
        width: auto;
      }
      &:first-child {
        cursor: pointer;
        border-radius: 0 !important;
        background-color: transparent;
        background-image: none;
        padding: calc(var(--spacing) * 0);
        color: var(--color-brand-primary);
        --tw-gradient-position: to right;
        @supports (background-image: linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to right in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: var(--color-brand-primary);
        --tw-gradient-to: var(--color-brand-primary);
        --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));
        background-size: 0% 1px;
        background-position: left bottom;
        background-repeat: no-repeat;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        &:hover {
          @media (hover: hover) {
            background-size: 100% 1px;
          }
        }
        clip-path: none;
      }
    }
  }
}
.input-number-wrapper {
  display: inline-flex;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary-100);
  .rounded-style & {
    border-radius: 32px;
  }
  input {
    box-sizing: content-box;
    height: auto;
    width: 1ch;
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  button {
    cursor: pointer;
    background-color: var(--color-primary-50);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    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) {
        background-color: var(--color-primary-100);
      }
    }
    &.increment-button {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      border-color: var(--color-primary-100);
    }
    &.decrement-button {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
      border-color: var(--color-primary-100);
    }
    &:after {
      display: none;
    }
    &[disabled="disabled"] {
      opacity: 0.6;
      pointer-events: none;
      cursor: not-allowed;
    }
  }
  input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
    margin: calc(var(--spacing) * 0);
    appearance: none;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
}
[data-drupal-selector="edit-sidebar-order-summary-summary"] {
  table {
    margin-bottom: calc(var(--spacing) * 4);
    width: 100%;
    tr {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      td {
        &.views-field-purchased-entity {
          a {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
          }
        }
        &:last-child {
          margin-left: auto;
        }
      }
    }
  }
}
.order-total-line {
  padding: calc(var(--spacing) * 0);
  .order-total-line-label {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    line-height: 24px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .order-total-line-value, .order-total-line-label {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 8);
    }
    .checkout-pane & {
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 0);
    }
  }
  &.order-total-line__subtotal {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-primary-100);
    .checkout-pane & {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  &.order-total-line__total {
    .order-total-line-value {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      line-height: 32px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-brand-primary);
      @media (width >= 1024px) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7);
      }
      @media (width >= 1024px) {
        line-height: 40px;
      }
    }
    .checkout-pane & {
      padding-top: calc(var(--spacing) * 2);
      @media (width >= 1024px) {
        padding-top: calc(var(--spacing) * 0);
      }
    }
  }
}
[id*="commerce-checkout-flow-multistep-default"] {
  .form-legend {
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    @media (width >= 1024px) {
      flex-direction: row;
    }
    .checkout-review-edit-link {
      display: flex;
      align-items: center;
      --tw-gradient-position: to right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-primary);
      --tw-gradient-to: var(--color-brand-primary);
      --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));
      background-size: 0% 1px;
      background-position: left bottom;
      background-repeat: no-repeat;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          background-size: 100% 1px;
        }
      }
      &:before, &:after {
        display: none;
      }
      a {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: calc(var(--spacing) * 2);
        line-height: calc(var(--spacing) * 2);
        line-height: 20px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-brand-primary);
        @media (width >= 1024px) {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 3);
          line-height: calc(var(--spacing) * 3);
        }
        @media (width >= 1024px) {
          line-height: 24px;
        }
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 1);
        &:after {
          height: calc(var(--spacing) * 4);
          width: calc(var(--spacing) * 4);
          &.apply-before-bg {
            &::before {
              content: '';
              background-color: var(--color-brand-primary);
            }
          }
          background-color: var(--color-brand-primary);
          mask-image: url(/themes/custom/campusbase/dist/8a9fd824a20721079c9b.svg);
          mask-size: contain;
          mask-position: center;
          mask-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
  }
  [data-drupal-selector="edit-review-registration-information"] {
    .registration-caption {
      margin-bottom: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .form-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    @media (width >= 1024px) {
      flex-direction: row;
    }
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 6);
    }
    .link--previous {
      order: -9999;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
      line-height: 24px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-brand-primary);
      @media (width >= 1024px) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
      }
      @media (width >= 1024px) {
        line-height: 28px;
      }
      --tw-gradient-position: to right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-primary);
      --tw-gradient-to: var(--color-brand-primary);
      --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));
      background-size: 0% 1px;
      background-position: left bottom;
      background-repeat: no-repeat;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          background-size: 100% 1px;
        }
      }
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      &:before {
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        &.apply-before-bg {
          &::before {
            content: '';
            background-color: var(--color-brand-primary);
          }
        }
        background-color: var(--color-brand-primary);
        mask-image: url(/themes/custom/campusbase/dist/b101acb4b970299a6d6d.svg);
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    input[type="submit"] {
      width: 100%;
      @media (width >= 1024px) {
        width: auto;
      }
    }
  }
  [data-drupal-selector="edit-payment-information-billing-information"] {
    .address-book-edit-button {
      clip-path: none;
      margin-top: calc(var(--spacing) * -4);
      margin-left: auto;
      cursor: pointer;
      background-color: transparent;
      padding: calc(var(--spacing) * 0);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 2);
      line-height: calc(var(--spacing) * 2);
      line-height: 20px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-brand-primary);
      @media (width >= 1024px) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
      @media (width >= 1024px) {
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
      }
      @media (width >= 1024px) {
        line-height: 24px;
      }
      --tw-gradient-position: to right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-primary);
      --tw-gradient-to: var(--color-brand-primary);
      --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));
      background-size: 0% 1px;
      background-position: left bottom;
      background-repeat: no-repeat;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          background-size: 100% 1px;
        }
      }
    }
  }
}
body {
  div#tarteaucitronRoot div#tarteaucitronAlertBig {
    border-radius: 0;
    .rounded-style & {
      border-radius: 32px;
    }
  }
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, 
    #tarteaucitronAlertBig #tarteaucitronPersonalize, 
    #tarteaucitronAlertBig #tarteaucitronPersonalize2, 
    .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl,
    #tarteaucitron #tarteaucitronPrivacyUrlDialog, 
    #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {
    border-radius: 0 !important;
    &.apply-before-bg {
      &::before {
        content: '' !important;
        background-color: var(--color-brand-primary) !important;
      }
    }
    background-color: var(--color-brand-primary) !important;
    padding-inline: calc(var(--spacing) * 4) !important;
    padding-block: 10px !important;
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    --tw-leading: calc(var(--spacing) * 2) !important;
    line-height: calc(var(--spacing) * 2) !important;
    line-height: 20px !important;
    color: var(--color-white) !important;
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-600) !important;
      }
    }
    .trapeze-style & {
      padding-right: calc(var(--spacing) * 8) !important;
    }
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
    .trapeze-style & {
      clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%) !important;
    }
    .rounded-style & {
      border-radius: 48px !important;
    }
  }
  #tarteaucitronAlertBig button[type="button"]#tarteaucitronCloseAlert {
    clip-path: none !important;
    background-color: transparent !important;
    padding: calc(var(--spacing) * 0) !important;
    color: var(--color-brand-primary) !important;
    &:hover {
      @media (hover: hover) {
        background-color: transparent !important;
      }
    }
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-brand-primary);
    --tw-gradient-to: var(--color-brand-primary);
    --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));
    background-size: 0% 1px;
    background-position: left bottom;
    background-repeat: no-repeat;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        background-size: 100% 1px;
      }
    }
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    .tarteaucitronCheck,
        .tarteaucitronCross {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      &:before {
        height: 17px;
        width: calc(var(--spacing) * 5);
        color: var(--color-white) !important;
      }
    }
  }
  #tarteaucitronRoot a.tarteaucitronSelfLink img {
    filter: brightness(0);
  }
}
.styled-table {
  width: 100%;
  thead {
    tr {
      background-color: var(--color-black);
      color: var(--color-white);
      th {
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 4);
        text-align: left;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
        line-height: 24px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        @media (width >= 1024px) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 4);
          line-height: calc(var(--spacing) * 4);
        }
        @media (width >= 1024px) {
          line-height: 28px;
        }
        .research-project-list & {
          min-width: 250px;
          @media (width >= 1024px) {
            min-width: calc(var(--spacing) * 0);
          }
        }
        .researchers-list & {
          white-space: nowrap;
        }
        &:first-child {
          padding-left: calc(var(--spacing) * 6);
        }
        &:last-child {
          padding-right: calc(var(--spacing) * 6);
        }
        .tablesort {
          min-width: calc(var(--spacing) * 4);
          background-repeat: no-repeat !important;
        }
        &#view-field-affiliated-institutions-table-column {
          min-width: 250px;
          @media (width >= 1024px) {
            min-width: calc(var(--spacing) * 0);
          }
        }
      }
    }
  }
  tbody {
    tr {
      position: relative;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-black);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        background-color: var(--color-primary-50);
      }
      td {
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 4);
        text-align: left;
        @media (width >= 1024px) {
          padding-block: calc(var(--spacing) * 6);
        }
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
        line-height: 24px;
        @media (width >= 1024px) {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
        }
        @media (width >= 1024px) {
          --tw-leading: calc(var(--spacing) * 3);
          line-height: calc(var(--spacing) * 3);
        }
        @media (width >= 1024px) {
          line-height: 24px;
        }
        &:first-child {
          padding-left: calc(var(--spacing) * 6);
        }
        &:last-child {
          padding-right: calc(var(--spacing) * 6);
          .research-project-list & {
            text-align: right;
          }
        }
      }
    }
  }
}
@layer base {
  input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([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=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27oklch%2855.1%25 0.027 264.364%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%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;
  }
  select:where([multiple]),select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  input:where([type='checkbox']),input:where([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;
  }
  input:where([type='checkbox']) {
    border-radius: 0px;
  }
  input:where([type='radio']) {
    border-radius: 100%;
  }
  input:where([type='checkbox']):focus,input:where([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);
  }
  input:where([type='checkbox']):checked,input:where([type='radio']):checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  input:where([type='checkbox']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.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%27/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='radio']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='checkbox']):indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%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;
    }
  }
  input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='file']) {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  input:where([type='file']):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@layer base {
  :root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-disabled: #B0B0B0;
    --color-warning: #F08A00;
    --color-error: #B71B1C;
    --color-success: #488444;
    --color-info: #5050CB;
    --color-live: #FE191F;
    --color-favorite: #FFC400;
    --color-brand-primary: #5050CB;
    --color-brand-secondary: #001688;
    --color-magenta: #8C0E56;
    --color-orange: #F08A00;
    --color-green: #488444;
    --color-green-100: #E6F3E5;
    --color-magenta-100: #FEE5F7;
    --color-yellow-100: #FFF7D3;
    --color-green-50: #F5F9F4;
    --color-magenta-50: #FEF1FA;
    --color-yellow-50: #FFFBEC;
    --color-primary-50: #F0F4FD;
    --color-primary-100: #E4EAFB;
    --color-primary-200: #CFD9F6;
    --color-primary-300: #B1C0F0;
    --color-primary-400: #929FE7;
    --color-primary-500: #777FDD;
    --color-primary-600: #5050CB;
    --color-primary-700: #4E4DB5;
    --color-primary-800: #404093;
    --color-primary-900: #3A3B75;
    --color-primary-950: #222244;
    --color-secondary-50: #EAF2F5;
    --color-secondary-100: #CFE8FF;
    --color-secondary-200: #A8D3FF;
    --color-secondary-300: #74B3FF;
    --color-secondary-400: #3E80FF;
    --color-secondary-500: #134EFF;
    --color-secondary-600: #0039FF;
    --color-secondary-700: #0039FF;
    --color-secondary-800: #0033E4;
    --color-secondary-900: #0021B0;
    --color-secondary-950: #001688;
  }
}
@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-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-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  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: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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: "<percentage>";
  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: "<percentage>";
  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: "<length>";
  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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 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-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-divide-x-reverse: 0;
      --tw-border-style: solid;
      --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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-outline-style: solid;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-y-reverse:0;--tw-space-x-reverse:0;}}}
.choices{position:relative;overflow:hidden;margin-bottom:var(--choices-guttering,24px);font-size:var(--choices-font-size-lg,16px);}.choices:focus{outline:0;}.choices:last-child{margin-bottom:0;}.choices.is-open{overflow:visible;}.choices.is-disabled :is(.choices__inner,.choices__input){background-color:var(--choices-bg-color-disabled,#eaeaea);cursor:not-allowed !important;-webkit-user-select:none;user-select:none;}.choices.is-disabled .choices__item{cursor:not-allowed;color:var(--choices-item-disabled-color,#fff);}.choices [hidden]{position:absolute;inset:0;pointer-events:none;opacity:0;}.choices[data-type*=select-one]{cursor:pointer;}.choices[data-type*=select-one] .choices__inner{padding-bottom:var(--choices-inner-one-padding,7.5px);}.choices[data-type*=select-one] .choices__input{display:block;width:var(--choices-width,100%);padding:var(--choices-dropdown-item-padding,10px);border-bottom:var(--choices-base-border,1px solid) var(--choices-keyline-color,#ddd);background-color:var(--choices-bg-color-dropdown,#fff);margin:0;}.choices[data-type*=select-one] .choices__button{background-image:var(--choices-icon-cross-inverse,url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==));padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25;}.choices[data-type*=select-one] .choices__button:is(:hover,:focus){opacity:var(--choices-button-opacity-hover,1);}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px var(--choices-highlight-color,#005F75);}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none;}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:var(--choices-text-color,#333) transparent transparent transparent;border-width:var(--choices-arrow-size,5px);position:absolute;right:var(--choices-arrow-right,11.5px);top:50%;margin-top:var(--choices-arrow-margin-top,-2.5px);pointer-events:none;}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent var(--choices-text-color,#333);margin-top:var(--choices-arrow-margin-top-open,-7.5px);}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto;}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0;}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__inner{cursor:text;}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button{position:relative;display:inline-block;margin:0 calc(var(--choices-button-offset,8px)*-.5)0 var(--choices-button-offset,8px);padding-left:calc(var(--choices-button-offset,8px)*2);border-left:1px solid var(--choices-primary-color,#005F75);@supports (color:color-mix(in lab,red,red)){border-left:1px solid color-mix(in srgb,var(--choices-primary-color,#005F75) 90%,var(--choices-darken,black));}background-image:var(--choices-icon-cross,url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==));background-size:var(--choices-button-dimension,8px);width:var(--choices-button-dimension,8px);line-height:var(--choices-button-line-height,1);border-radius:var(--choices-button-border-radius,0);opacity:var(--choices-button-opacity,0.75);}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button:is(:hover,:focus){--choices-button-opacity:var(--choices-button-opacity-hover,1);}.choices__inner{display:inline-block;vertical-align:top;width:var(--choices-width,100%);background-color:var(--choices-bg-color,#f9f9f9);padding:var(--choices-inner-padding,7.5px 7.5px 3.75px);border:var(--choices-base-border,1px solid) var(--choices-keyline-color,#ddd);border-radius:var(--choices-border-radius,2.5px);font-size:var(--choices-font-size-md,14px);min-height:var(--choices-input-height,44px);overflow:hidden;}.is-focused .choices__inner,.is-open .choices__inner{border-color:var(--choices-keyline-color,#ddd);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--choices-keyline-color,#ddd) 85%,var(--choices-darken,black));}}.is-open .choices__inner{border-radius:var(--choices-border-radius,2.5px) var(--choices-border-radius,2.5px)0 0;}.is-invalid .choices__inner{border-color:var(--choices-invalid-color,#d33141);}.is-flipped.is-open .choices__inner{border-radius:0 0 var(--choices-border-radius,2.5px) var(--choices-border-radius,2.5px);}.choices__list{margin:0;padding-left:0;list-style:none;}.choices__list--single{display:inline-block;padding:var(--choices-list-single-padding,4px 16px 4px 4px);}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px;}.choices__list--single,.choices__list--single .choices__item{width:var(--choices-width,100%);}.choices__list--multiple{display:inline;}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:var(--choices-border-radius-item,20px);padding:var(--choices-multiple-item-padding,4px 10px);font-size:var(--choices-font-size-sm,12px);font-weight:500;margin-right:var(--choices-multiple-item-margin,3.75px);margin-bottom:var(--choices-multiple-item-margin,3.75px);background-color:var(--choices-primary-color,#005F75);border:1px solid var(--choices-primary-color,#005F75);@supports (color:color-mix(in lab,red,red)){border:1px solid color-mix(in srgb,var(--choices-primary-color,#005F75) 95%,var(--choices-darken,black));}color:var(--choices-item-color,#fff);word-break:break-all;box-sizing:border-box;}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px;}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:var(--choices-multiple-item-margin,3.75px);}.choices__list--multiple .choices__item.is-highlighted{background-color:var(--choices-primary-color,#005F75);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--choices-primary-color,#005F75) 95%,var(--choices-darken,black));}border:1px solid var(--choices-primary-color,#005F75);@supports (color:color-mix(in lab,red,red)){border:1px solid color-mix(in srgb,var(--choices-primary-color,#005F75) 90%,var(--choices-darken,black));}}.is-disabled .choices__list--multiple .choices__item{background-color:var(--choices-disabled-color,#eaeaea);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--choices-disabled-color,#eaeaea) 75%,var(--choices-darken,black));}border:1px solid var(--choices-disabled-color,#eaeaea);@supports (color:color-mix(in lab,red,red)){border:1px solid color-mix(in srgb,var(--choices-disabled-color,#eaeaea) 65%,var(--choices-darken,black));}}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:var(--choices-z-index,1);position:absolute;width:var(--choices-width,100%);background-color:var(--choices-bg-color-dropdown,#fff);border:var(--choices-base-border,1px solid) var(--choices-keyline-color,#ddd);top:100%;margin-top:-1px;border-bottom-left-radius:var(--choices-border-radius,2.5px);border-bottom-right-radius:var(--choices-border-radius,2.5px);overflow:hidden;word-break:break-all;}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block;}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:var(--choices-keyline-color,#ddd);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--choices-keyline-color,#ddd) 85%,var(--choices-darken,black));}}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0;}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position;}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:var(--choices-dropdown-item-padding,10px);font-size:var(--choices-font-size-md,14px);}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right;}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{padding-right:100px;}.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{content:attr(data-select-text);font-size:var(--choices-font-size-sm,12px);position:absolute;right:10px;top:50%;transform:translateY(-50%);}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{text-align:right;padding-left:100px;padding-right:10px;}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{right:auto;left:10px;}}.choices__list--dropdown .choices__item--selectable.is-selected::after,.choices__list[aria-expanded] .choices__item--selectable.is-selected::after{content:none !important;}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list--dropdown .choices__item--selectable.is-selected,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-selected{background-color:var(--choices-highlighted-color,#f2f2f2);}.choices__item{cursor:default;}.choices__item--selectable{cursor:pointer;}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5;}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid var(--choices-keyline-color,#ddd);@supports (color:color-mix(in lab,red,red)){border-bottom:1px solid color-mix(in srgb,var(--choices-keyline-color,#ddd) 90%,var(--choices-lighten,white));}color:gray;}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer;}.choices__button:focus,.choices__input:focus{outline:0;}.choices__input{display:inline-block;vertical-align:baseline;background-color:var(--choices-bg-color,#f9f9f9);font-size:var(--choices-font-size-md,14px);margin-bottom:var(--choices-input-margin-bottom,5px);border:0;border-radius:0;max-width:var(--choices-width,100%);padding:var(--choices-input-padding,4px 0 4px 2px);}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none;}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0;}[dir=rtl] .choices__input{padding-right:2px;padding-left:0;}.choices__placeholder{opacity:var(--choices-placeholder-opacity,0.5);}
@font-face{font-family:'swiper-icons';src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal;}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1;}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block;}.swiper-vertical > .swiper-wrapper{flex-direction:column;}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0);}.swiper-horizontal{touch-action:pan-y;}.swiper-vertical{touch-action:pan-x;}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block;}.swiper-slide-invisible-blank{visibility:hidden;}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto;}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height;}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px;}.swiper-3d .swiper-wrapper{transform-style:preserve-3d;}.swiper-3d{perspective:1200px;}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d;}.swiper-css-mode > .swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{display:none;}.swiper-css-mode > .swiper-wrapper > .swiper-slide{scroll-snap-align:start start;}.swiper-css-mode.swiper-horizontal > .swiper-wrapper{scroll-snap-type:x mandatory;}.swiper-css-mode.swiper-vertical > .swiper-wrapper{scroll-snap-type:y mandatory;}.swiper-css-mode.swiper-free-mode > .swiper-wrapper{scroll-snap-type:none;}.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{scroll-snap-align:none;}.swiper-css-mode.swiper-centered > .swiper-wrapper::before{content:'';flex-shrink:0;order:9999;}.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always;}.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before);}.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after);}.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before);}.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after);}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,0.15);}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0));}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent;}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear;}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff;}.swiper-lazy-preloader-black{--swiper-preloader-color:#000;}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0);}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none;}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size);}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size);}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none;}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none;}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important;}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg);}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto;}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto;}.swiper-button-lock{display:none;}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1;}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev';}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto;}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next';}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10;}.swiper-pagination.swiper-pagination-hidden{opacity:0;}.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important;}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%;}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33);}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,0.2);}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none;}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}.swiper-pagination-bullet:only-child{display:none !important;}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color));}.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0);}.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block;}.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;}.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top;}.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px);}.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;}.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left;}.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right;}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit);}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top;}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top;}.swiper-horizontal > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;}.swiper-vertical > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0;}.swiper-pagination-lock{display:none;}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1));}.swiper-scrollbar-disabled > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important;}.swiper-horizontal > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));}.swiper-vertical > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0;}.swiper-scrollbar-cursor-drag{cursor:move;}.swiper-scrollbar-lock{display:none;}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;}.swiper-zoom-container > img,.swiper-zoom-container > svg,.swiper-zoom-container > canvas{max-width:100%;max-height:100%;object-fit:contain;}.swiper-slide-zoomed{cursor:move;touch-action:none;}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}.swiper-free-mode > .swiper-wrapper{transition-timing-function:ease-out;margin:0 auto;}.swiper-grid > .swiper-wrapper{flex-wrap:wrap;}.swiper-grid-column > .swiper-wrapper{flex-wrap:wrap;flex-direction:column;}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out;}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity;}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none;}.swiper-fade .swiper-slide-active{pointer-events:auto;}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}.swiper.swiper-cube{overflow:visible;}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%;}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none;}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0;}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto;}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible;}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0;}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px);}.swiper-cube .swiper-slide-next + .swiper-slide{pointer-events:auto;visibility:visible;}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.swiper.swiper-flip{overflow:visible;}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none;}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto;}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height;}.swiper.swiper-cards{overflow:visible;}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;}.swiper-mobile .swiper-button-next{right:24px;}.swiper-mobile .swiper-button-prev{left:24px;}
@keyframes gin-throbber{0%{transform:rotateZ(0);}100%{transform:rotateZ(360deg);}}.ajax-progress__throbber,.ajax-progress__throbber--fullscreen,.ui-dialog .ajax-progress__throbber,.media-library-item .ajax-progress__throbber{border:3px solid var(--gin-color-primary);border-inline-end:3px dotted transparent;}.ajax-progress .ajax-progress__message{color:var(--gin-color-text);}[dir].gin--dark-mode .ajax-progress--fullscreen{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber,[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen{border:3px solid var(--gin-bg-app);border-inline-end:3px dotted transparent;}.media-library-widget .ajax-progress__throbber,.media-library-widget .ajax-progress__throbber--fullscreen{border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;}.ui-dialog .ajax-progress-throbber{padding:var(--gin-spacing-xs);background:var(--gin-bg-app);border-radius:50%;box-shadow:0 2px 6px 0 rgba(34,35,48,.1);border:1px solid rgba(216,217,224,.8);}.gin--dark-mode .ui-dialog .ajax-progress-throbber{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}.ui-dialog .ajax-progress-throbber::before,.contextual-links .ajax-progress-throbber::before{content:"";display:block;position:absolute;inset-block-start:var(--gin-spacing-xs);inset-inline-start:var(--gin-spacing-xs);width:1.125rem;height:1.125rem;border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;border-radius:50%;animation:gin-throbber .75s linear infinite;}.gin--dark-mode .ui-dialog .ajax-progress,.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress{background-color:var(--gin-bg-app);border-color:var(--gin-bg-app);}.contextual-links li{position:relative;}.contextual-links .ajax-progress-throbber{position:absolute;inset-block-start:0;inset-inline-end:var(--gin-spacing-xxs);width:24px;height:24px;}.contextual-links .ajax-progress-throbber::before{inset-block-start:0;inset-inline-start:.25em;}.claro-autocomplete__message{color:var(--gin-color-primary);}