/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;@font-face{font-family:'Calibre';src:url(https://visitleeuwarden.com/wp-content/themes/visitleeuwarden/dist/css/../../assets/fonts/CalibreWeb-Regular.25f4cb888ce410567caf.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Calibre';src:url(https://visitleeuwarden.com/wp-content/themes/visitleeuwarden/dist/css/../../assets/fonts/CalibreWeb-Medium.8304fa72892123e3bab8.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Function';src:url(https://visitleeuwarden.com/wp-content/themes/visitleeuwarden/dist/css/../../assets/fonts/FUNCTION-Condensed.918718a8ceb29f646e36.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:'Calibre', sans-serif;--font-serif:'Calibre', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:var(--color-red-950);--color-orange-200:var(--color-orange-200);--color-amber-300:var(--color-amber-300);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-lime-300:var(--color-lime-300);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-teal-950:var(--color-teal-950);--color-sky-200:var(--color-sky-200);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:var(--color-blue-950);--color-violet-300:var(--color-violet-300);--color-purple-950:var(--color-purple-950);--color-pink-300:var(--color-pink-300);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-900:oklch(21% 0.034 264.665);--color-zinc-100:var(--color-zinc-100);--color-zinc-200:oklch(92% 0.004 286.32);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-800:var(--color-stone-800);--color-black:var(--color-black);--color-white:var(--color-white);--spacing:0.25rem;--container-md:28rem;--container-4xl:56rem;--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;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:0.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-spin:spin 1s linear infinite;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dark:var(--color-dark);--color-outline:var(--color-outline);--color-primary:var(--color-primary);--color-light:var(--color-light);--spacing-small:var(--spacing-small);--spacing-medium:var(--spacing-medium);--spacing-large:var(--spacing-large);--spacing-xlarge:var(--spacing-xlarge);--font-title:'Function', sans-serif}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:#fff0}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:-.25em}sup{top:-.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:#fff0;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden="until-found"])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:calc(1/2 * 100%)}.top-2{top:calc(var(--spacing) * 2)}.\!right-0{right:calc(var(--spacing) * 0)!important}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-\[10\%\]{right:10%}.right-\[30\%\]{right:30%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6\!{bottom:calc(var(--spacing) * 6)!important}.bottom-\[-10px\]{bottom:-10px}.bottom-\[-20px\]{bottom:-20px}.\!left-0{left:calc(var(--spacing) * 0)!important}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:calc(1/2 * 100%)}.left-1\/2\!{left:calc(1/2 * 100%)!important}.left-3\/4\!{left:calc(3/4 * 100%)!important}.left-auto{left:auto}.isolate{isolation:isolate}.z-1{z-index:1}.z-5{z-index:5}.z-5\!{z-index:5!important}.z-10{z-index:10}.z-10\!{z-index:10!important}.z-20{z-index:20}.z-\[500\]{z-index:500}.z-\[540\]{z-index:540}.z-\[545\]{z-index:545}.z-\[560\]{z-index:560}.z-\[590\]{z-index:590}.z-\[600\]{z-index:600}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-1{grid-column:1}.container{width:100%;@media (width>=40rem){max-width:40rem}@media (width>=48rem){max-width:48rem}@media (width>=64rem){max-width:64rem}@media (width>=80rem){max-width:80rem}@media (width>=96rem){max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-0\!{margin:calc(var(--spacing) * 0)!important}.mx-0\.5{margin-inline:calc(var(--spacing) * 0.5)}.mx-auto{margin-inline:auto}.mx-auto\!{margin-inline:auto!important}.my-10{margin-block:calc(var(--spacing) * 10)}.my-24{margin-block:calc(var(--spacing) * 24)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.container{margin-left:auto;margin-right:auto;padding-inline:1rem}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.\!mb-2{margin-bottom:calc(var(--spacing) * 2)!important}.\!mb-8{margin-bottom:calc(var(--spacing) * 8)!important}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\!{margin-bottom:calc(var(--spacing) * 2)!important}.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-6\!{margin-bottom:calc(var(--spacing) * 6)!important}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-12\!{margin-bottom:calc(var(--spacing) * 12)!important}.mb-18{margin-bottom:calc(var(--spacing) * 18)}.mb-small{margin-bottom:var(--spacing-small)}.mb-small\!{margin-bottom:var(--spacing-small)!important}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-\[calc\(-50vw\+50\%\)\]{margin-left:calc(-50vw + 50%)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-4\/3{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\!h-6{height:calc(var(--spacing) * 6)!important}.\!h-8{height:calc(var(--spacing) * 8)!important}.\!h-auto{height:auto!important}.h-0{height:calc(var(--spacing) * 0)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-\[30px\]{height:30px}.h-\[48px\]{height:48px}.h-\[70vh\]{height:70vh}.h-\[240px\]{height:240px}.h-auto{height:auto}.h-auto\!{height:auto!important}.h-full{height:100%}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\[768px\]{max-height:768px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[90vh\]{min-height:90vh}.\!w-6{width:calc(var(--spacing) * 6)!important}.\!w-8{width:calc(var(--spacing) * 8)!important}.w-2\/3{width:calc(2/3 * 100%)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-18{width:calc(var(--spacing) * 18)}.w-\[30px\]{width:30px}.w-\[99\%\]{width:99%}.w-\[110\%\]{width:110%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[150px\]{max-width:150px}.max-w-\[240px\]{max-width:240px}.max-w-\[310px\]{max-width:310px}.max-w-\[320px\]{max-width:320px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[2000px\]{max-width:2000px}.max-w-\[calc\(100\%-3rem\)\]{max-width:calc(100% - 3rem)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-2{flex:2}.flex-auto{flex:auto}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-1\/2{flex-basis:calc(1/2 * 100%)}.basis-\[50\%\]{flex-basis:50%}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);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-full\!{--tw-translate-y:-100% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1/2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/8\!{--tw-translate-y:calc(1/8 * 100%) !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-\[25\%\]\!{--tw-translate-y:25% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-\[50px\]{--tw-translate-y:50px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[60\%\]{--tw-translate-y:60%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-0{rotate:0deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-22{gap:calc(var(--spacing) * 22)}.gap-large{gap:var(--spacing-large)}.gap-medium{gap:var(--spacing-medium)}.gap-small{gap:var(--spacing-small)}.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-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)))}}.gap-y-0{row-gap:calc(var(--spacing) * 0)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-tr-full{border-top-right-radius:calc(infinity * 1px)}.rounded-br-full{border-bottom-right-radius:calc(infinity * 1px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-black{border-color:var(--color-black)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary{border-color:var(--color-primary)}.border-white\/15{border-color:var(--color-white);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-yellow-400{border-color:var(--color-yellow-400)}.border-b-black{border-bottom-color:var(--color-black)}.bg-\[\#9496A2\]{background-color:#9496A2}.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-black\/50{background-color:var(--color-black);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-950{background-color:var(--color-blue-950)}.bg-dark{background-color:var(--color-dark)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300\/20{background-color:color-mix(in srgb,oklch(87.2% .01 258.338) 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-300) 20%,transparent)}}.bg-green-200{background-color:var(--color-green-200)}.bg-red-200{background-color:var(--color-red-200)}.bg-sky-200{background-color:var(--color-sky-200)}.bg-stone-800{background-color:var(--color-stone-800)}.bg-transparent{background-color:#fff0}.bg-violet-300{background-color:var(--color-violet-300)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-linear-to-t{--tw-gradient-position:to top;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to top in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\(image\:--search-icon-gray\){background-image:var(--search-icon-gray)}.from-black\/50{--tw-gradient-from:var(--color-black);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-black) 50%, transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:16px_auto\]{background-size:16px auto}.bg-\[length\:24px_auto\]{background-size:24px auto}.bg-\[position\:12px_center\]{background-position:12px center}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.\!mask-size-\[18px\]{mask-size:18px!important}.\!mask-size-\[20px\]{mask-size:20px!important}.\!mask-size-\[22px\]{mask-size:22px!important}.\!mask-size-\[24px\]{mask-size:24px!important}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\!{padding:calc(var(--spacing) * 0)!important}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[15\%\]{padding-inline:15%}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * 0.5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-px{padding-block:1px}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-5\!{padding-top:calc(var(--spacing) * 5)!important}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-\[100px\]{padding-top:100px}.pt-\[120px\]{padding-top:120px}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-16{padding-right:calc(var(--spacing) * 16)}.\!pb-14{padding-bottom:calc(var(--spacing) * 14)!important}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[80px\]{padding-bottom:80px}.\!pl-10{padding-left:calc(var(--spacing) * 10)!important}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[16px\]\!{padding-left:16px!important}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-title{font-family:var(--font-title)}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xl\!{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-3xl\!{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.text-4xl\!{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-lg\!{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.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))}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[clamp\(9rem\,26vw\,19rem\)\]\!{font-size:clamp(9rem, 26vw, 19rem)!important}.leading-\[0\.7\]\!{--tw-leading:0.7 !important;line-height:0.7!important}.leading-\[0\.9\]{--tw-leading:0.9;line-height:.9}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal\!{--tw-font-weight:var(--font-weight-normal) !important;font-weight:var(--font-weight-normal)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-black{color:var(--color-black)}.text-black\!{color:var(--color-black)!important}.text-blue-950{color:var(--color-blue-950)}.text-blue-950\/60{color:var(--color-blue-950);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-blue-950) 60%,transparent)}}.text-blue-950\/70{color:var(--color-blue-950);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-blue-950) 70%,transparent)}}.text-current{color:currentcolor}.text-current\/50{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}.text-current\/80{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 80%,transparent)}}.text-gray-900{color:var(--color-gray-900)}.text-light{color:var(--color-light)}.text-lime-300{color:var(--color-lime-300)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-0{opacity:0%}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.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,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,background-color\,color\,box-shadow\]{transition-property:transform,background-color,color,box-shadow;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-all\!{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}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}.delay-700{transition-delay:700ms}.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-300\!{--tw-duration:300ms !important;transition-duration:300ms!important}.duration-400{--tw-duration:400ms;transition-duration:400ms}.duration-500{--tw-duration:500ms;transition-duration:500ms}.duration-700{--tw-duration:700ms;transition-duration:700ms}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.backface-hidden{backface-visibility:hidden}.text-shadow-none{text-shadow:none}.group-hover\:h-full{&:is(:where(.group):hover *){@media (hover:hover){height:100%}}}.group-hover\:translate-y-\[50\%\]{&:is(:where(.group):hover *){@media (hover:hover){--tw-translate-y:50%;translate:var(--tw-translate-x) var(--tw-translate-y)}}}.group-hover\:scale-105{&:is(:where(.group):hover *){@media (hover:hover){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\:scale-110{&:is(:where(.group):hover *){@media (hover:hover){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\:text-white{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-white)}}}.group-hover\:opacity-70{&:is(:where(.group):hover *){@media (hover:hover){opacity:70%}}}.placeholder\:text-white\/60{&::placeholder{color:var(--color-white);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 60%,transparent)}}}.after\:absolute{&::after{content:var(--tw-content);position:absolute}}.after\:top-0{&::after{content:var(--tw-content);top:calc(var(--spacing) * 0)}}.after\:bottom-0{&::after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}}.after\:left-0{&::after{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.after\:\!mr-\[-2px\]{&::after{content:var(--tw-content);margin-right:-2px!important}}.after\:\!mr-\[2px\]{&::after{content:var(--tw-content);margin-right:2px!important}}.after\:h-1\/2{&::after{content:var(--tw-content);height:calc(1/2 * 100%)}}.after\:h-\[42\%\]{&::after{content:var(--tw-content);height:42%}}.after\:w-full{&::after{content:var(--tw-content);width:100%}}.after\:bg-white{&::after{content:var(--tw-content);background-color:var(--color-white)}}.after\:\!pr-0\.5{&::after{content:var(--tw-content);padding-right:calc(var(--spacing) * 0.5)!important}}.after\:\!pl-0\.5{&::after{content:var(--tw-content);padding-left:calc(var(--spacing) * 0.5)!important}}.after\:text-xl\!{&::after{content:var(--tw-content);font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}}.after\:\!text-\[0\.625rem\]{&::after{content:var(--tw-content);font-size:0.625rem!important}}.after\:\!text-\[0\.875rem\]{&::after{content:var(--tw-content);font-size:0.875rem!important}}.after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .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\:-translate-y-1\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(calc(1/10 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-2 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-3 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -3);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-zinc-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:text-current {
    &:hover {
      @media (hover: hover) {
        color: currentcolor;
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:border-gray-500 {
    &:focus {
      border-color: var(--color-gray-500);
    }
  }
  .focus\:bg-gray-50 {
    &:focus {
      background-color: var(--color-gray-50);
    }
  }
  .focus\:shadow-sm {
    &:focus {
      --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);
    }
  }
  .max-xl\:px-4 {
    @media (width < 80rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:left-2\/3\! {
    @media (width >= 40rem) {
      left: calc(2/3 * 100%) !important;
    }
  }
  .sm\:mr-4 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .sm\:mr-6 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .sm\:\!mb-4 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4) !important;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:w-1\/2 {
    @media (width >= 40rem) {
      width: calc(1/2 * 100%);
    }
  }
  .sm\:flex-3 {
    @media (width >= 40rem) {
      flex: 3;
    }
  }
  .sm\:-translate-x-1\/4 {
    @media (width >= 40rem) {
      --tw-translate-x: calc(calc(1/4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:self-end {
    @media (width >= 40rem) {
      align-self: flex-end;
    }
  }
  .sm\:bg-\[length\:18px_auto\] {
    @media (width >= 40rem) {
      background-size: 18px auto;
    }
  }
  .sm\:px-\[8\.3333\%\] {
    @media (width >= 40rem) {
      padding-inline: 8.3333%;
    }
  }
  .sm\:\!pl-10 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 10) !important;
    }
  }
  .sm\:pl-\[calc\(\(100vw-576px\)\/2-16px\)\]\! {
    @media (width >= 40rem) {
      padding-left: calc((100vw - 576px) / 2 - 16px) !important;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:pointer-events-none {
    @media (width >= 48rem) {
      pointer-events: none;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:inset-y-0 {
    @media (width >= 48rem) {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .md\:right-0 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .md\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .md\:order-3 {
    @media (width >= 48rem) {
      order: 3;
    }
  }
  .md\:my-20 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 20);
    }
  }
  .md\:mt-10 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .md\:\!mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10) !important;
    }
  }
  .md\:mb-3 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:mb-4 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:mb-6\! {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6) !important;
    }
  }
  .md\:mb-8 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-8\! {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:aspect-2\/1 {
    @media (width >= 48rem) {
      aspect-ratio: 2/1;
    }
  }
  .md\:aspect-4\/3 {
    @media (width >= 48rem) {
      aspect-ratio: 4/3;
    }
  }
  .md\:\!h-8 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:h-4 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 4);
    }
  }
  .md\:h-\[40px\] {
    @media (width >= 48rem) {
      height: 40px;
    }
  }
  .md\:h-\[48px\] {
    @media (width >= 48rem) {
      height: 48px;
    }
  }
  .md\:h-\[61px\] {
    @media (width >= 48rem) {
      height: 61px;
    }
  }
  .md\:h-\[80vh\] {
    @media (width >= 48rem) {
      height: 80vh;
    }
  }
  .md\:h-\[140px\]\! {
    @media (width >= 48rem) {
      height: 140px !important;
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:min-h-\[240px\] {
    @media (width >= 48rem) {
      min-height: 240px;
    }
  }
  .md\:\!w-8 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:\!w-\[40px\] {
    @media (width >= 48rem) {
      width: 40px !important;
    }
  }
  .md\:w-18 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 18);
    }
  }
  .md\:w-\[40px\] {
    @media (width >= 48rem) {
      width: 40px;
    }
  }
  .md\:w-\[calc\(\(100vw\+672px\)\/4\.5\)\] {
    @media (width >= 48rem) {
      width: calc((100vw + 672px) / 4.5);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:max-w-\[360px\] {
    @media (width >= 48rem) {
      max-width: 360px;
    }
  }
  .md\:max-w-\[420px\] {
    @media (width >= 48rem) {
      max-width: 420px;
    }
  }
  .md\:max-w-\[700px\] {
    @media (width >= 48rem) {
      max-width: 700px;
    }
  }
  .md\:max-w-none {
    @media (width >= 48rem) {
      max-width: none;
    }
  }
  .md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .md\:basis-\[calc\(50\%-12px\)\] {
    @media (width >= 48rem) {
      flex-basis: calc(50% - 12px);
    }
  }
  .md\:translate-y-0 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-y-1\/8\! {
    @media (width >= 48rem) {
      --tw-translate-y: calc(1/8 * 100%) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-stretch {
    @media (width >= 48rem) {
      align-items: stretch;
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-14 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .md\:gap-44 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 44);
    }
  }
  .md\:rounded-br-md {
    @media (width >= 48rem) {
      border-bottom-right-radius: var(--radius-md);
    }
  }
  .md\:rounded-bl-md {
    @media (width >= 48rem) {
      border-bottom-left-radius: var(--radius-md);
    }
  }
  .md\:\!mask-size-\[28px\] {
    @media (width >= 48rem) {
      mask-size: 28px !important;
    }
  }
  .md\:p-3 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:px-3 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-12 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .md\:px-\[12\.5\%\] {
    @media (width >= 48rem) {
      padding-inline: 12.5%;
    }
  }
  .md\:py-2 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .md\:pt-12 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .md\:pt-16 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .md\:pt-24 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .md\:pt-34 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 34);
    }
  }
  .md\:pt-\[18px\] {
    @media (width >= 48rem) {
      padding-top: 18px;
    }
  }
  .md\:pt-\[150px\] {
    @media (width >= 48rem) {
      padding-top: 150px;
    }
  }
  .md\:pr-8 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .md\:pr-20 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .md\:pr-\[18px\] {
    @media (width >= 48rem) {
      padding-right: 18px;
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-14 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:pb-\[100px\] {
    @media (width >= 48rem) {
      padding-bottom: 100px;
    }
  }
  .md\:pl-5 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .md\:pl-\[calc\(\(100vw-672px\)\/2-32px\)\]\! {
    @media (width >= 48rem) {
      padding-left: calc((100vw - 672px) / 2 - 32px) !important;
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-3xl\! {
    @media (width >= 48rem) {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }
  }
  .md\:text-4xl\! {
    @media (width >= 48rem) {
      font-size: var(--text-4xl) !important;
      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-5xl\! {
    @media (width >= 48rem) {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-xl\! {
    @media (width >= 48rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .md\:text-\[1\.125rem\] {
    @media (width >= 48rem) {
      font-size: 1.125rem;
    }
  }
  .md\:after\:\!pr-1 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        padding-right: calc(var(--spacing) * 1) !important;
      }
    }
  }
  .md\:after\:\!pl-1 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        padding-left: calc(var(--spacing) * 1) !important;
      }
    }
  }
  .md\:after\:\!text-\[0\.875rem\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        font-size: 0.875rem !important;
      }
    }
  }
  .md\:max-xl\:px-6 {
    @media (width >= 48rem) {
      @media (width < 80rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
    }
  }
  .lg\:my-30 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 30);
    }
  }
  .lg\:mr-6 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .lg\:\!mb-14 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 14) !important;
    }
  }
  .lg\:mb-3 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .lg\:mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-8 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-10\! {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10) !important;
    }
  }
  .lg\:mb-14 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:mb-18 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 18);
    }
  }
  .lg\:aspect-16\/9 {
    @media (width >= 64rem) {
      aspect-ratio: 16/9;
    }
  }
  .lg\:aspect-auto {
    @media (width >= 64rem) {
      aspect-ratio: auto;
    }
  }
  .lg\:h-5 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .lg\:h-\[90vh\] {
    @media (width >= 64rem) {
      height: 90vh;
    }
  }
  .lg\:h-screen {
    @media (width >= 64rem) {
      height: 100vh;
    }
  }
  .lg\:max-h-\[730px\] {
    @media (width >= 64rem) {
      max-height: 730px;
    }
  }
  .lg\:max-h-\[768px\] {
    @media (width >= 64rem) {
      max-height: 768px;
    }
  }
  .lg\:min-h-\[700px\] {
    @media (width >= 64rem) {
      min-height: 700px;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:max-w-\[360px\] {
    @media (width >= 64rem) {
      max-width: 360px;
    }
  }
  .lg\:max-w-\[1100px\] {
    @media (width >= 64rem) {
      max-width: 1100px;
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:basis-\[calc\(33\.3333\%-21\.4px\)\] {
    @media (width >= 64rem) {
      flex-basis: calc(33.3333% - 21.4px);
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-x-7 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:bg-\[position\:16px_center\] {
    @media (width >= 64rem) {
      background-position: 16px center;
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-3 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-\[16\.6666\%\] {
    @media (width >= 64rem) {
      padding-inline: 16.6666%;
    }
  }
  .lg\:py-3 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-4 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .lg\:py-12 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:py-20 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-20 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-30 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .lg\:pb-16 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:pb-20 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:pb-\[120px\] {
    @media (width >= 64rem) {
      padding-bottom: 120px;
    }
  }
  .lg\:\!pl-14 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 14) !important;
    }
  }
  .lg\:pl-\[calc\(\(100vw-926px\)\/2-32px\)\]\! {
    @media (width >= 64rem) {
      padding-left: calc((100vw - 926px) / 2 - 32px) !important;
    }
  }
  .lg\:\!text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-2xl\! {
    @media (width >= 64rem) {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-5xl\! {
    @media (width >= 64rem) {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }
  }
  .lg\:text-6xl\! {
    @media (width >= 64rem) {
      font-size: var(--text-6xl) !important;
      line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
    }
  }
  .lg\:text-7xl {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:max-xl\:px-8 {
    @media (width >= 64rem) {
      @media (width < 80rem) {
        padding-inline: calc(var(--spacing) * 8);
      }
    }
  }
  .xl\:my-16 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 16);
    }
  }
  .xl\:mr-6 {
    @media (width >= 80rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .xl\:mr-8 {
    @media (width >= 80rem) {
      margin-right: calc(var(--spacing) * 8);
    }
  }
  .xl\:mb-10 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:\!h-10 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 10) !important;
    }
  }
  .xl\:h-\[90vh\] {
    @media (width >= 80rem) {
      height: 90vh;
    }
  }
  .xl\:\!w-10 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 10) !important;
    }
  }
  .xl\:w-22 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 22);
    }
  }
  .xl\:max-w-\[400px\] {
    @media (width >= 80rem) {
      max-width: 400px;
    }
  }
  .xl\:max-w-\[480px\] {
    @media (width >= 80rem) {
      max-width: 480px;
    }
  }
  .xl\:basis-\[calc\(33\.3333\%-26\.8px\)\] {
    @media (width >= 80rem) {
      flex-basis: calc(33.3333% - 26.8px);
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .xl\:gap-8 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:bg-\[length\:22px_auto\] {
    @media (width >= 80rem) {
      background-size: 22px auto;
    }
  }
  .xl\:px-3 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .xl\:px-\[25\%\] {
    @media (width >= 80rem) {
      padding-inline: 25%;
    }
  }
  .xl\:py-\[2px\] {
    @media (width >= 80rem) {
      padding-block: 2px;
    }
  }
  .xl\:pt-20 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-20 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:pl-\[calc\(\(100vw-1182px\)\/2-32px\)\]\! {
    @media (width >= 80rem) {
      padding-left: calc((100vw - 1182px) / 2 - 32px) !important;
    }
  }
  .xl\:\!text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .xl\:text-3xl {
    @media (width >= 80rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .xl\:text-3xl\! {
    @media (width >= 80rem) {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }
  }
  .xl\:text-5xl {
    @media (width >= 80rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .xl\:text-5xl\! {
    @media (width >= 80rem) {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }
  }
  .xl\:text-6xl\! {
    @media (width >= 80rem) {
      font-size: var(--text-6xl) !important;
      line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
    }
  }
  .xl\:text-7xl\! {
    @media (width >= 80rem) {
      font-size: var(--text-7xl) !important;
      line-height: var(--tw-leading, var(--text-7xl--line-height)) !important;
    }
  }
  .xl\:text-8xl {
    @media (width >= 80rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .xl\:text-\[27px\] {
    @media (width >= 80rem) {
      font-size: 27px;
    }
  }
  .xl\:after\:\!mr-\[-2px\] {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        margin-right: -2px !important;
      }
    }
  }
  .xl\:after\:\!mr-\[4px\] {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        margin-right: 4px !important;
      }
    }
  }
  .xl\:after\:\!text-\[1rem\] {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        font-size: 1rem !important;
      }
    }
  }
  .\32 xl\:right-10 {
    @media (width >= 96rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .\32 xl\:min-h-\[900px\] {
    @media (width >= 96rem) {
      min-height: 900px;
    }
  }
  .\32 xl\:max-w-\[480px\] {
    @media (width >= 96rem) {
      max-width: 480px;
    }
  }
  .\32 xl\:p-4 {
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\32 xl\:pl-\[calc\(\(100vw-1340px\)\/2-82px\)\]\! {
    @media (width >= 96rem) {
      padding-left: calc((100vw - 1340px) / 2 - 82px) !important;
    }
  }
  .\32 xl\:text-6xl {
    @media (width >= 96rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .\32 xl\:text-8xl {
    @media (width >= 96rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .\[\&_a\:hover\]\:underline {
    & a:hover {
      text-decoration-line: underline;
    }
  }
  .\[\&_ul\]\:mb-6 {
    & ul {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .\[\&_ul\]\:w-full {
    & ul {
      width: 100%;
    }
  }
  .\[\&_ul\]\:list-disc {
    & ul {
      list-style-type: disc;
    }
  }
  .hover\:\[\&\+svg\]\:-mt-0\.5 {
    &:hover {
      @media (hover: hover) {
        &+svg {
          margin-top: calc(var(--spacing) * -0.5);
        }
      }
    }
  }
  .hover\:\[\&\+svg\]\:scale-105 {
    &:hover {
      @media (hover: hover) {
        &+svg {
          --tw-scale-x: 105%;
          --tw-scale-y: 105%;
          --tw-scale-z: 105%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .\[\&\>a\]\:transition-all {
    &>a {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&\>a\:hover\]\:-mt-0\.5 {
    &>a:hover {
      margin-top: calc(var(--spacing) * -0.5);
    }
  }
  .\[\&\>a\:hover\]\:scale-110 {
    &>a:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .\[\&\>img\]\:absolute {
    &>img {
      position: absolute;
    }
  }
  .\[\&\>img\]\:inset-0 {
    &>img {
      inset: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>img\]\:block {
    &>img {
      display: block;
    }
  }
  .\[\&\>img\]\:size-full {
    &>img {
      width: 100%;
      height: 100%;
    }
  }
  .\[\&\>img\]\:h-full {
    &>img {
      height: 100%;
    }
  }
  .\[\&\>img\]\:w-full {
    &>img {
      width: 100%;
    }
  }
  .\[\&\>img\]\:object-cover {
    &>img {
      object-fit: cover;
    }
  }
  .\[\&\>img\]\:object-top {
    &>img {
      object-position: top;
    }
  }
  .\[\&\>li\]\:mb-2 {
    &>li {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&\>li\:first-child\]\:font-medium {
    &>li:first-child {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&\>p\]\:w-full {
    &>p {
      width: 100%;
    }
  }
  .\[\&\>svg\]\:h-\[32px\] {
    &>svg {
      height: 32px;
    }
  }
  .\[\&\>svg\]\:w-auto {
    &>svg {
      width: auto;
    }
  }
  .\[\&\>svg\]\:max-w-full {
    &>svg {
      max-width: 100%;
    }
  }
}
:root {
  --color-white: #fff;
  --color-black: #000;
  --color-dark-base: #1D1913;
  --color-sky-200: #8DE0FF;
  --color-pink-300: #FF9BED;
  --color-orange-200: #FFA488;
  --color-lime-300: #90F977;
  --color-red-950: #4D0020;
  --color-blue-950: #06163C;
  --color-teal-950: #003C3A;
  --color-purple-950: #3B033D;
  --color-stone-800: #3A372D;
  --color-violet-300: #B2A6FF;
  --color-amber-300: #FAD55F;
  --color-zinc-100: #F6F6F6;
  --color-outline: #06163C;
  --color-primary: var(--color-black);
  --color-light: var(--color-white);
  --color-dark: var(--color-dark-base);
}
.theme-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.theme-light {
  background-color: var(--color-white);
  color: var(--color-black);
}
.theme-dark {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.theme-sky-200 {
  background-color: var(--color-sky-200);
  color: var(--color-black);
}
.theme-pink-300 {
  background-color: var(--color-pink-300);
  color: var(--color-black);
}
.theme-orange-200 {
  background-color: var(--color-orange-200);
  color: var(--color-black);
}
.theme-lime-300 {
  background-color: var(--color-lime-300);
  color: var(--color-black);
}
.theme-red-950 {
  background-color: var(--color-red-950);
  color: var(--color-white);
}
.theme-blue-950 {
  background-color: var(--color-blue-950);
  color: var(--color-white);
}
.theme-teal-950 {
  background-color: var(--color-teal-950);
  color: var(--color-white);
}
.theme-purple-950 {
  background-color: var(--color-purple-950);
  color: var(--color-white);
}
.theme-stone-800 {
  background-color: var(--color-stone-800);
  color: var(--color-white);
}
.theme-violet-300 {
  background-color: var(--color-violet-300);
  color: var(--color-black);
}
.theme-amber-300 {
  background-color: var(--color-amber-300);
  color: var(--color-black);
}
.theme-zinc-100 {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
}
.force-sky-200 {
  background-color: var(--color-sky-200) !important;
  color: var(--color-black) !important;
}
.force-pink-300 {
  background-color: var(--color-pink-300) !important;
  color: var(--color-black) !important;
}
.force-orange-200 {
  background-color: var(--color-orange-200) !important;
  color: var(--color-black) !important;
}
.force-lime-300 {
  background-color: var(--color-lime-300) !important;
  color: var(--color-black) !important;
}
.force-red-950 {
  background-color: var(--color-red-950) !important;
  color: var(--color-white) !important;
}
.force-blue-950 {
  background-color: var(--color-blue-950) !important;
  color: var(--color-white) !important;
}
.force-teal-950 {
  background-color: var(--color-teal-950) !important;
  color: var(--color-white) !important;
}
.force-purple-950 {
  background-color: var(--color-purple-950) !important;
  color: var(--color-white) !important;
}
.force-stone-800 {
  background-color: var(--color-stone-800) !important;
  color: var(--color-white) !important;
}
.force-violet-300 {
  background-color: var(--color-violet-300) !important;
  color: var(--color-black) !important;
}
.force-amber-300 {
  background-color: var(--color-amber-300) !important;
  color: var(--color-black) !important;
}
.force-zinc-100 {
  background-color: var(--color-zinc-100) !important;
  color: var(--color-black) !important;
}
.featured-label {
  &.theme-none, &.theme-light {
    background-color: var(--color-white);
    color: var(--color-black);
  }
  &.theme-pink-300 {
    color: var(--color-purple-950);
  }
  &.theme-sky-200 {
    color: var(--color-blue-950);
  }
  &.theme-orange-200 {
    color: var(--color-red-950);
  }
  &.theme-lime-300 {
    color: var(--color-teal-950);
  }
  &.theme-blue-950 {
    color: var(--color-sky-200);
  }
  &.theme-red-950 {
    color: var(--color-orange-200);
  }
  &.theme-teal-950 {
    color: var(--color-lime-300);
  }
  &.theme-purple-950 {
    color: var(--color-pink-300);
  }
  &.theme-violet-300 {
    color: var(--color-purple-950);
  }
  &.theme-amber-300 {
    color: var(--color-dark);
  }
}
.page-theme-none .header-wrapper {
  .featured-label {
    background-color: var(--color-black);
    color: var(--color-white);
  }
}
.page-theme-light .header-wrapper {
  background-color: var(--color-white);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-black);
    color: var(--color-white);
  }
}
.page-theme-primary .header-wrapper {
  background-color: var(--color-black);
  color: var(--color-white);
  .featured-label {
    background-color: var(--color-white);
    color: var(--color-black);
  }
}
.page-theme-dark .header-wrapper {
  background-color: var(--color-dark);
  color: var(--color-white);
  .featured-label {
    background-color: var(--color-white);
    color: var(--color-dark);
  }
}
.page-theme-sky-200 .header-wrapper {
  background-color: var(--color-sky-200);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-blue-950);
    color: var(--color-sky-200);
  }
}
.page-theme-pink-300 .header-wrapper {
  background-color: var(--color-pink-300);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-purple-950);
    color: var(--color-pink-300);
  }
}
.page-theme-orange-200 .header-wrapper {
  background-color: var(--color-orange-200);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-red-950);
    color: var(--color-orange-200);
  }
}
.page-theme-lime-300 .header-wrapper {
  background-color: var(--color-lime-300);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-teal-950);
    color: var(--color-lime-300);
  }
}
.page-theme-red-950 .header-wrapper {
  background-color: var(--color-red-950);
  color: var(--color-white);
  .featured-label {
    background-color: var(--color-orange-200);
    color: var(--color-red-950);
  }
}
.page-theme-blue-950 .header-wrapper {
  background-color: var(--color-blue-950);
  color: var(--color-white);
  .featured-label {
    background-color: var(--color-sky-200);
    color: var(--color-blue-950);
  }
}
.page-theme-teal-950 .header-wrapper {
  background-color: var(--color-teal-950);
  color: var(--color-white);
  .featured-label {
    background-color: var(--color-lime-300);
    color: var(--color-teal-950);
  }
}
.page-theme-purple-950 .header-wrapper {
  background-color: var(--color-purple-950);
  color: var(--color-white);
  .featured-label {
    background-color: var(--color-pink-300);
    color: var(--color-purple-950);
  }
}
.page-theme-stone-800 .header-wrapper {
  background-color: var(--color-stone-800);
  color: var(--color-white);
  .featured-label {
    background-color: var(--color-white);
    color: var(--color-stone-800);
  }
}
.page-theme-violet-300 .header-wrapper {
  background-color: var(--color-violet-300);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-purple-950);
    color: var(--color-violet-300);
  }
}
.page-theme-amber-300 .header-wrapper {
  background-color: var(--color-amber-300);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-black);
    color: var(--color-amber-300);
  }
}
.page-theme-zinc-100 .header-wrapper {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
  .featured-label {
    background-color: var(--color-black);
    color: var(--color-zinc-100);
  }
}
:root {
  --spacing-small: 24px;
  --spacing-medium: 40px;
  --spacing-large: 80px;
  --spacing-xlarge: 160px;
}
:root {
  --reset-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='40px' height='40px' viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21.32L21 3.32001' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3.32001L21 21.32' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --close-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
  --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
  --search-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='40px' height='40px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9536 14.9458L21 21M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --search-icon-gray: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='40px' height='40px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9536 14.9458L21 21M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%23A09F97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --chevron-icon-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5 8.25 12l7.5-7.5'/%3E%3C/svg%3E");
  --chevron-icon-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5'/%3E%3C/svg%3E");
  --external-icon-light: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23FFFFFF; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-dark: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23000000; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-primary: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23000000; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-dark-base: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %231D1913; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-sky-200: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %238DE0FF; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-pink-300: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23FF9BED; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-orange-200: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23FFA488; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-lime-300: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2390F977; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-violet-300: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23A596FF; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-amber-300: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23FAD55F; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-zinc-100: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23F6F6F6; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-red-950: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %234D0020; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-blue-950: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2306163C; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-teal-950: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23003C3A; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-purple-950: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %233B033D; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-stone-800: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %233A372D; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --quote-icon: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.62231 6.78278C10.0546 6.43909 10.1265 5.81001 9.78277 5.3777C9.43908 4.94539 8.81001 4.87354 8.37769 5.21724C4.73471 8.11342 4 11.8784 4 16C4 17.6569 5.34315 19 7 19C8.65685 19 10 17.6569 10 16C10 14.3432 8.65685 13 7 13C6.71233 13 6.43412 13.0405 6.17076 13.1161C6.5162 10.5872 7.45738 8.50391 9.62231 6.78278ZM20 16C20 17.6569 18.6569 19 17 19C15.3431 19 14 17.6569 14 16C14 11.8784 14.7347 8.11342 18.3777 5.21724C18.81 4.87354 19.4391 4.94539 19.7828 5.3777C20.1265 5.81001 20.0546 6.43909 19.6223 6.78278C17.4574 8.50391 16.5162 10.5872 16.1708 13.1161C16.4341 13.0405 16.7123 13 17 13C18.6569 13 20 14.3432 20 16Z' fill='%23000000'/%3E%3C/svg%3E");
  --arrow-left-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18' /%3E%3C/svg%3E%0A");
  --arrow-right-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3' /%3E%3C/svg%3E%0A");
}
@layer utilities {
  .icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 16px;
    background-color: currentColor;
  }
  .icon-sm {
    mask-size: 16px;
  }
  .icon-md {
    mask-size: 24px;
  }
  .icon-lg {
    mask-size: 32px;
  }
  .icon-xl {
    mask-size: 48px;
  }
  .icon-arrow-left {
    mask-image: var(--arrow-left-icon);
  }
  .icon-arrow-right {
    mask-image: var(--arrow-right-icon);
  }
  .icon-chevron-left {
    mask-image: var(--chevron-icon-left);
  }
  .icon-chevron-right {
    mask-image: var(--chevron-icon-right);
  }
  .icon-search {
    mask-image: var(--search-icon);
  }
  .icon-menu {
    mask-image: var(--menu-icon);
  }
  .icon-close {
    mask-image: var(--close-icon);
  }
}
:root {
  color-scheme: only light;
}
html {
  color-scheme: light;
}
.panel-mobile-menu__nav, .searchpanel__panel, .district__description-block, .district__map-modal {
  overscroll-behavior: contain;
}
body {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  @media (width >= 48rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
main {
  overflow-x: clip;
}
.brand {
  display: flex;
  min-width: 0;
}
.brand svg {
  display: block;
  width: auto;
  height: 32px;
  max-width: 100%;
  object-fit: contain;
}
.mobile-menubar__brand {
  min-width: 0;
  max-width: 140px;
}
.mobile-menubar__brand svg {
  width: auto;
  height: 24px;
  max-width: 140px;
}
.panel-menu-overlay {
  top: var(--mobile-menubar-height, 4.75rem);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 540;
}
.panel-menu-dialog {
  top: var(--mobile-menubar-height, 4.75rem);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 545;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.35s ease, visibility 0s linear 0.35s;
}
.panel-menu-dialog.is-open {
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: transform 0.35s ease, visibility 0s linear 0s;
}
@media (prefers-reduced-motion: reduce) {
  .panel-menu-dialog, .panel-menu-dialog.is-open {
    transition: none;
  }
}
@layer base {
  :focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
  }
  :focus-visible {
    outline: 2px dotted var(--color-outline);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--color-white);
  }
}
.skip-link {
  position: absolute;
  left: 1rem;
  top: -100%;
  z-index: 9999;
  padding: 0.75rem 1rem;
  background: #000;
  color: #fff;
  text-decoration: none;
}
.skip-link:focus, .skip-link:focus-visible {
  top: 1rem;
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: none;
}
.skip-target {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.skip-target:focus, .skip-target:focus-visible {
  outline: none;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
[x-cloak] {
  display: none;
}
@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);
  }
}
: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-container {
  position: relative;
  overflow: hidden;
  ::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
  .swiper-slide {
    box-sizing: border-box;
  }
}
.swiper-navs .swiper-button-prev, .swiper-navs .swiper-button-next {
  margin-top: 0 !important;
  top: auto !important;
  padding: 0;
}
.swiper-autoplay-toggle {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-left: 0.25rem;
  border: 0;
  border-radius: 9999px;
  background: #1d1913;
  color: #fff;
  cursor: pointer;
}
.swiper-autoplay-toggle__pause, .swiper-autoplay-toggle__play {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background: currentColor;
}
.swiper-autoplay-toggle__pause {
  clip-path: inset(0 0 0 0);
  box-shadow: inset 0.2rem 0 0 currentColor, inset -0.2rem 0 0 currentColor;
  background: transparent;
  border-left: 0.2rem solid currentColor;
  border-right: 0.2rem solid currentColor;
  width: 0.65rem;
  height: 0.7rem;
}
.swiper-autoplay-toggle__play {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 0.65rem;
  height: 0.7rem;
}
.swiper-autoplay-toggle[aria-pressed="false"] .swiper-autoplay-toggle__play, .swiper-autoplay-toggle[aria-pressed="true"] .swiper-autoplay-toggle__pause {
  display: none;
}
.header-motion-toggle {
  position: absolute;
  z-index: 20;
  right: 1rem;
  bottom: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 0;
  border-radius: 9999px;
  background: rgba(6, 22, 60, 0.85);
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.2;
  cursor: pointer;
  pointer-events: auto;
}
.header-motion-toggle[aria-pressed="true"] {
  background: rgba(6, 22, 60, 0.95);
}
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}
.vjs-svg-icon:hover, .vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}
.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}
.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}
.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}
.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}
.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}
.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}
.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}
.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}
.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}
.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}
.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *, .video-js *:before, .video-js *:after {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}
body.vjs-full-window, body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text, .vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a, .vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}
.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}
.vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: block;
}
.vjs-button > .vjs-svg-icon {
  display: inline-block;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}
.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}
.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}
.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}
.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}
.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}
.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.vjs-error .vjs-text-track-display {
  display: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}
@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control {
  display: none;
}
.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-error .vjs-loading-spinner {
  display: none;
}
.vjs-loading-spinner:before, .vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}
.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}
.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}
.vjs-error .vjs-text-track-settings {
  display: none;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}
.vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.vjs-error .vjs-title-bar {
  display: none;
}
.vjs-title-bar-title, .vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}
.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}
.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}
.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}
.video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}
.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}
.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}
.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}
.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}
.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}
.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}
.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}
.video-js *:focus:not(:focus-visible) {
  outline: none;
}
.video-js-wrapper.as-header {
  [data-setup] {
    height: auto;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  .video-js {
    object-fit: cover;
  }
}
.otgs-development-site-front-end {
  display: none;
  visibility: hidden;
}
figure.image-fit-cover {
  width: 100%;
  height: 100%;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
img.image-fit-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-media {
  position: relative;
  margin-bottom: calc(var(--spacing) * 0) !important;
  display: block;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  &::before {
    content: '';
    display: block;
    padding-top: 66.6667%;
  }
  img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.card-media--16-9::before {
  padding-top: 56.25%;
}
.gform_wrapper p, .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3, .gform_wrapper h4, .gform_wrapper h5, .gform_wrapper h6 {
  padding: calc(var(--spacing) * 0);
}
.gform_wrapper p {
  margin-bottom: calc(var(--spacing) * 8);
}
.gform_heading .gform_required_legend {
  display: none;
}
.gform_body .gform_fields .gfield p, .gform_body .gform_fields .gfield h1, .gform_body .gform_fields .gfield h2, .gform_body .gform_fields .gfield h3, .gform_body .gform_fields .gfield h4, .gform_body .gform_fields .gfield h5, .gform_body .gform_fields .gfield h6 {
  padding: calc(var(--spacing) * 0);
}
.gform_body .gform_fields .gfield p {
  margin-bottom: calc(var(--spacing) * 8);
}
.gfield_label {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.ginput_container_consent input[type="checkbox"] {
  float: left;
  margin-top: calc(var(--spacing) * 1);
  width: auto;
  appearance: none;
}
.ginput_container_consent .gfield_consent_label {
  float: left;
  display: block;
  width: 95%;
  padding-left: 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-normal);
  font-weight: var(--font-weight-normal);
}
.gfield_consent_description {
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding-left: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.gfield_consent_description a:hover {
  text-decoration-line: none;
}
.gfield_error .gfield_validation_message {
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 2.5);
}
.gform_validation_errors {
  margin-bottom: calc(var(--spacing) * 8);
  border-radius: 0;
  --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);
}
.gform_validation_errors h2 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1.325rem;
  line-height: 1.325rem;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.gform_footer .gform_button {
  cursor: pointer;
}
.cmplz-cookiebanner {
  --cmplz_text_font_size: 1rem;
  --cmplz_link_font_size: 1rem;
  --cmplz_category_body_font_size: 1rem;
  --cmplz_title_font_size: 1.125rem;
  --cmplz_button_font_size: 1rem;
  --cmplz_category_header_title_font_size: 1rem;
  --cmplz_category_header_active_font_size: 0.875rem;
  font-family: inherit;
}
.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-title, .cmplz-cookiebanner .cmplz-btn, .cmplz-cookiebanner .cmplz-link, .cmplz-cookiebanner .cmplz-category-title, .cmplz-cookiebanner .cmplz-description {
  font-family: inherit;
}
#cmplz-document, #cmplz-cookies-overview {
  font-family: inherit;
}
#cmplz-document h5, #cmplz-document span h3 {
  font-family: inherit;
}
#cmplz-document p, #cmplz-document li, #cmplz-document td, #cmplz-document .cmplz-dropdown p, #cmplz-document .cmplz-dropdown a, #cmplz-document .cmplz-dropdown summary p, #cmplz-cookies-overview .cmplz-dropdown p, #cmplz-cookies-overview .cmplz-dropdown a, #cmplz-cookies-overview .cmplz-dropdown summary p {
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  @media (width >= 48rem) {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  font-family: inherit;
}
.advanced-columns {
  display: grid;
  @media (max-width: 639px) {
    grid-template-columns: 1fr !important;
  }
  &.columns-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  &.columns-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  &.gap-small {
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  &.gap-medium {
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  &.gap-large {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .advanced-column {
    display: flex;
    flex-direction: column;
  }
}
.content-module-featured {
  .content-module-wrapper {
    .swiper-slide {
      &::before {
        content: '';
        pointer-events: none;
        position: absolute;
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 1;
        height: 55%;
        width: 100%;
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
      @media (max-width: 1023px) {
        &::before {
          height: 45%;
        }
      }
      figure {
        z-index: 0;
      }
      > div {
        position: relative;
        z-index: 10;
      }
      .image-copyright-badge {
        top: calc(var(--spacing) * 2);
        right: calc(var(--spacing) * 2);
        bottom: auto;
        left: auto;
      }
    }
    .featured-carousel-controls {
      pointer-events: none;
      position: absolute;
      inset-inline: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      z-index: 20;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      padding-inline: calc(var(--spacing) * 3);
      padding-top: calc(var(--spacing) * 10);
      padding-bottom: calc(var(--spacing) * 3);
      @media (width >= 48rem) {
        padding-inline: calc(var(--spacing) * 4);
      }
      @media (width >= 48rem) {
        padding-bottom: calc(var(--spacing) * 3.5);
      }
      .swiper-button-prev, .swiper-button-next {
        pointer-events: auto;
        position: relative;
        z-index: 1;
        display: flex;
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9);
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-black);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
        }
        color: var(--color-white);
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 0 !important;
        &:after {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          --tw-leading: 1;
          line-height: 1;
        }
      }
      .swiper-pagination {
        pointer-events: auto;
        bottom: 1.5rem;
        left: calc(1/2 * 100%);
        z-index: 1;
        display: flex;
        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 1.5);
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
      }
    }
  }
}
.content-module-pagination-white .swiper-pagination {
  bottom: calc(var(--spacing) * 3.5);
  left: calc(1/2 * 100%);
  width: auto;
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.content-module-pagination-white .swiper-pagination-bullet {
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
  background-color: transparent;
  opacity: 100%;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  @media (width >= 80rem) {
    height: calc(var(--spacing) * 3.5);
  }
  @media (width >= 80rem) {
    width: calc(var(--spacing) * 3.5);
  }
}
.content-module-pagination-white .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}
@media (max-width: 1023px) {
  .content-module-pagination-white .swiper-pagination-bullet {
    position: relative;
    margin: calc(var(--spacing) * 0) !important;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent !important;
    &::before {
      content: '';
      position: absolute;
      top: calc(1/2 * 100%);
      left: calc(1/2 * 100%);
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      background-color: transparent;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .content-module-pagination-white .swiper-pagination-bullet-active::before {
    background-color: var(--color-white);
  }
  .content-module-featured .content-module-wrapper .featured-carousel-controls .swiper-pagination {
    bottom: 1.125rem;
    gap: calc(var(--spacing) * 0);
  }
}
.content-module-pagination-white .swiper-button-next, .content-module-pagination-white .swiper-button-prev {
  bottom: calc(var(--spacing) * 2);
  color: var(--color-white);
  &:after {
    font-size: 20px;
    --tw-leading: 20px;
    line-height: 20px;
  }
}
.content-module-slides {
  position: relative;
  padding-bottom: calc(var(--slides-content-height, 11rem) / 2 + 2rem);
  .slides-stage__carousel {
    --slides-stage-slide-width: min(87vw, 1100px);
    --slides-stage-content-width: min(80vw, 800px);
    margin-left: calc(-50vw + 50%);
    width: 100vw;
  }
  .slides-stage__nav {
    width: var(--slides-stage-slide-width);
    position: relative;
    z-index: 10;
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
  }
  .slides-stage__nav-list .odp-title-button:hover {
    border-color: transparent;
  }
  .slides-stage__nav-list .odp-title-button:hover > span.relative {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    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;
  }
  .slides-stage__nav-list[data-theme='primary'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='dark'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='red-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='blue-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='teal-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='purple-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='stone-800'] .odp-title-button:hover > span.relative {
    color: var(--color-white);
  }
  .slides-stage__media {
    position: relative;
    overflow: visible;
  }
  .swiper-images {
    width: 100%;
    overflow: hidden;
    .swiper-slide {
      width: var(--slides-stage-slide-width);
    }
    .image-copyright-badge {
      top: calc(var(--spacing) * 2);
      right: calc(var(--spacing) * 2);
      bottom: auto;
      left: auto;
    }
  }
  .slides-stage__content {
    width: var(--slides-stage-content-width);
    pointer-events: none;
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    z-index: 10;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .swiper-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    .swiper-slide {
      pointer-events: auto;
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    --slides-stage-overlap: 3.5rem;
    padding-bottom: calc(var(--slides-content-height, 11rem) - var(--slides-stage-overlap) + 1.5rem);
    .slides-stage__content {
      width: calc(var(--slides-stage-slide-width) - 2rem);
      max-width: none;
      bottom: 0;
      translate: -50% calc(100% - var(--slides-stage-overlap));
    }
    .swiper-content .swiper-slide {
      justify-content: flex-start;
    }
    .swiper-content .swiper-navs {
      gap: calc(var(--spacing) * 1);
      padding: calc(var(--spacing) * 4) !important;
      .swiper-button-next, .swiper-button-prev {
        width: calc(var(--spacing) * 6) !important;
        height: calc(var(--spacing) * 6) !important;
        padding: calc(var(--spacing) * 0) !important;
        .icon {
          margin: calc(var(--spacing) * 0) !important;
          width: calc(var(--spacing) * 3) !important;
          height: calc(var(--spacing) * 3) !important;
        }
      }
    }
  }
}
.content-module-slides h2 {
  margin-bottom: calc(var(--spacing) * 4);
  text-align: center;
}
.content-module-slides .slides-stage__nav-list .odp-title-button {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  white-space: nowrap;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.content-module-slides .swiper-titles {
  overflow: hidden;
}
.content-module-slides .swiper-titles .swiper-slide {
  width: auto;
}
.content-module-slides .swiper-titles .odp-title-button {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  white-space: nowrap;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.content-module-slides .swiper-titles .swiper-slide-active .odp-title-button {
  --tw-border-style: none;
  border-style: none;
}
.content-module-slides .swiper-content > .swiper-navs {
  pointer-events: auto;
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  left: auto;
  z-index: 20;
  display: flex;
  width: auto;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--spacing) * 2);
  .swiper-button-next, .swiper-button-prev {
    position: static !important;
    margin: calc(var(--spacing) * 0) !important;
    display: flex;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    cursor: pointer;
    appearance: none;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-white);
    color: var(--color-black);
    --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);
    &:after {
      display: none;
      --tw-content: none;
      content: none;
    }
    &.swiper-button-disabled {
      cursor: default;
      opacity: 40%;
    }
    svg, .icon {
      margin: calc(var(--spacing) * 0) !important;
      display: block;
      width: calc(var(--spacing) * 4) !important;
      height: calc(var(--spacing) * 4) !important;
      flex-shrink: 0;
      mask-size: contain;
    }
  }
}
.content-module-cards .swiper-wrapper {
  align-items: stretch;
}
.content-module-cards .swiper-slide {
  display: flex;
  height: auto;
}
.content-module-cards .swiper-slide > a, .content-module-cards .swiper-slide > div {
  height: 100%;
  width: 100%;
}
.content-module-cards .swiper-button-next, .content-module-cards .swiper-button-prev {
  color: white;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .content-module-cards .swiper-slide, .odp-module-cards .swiper-slide {
    width: calc((100vw + 672px) / 4.5);
    max-width: none;
  }
}
.content-module-cards {
  .swiper-navs {
    background-color: transparent !important;
    &.theme-none {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-dark);
        &:hover {
          background-color: var(--color-black);
        }
      }
    }
    &.theme-light, &.theme-dark {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-dark);
        &:hover {
          background-color: var(--color-black);
        }
      }
    }
    &.theme-primary {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-black);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
    &.theme-pink-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-purple-950);
        &:hover {
          background-color: var(--color-pink-300);
        }
      }
    }
    &.theme-sky-200 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-orange-200 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-red-950);
        &:hover {
          background-color: var(--color-orange-200);
        }
      }
    }
    &.theme-lime-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-teal-950);
        &:hover {
          background-color: var(--color-lime-300);
        }
      }
    }
    &.theme-red-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-red-950);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
    &.theme-teal-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-teal-950);
        &:hover {
          background-color: var(--color-lime-300);
        }
      }
    }
    &.theme-blue-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-purple-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-purple-950);
        &:hover {
          background-color: var(--color-pink-300);
        }
      }
    }
    &.theme-stone-800 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-stone-800);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
    &.theme-violet-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-violet-300);
        &:hover {
          background-color: var(--color-purple-950);
        }
      }
    }
    &.theme-amber-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-zinc-100 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-amber-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-dark);
        &:hover {
          background-color: var(--color-amber-300);
        }
      }
    }
    &.theme-zinc-100 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-black);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
  }
}
.content-module-wall {
  .theme-none, .theme-light {
    .heading-label {
      h2 {
        color: var(--color-black);
      }
      div {
        p, span {
          background-color: var(--color-black);
          color: var(--color-white);
        }
      }
    }
  }
  .theme-dark {
    .heading-label {
      h2 {
        color: var(--color-white);
      }
      div {
        p, span {
          background-color: var(--color-white);
          color: var(--color-dark);
        }
      }
    }
  }
  .theme-primary {
    .heading-label {
      h2 {
        color: var(--color-white);
      }
      div {
        p, span {
          background-color: var(--color-white);
          color: var(--color-black);
        }
      }
    }
  }
  .theme-sky-200 {
    .heading-label {
      h2 {
        color: var(--color-blue-950);
      }
      div {
        p, span {
          background-color: var(--color-blue-950);
          color: var(--color-sky-200);
        }
      }
    }
  }
  .theme-pink-300 {
    .heading-label {
      h2 {
        color: var(--color-purple-950);
      }
      div {
        p, span {
          background-color: var(--color-purple-950);
          color: var(--color-pink-300);
        }
      }
    }
  }
  .theme-orange-200 {
    .heading-label {
      h2 {
        color: var(--color-red-950);
      }
      div {
        p, span {
          background-color: var(--color-red-950);
          color: var(--color-orange-200);
        }
      }
    }
  }
  .theme-lime-300 {
    .heading-label {
      h2 {
        color: var(--color-teal-950);
      }
      div {
        p, span {
          background-color: var(--color-teal-950);
          color: var(--color-lime-300);
        }
      }
    }
  }
  .theme-red-950 {
    .heading-label {
      h2 {
        color: var(--color-orange-200);
      }
      div {
        p, span {
          background-color: var(--color-orange-200);
          color: var(--color-red-950);
        }
      }
    }
  }
  .theme-blue-950 {
    .heading-label {
      h2 {
        color: var(--color-sky-200);
      }
      div {
        p, span {
          background-color: var(--color-sky-200);
          color: var(--color-blue-950);
        }
      }
    }
  }
  .theme-teal-950 {
    .heading-label {
      h2 {
        color: var(--color-lime-300);
      }
      div {
        p, span {
          background-color: var(--color-lime-300);
          color: var(--color-teal-950);
        }
      }
    }
  }
  .theme-purple-950 {
    .heading-label {
      h2 {
        color: var(--color-pink-300);
      }
      div {
        p, span {
          background-color: var(--color-pink-300);
          color: var(--color-purple-950);
        }
      }
    }
  }
  .theme-stone-800 {
    .heading-label {
      h2 {
        color: var(--color-white);
      }
      div {
        p, span {
          background-color: var(--color-white);
          color: var(--color-stone-800);
        }
      }
    }
  }
  .theme-violet-300 {
    .heading-label {
      h2 {
        color: var(--color-purple-950);
      }
      div {
        p, span {
          background-color: var(--color-purple-950);
          color: var(--color-violet-300);
        }
      }
    }
  }
  .theme-amber-300 {
    .heading-label {
      h2 {
        color: var(--color-stone-800);
      }
      div {
        p, span {
          background-color: var(--color-stone-800);
          color: var(--color-amber-300);
        }
      }
    }
  }
  .theme-zinc-100 {
    .heading-label {
      h2 {
        color: var(--color-stone-800);
      }
      div {
        p, span {
          background-color: var(--color-stone-800);
          color: var(--color-zinc-100);
        }
      }
    }
  }
}
.content-module-wall > .wrapper, .odp-module-wall > .content-wall {
  padding-block: calc(var(--spacing) * 8);
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 12);
  }
  @media (width >= 80rem) {
    padding-block: calc(var(--spacing) * 18);
  }
}
.advanced-container .content-module-wall > .wrapper, .advanced-container .odp-module-wall > .content-wall {
  padding-block: calc(var(--spacing) * 0);
}
.odp-module-pagination-white .swiper-pagination-bullet {
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-white);
  background-color: transparent;
  opacity: 100%;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  @media (width >= 80rem) {
    height: calc(var(--spacing) * 3.5);
  }
  @media (width >= 80rem) {
    width: calc(var(--spacing) * 3.5);
  }
}
.odp-module-pagination-white .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}
.odp-module-pagination-white .swiper-button-next, .odp-module-pagination-white .swiper-button-prev {
  top: auto;
  bottom: 80px;
  color: white;
}
.odp-module-slides {
  position: relative;
  padding-bottom: calc(var(--slides-content-height, 11rem) / 2 + 2rem);
  .slides-stage__carousel {
    --slides-stage-slide-width: min(87vw, 1100px);
    --slides-stage-content-width: min(72vw, 680px);
    margin-left: calc(-50vw + 50%);
    width: 100vw;
  }
  .slides-stage__nav {
    width: var(--slides-stage-slide-width);
    position: relative;
    z-index: 10;
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
  }
  .slides-stage__nav-list .odp-title-button:hover {
    border-color: transparent;
  }
  .slides-stage__nav-list .odp-title-button:hover > span.relative {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    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;
  }
  .slides-stage__nav-list[data-theme='primary'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='dark'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='red-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='blue-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='teal-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='purple-950'] .odp-title-button:hover > span.relative, .slides-stage__nav-list[data-theme='stone-800'] .odp-title-button:hover > span.relative {
    color: var(--color-white);
  }
  .slides-stage__media {
    position: relative;
    overflow: visible;
  }
  .swiper-images {
    width: 100%;
    overflow: hidden;
    .swiper-slide {
      width: var(--slides-stage-slide-width);
    }
    .image-copyright-badge {
      top: calc(var(--spacing) * 2);
      right: calc(var(--spacing) * 2);
      bottom: auto;
      left: auto;
    }
  }
  .slides-stage__content {
    width: var(--slides-stage-content-width);
    pointer-events: none;
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    z-index: 10;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .swiper-content {
    width: 100%;
    overflow: hidden;
    .swiper-slide {
      pointer-events: auto;
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    --slides-stage-overlap: 3.5rem;
    padding-bottom: calc(var(--slides-content-height, 11rem) - var(--slides-stage-overlap) + 1.5rem);
    .slides-stage__content {
      width: calc(var(--slides-stage-slide-width) - 2rem);
      max-width: none;
      bottom: 0;
      translate: -50% calc(100% - var(--slides-stage-overlap));
    }
    .swiper-content .swiper-slide {
      justify-content: flex-start;
    }
  }
}
.odp-module-slides h2 {
  margin-bottom: calc(var(--spacing) * 4);
  text-align: center;
}
.odp-module-slides .swiper-titles {
  overflow: hidden;
}
.odp-module-slides .slides-stage__nav-list .odp-title-button {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  white-space: nowrap;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.odp-module-slides .swiper-titles .swiper-slide {
  width: auto;
}
.odp-module-slides .swiper-titles .odp-title-button {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  white-space: nowrap;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.odp-module-slides .swiper-titles .swiper-slide-active .odp-title-button {
  --tw-border-style: none;
  border-style: none;
}
.odp-module-slides .swiper-button-next, .odp-module-slides .swiper-button-prev {
  top: auto;
  bottom: 0;
  color: white;
}
.odp-module-cards .swiper-button-next, .odp-module-cards .swiper-button-prev {
  color: white;
}
.odp-module-cards .swiper-wrapper {
  align-items: stretch;
}
.odp-module-cards .swiper-slide {
  display: flex;
  height: auto;
}
.odp-module-cards .swiper-slide > a {
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .content-module-cards .swiper-slide, .odp-module-cards .swiper-slide {
    width: calc((100vw + 672px) / 4.5);
    max-width: none;
  }
}
.archive-odp, .odp-module-grid {
  color: var(--color-blue-950);
  .agenda-filter-bar, .odp-grid-filter-bar {
    margin-bottom: calc(var(--spacing) * 10);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .agenda-date-filters, .agenda-type-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .agenda-chip {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    gap: max(0.2em, 0.375rem);
    font-family: var(--font-title);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background-color: #e4e4e4;
    color: var(--color-blue-950);
    border: none;
    border-radius: 0;
    box-shadow: none;
    line-height: 1;
    &:hover {
      background-color: #d4d4d4;
    }
    &.is-active {
      background-color: var(--color-blue-950);
      color: var(--color-white);
    }
  }
  .agenda-chip--date {
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2);
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .agenda-chip--type {
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0.5);
    }
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 1);
    }
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .agenda-chip__clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --tw-leading: 1;
    line-height: 1;
    margin-top: -0.06em;
    font-family: var(--font-sans, inherit);
    font-size: 1.1em;
  }
  .agenda-date-picker-anchor {
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .agenda-date-input-anchor {
    pointer-events: none;
    position: absolute;
    opacity: 0%;
    width: 1px;
    height: 1px;
    left: 0;
    top: calc(100% + 2px);
  }
  .agenda-meta {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .agenda-meta__count {
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-blue-950);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .agenda-sort {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .agenda-sort__label {
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-blue-950);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .agenda-sort__select {
    height: calc(var(--spacing) * 10);
    min-width: 180px;
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    padding-right: calc(var(--spacing) * 10);
    padding-left: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-blue-950);
    border: 1px solid var(--color-blue-950);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-blue-950) 70%, transparent);
    }
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2306163C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 0.875rem;
  }
}
.odp-module-grid {
  .agenda-meta {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .odp-grid-cards {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    align-items: stretch;
  }
  .odp-grid-card {
    margin-right: calc(var(--spacing) * 0);
    height: auto;
    max-width: none;
    &.surface-stone-800 {
      background-color: var(--color-stone-800);
      color: var(--color-white);
    }
    &.surface-blue-950 {
      background-color: var(--color-blue-950);
      color: var(--color-white);
    }
    &.surface-white {
      background-color: var(--color-white);
      color: var(--color-blue-950);
    }
    &.surface-violet-300 {
      background-color: var(--color-violet-300);
      color: var(--color-black);
    }
    .card-label.theme-lime-300 {
      background-color: var(--color-lime-300);
      color: var(--color-teal-950);
    }
    .card-label.theme-sky-200 {
      background-color: var(--color-sky-200);
      color: var(--color-blue-950);
    }
    .card-label.theme-light {
      background-color: var(--color-white);
      color: var(--color-black);
    }
  }
}
@media (min-width: 768px) {
  .odp-module-grid {
    .odp-grid-cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 7);
    }
  }
}
@media (min-width: 1200px) {
  .odp-module-grid {
    .odp-grid-cards {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
    }
  }
}
.odp-module-cards {
  .swiper-navs {
    background-color: transparent !important;
    &.theme-none {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-dark);
        &:hover {
          background-color: var(--color-black);
        }
      }
    }
    &.theme-light, &.theme-dark {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-dark);
        &:hover {
          background-color: var(--color-black);
        }
      }
    }
    &.theme-primary {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-black);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
    &.theme-pink-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-purple-950);
        &:hover {
          background-color: var(--color-pink-300);
        }
      }
    }
    &.theme-sky-200 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-orange-200 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-red-950);
        &:hover {
          background-color: var(--color-orange-200);
        }
      }
    }
    &.theme-lime-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-teal-950);
        &:hover {
          background-color: var(--color-lime-300);
        }
      }
    }
    &.theme-red-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-red-950);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
    &.theme-teal-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-teal-950);
        &:hover {
          background-color: var(--color-lime-300);
        }
      }
    }
    &.theme-blue-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-purple-950 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-purple-950);
        &:hover {
          background-color: var(--color-pink-300);
        }
      }
    }
    &.theme-stone-800 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-stone-800);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
    &.theme-violet-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-violet-300);
        &:hover {
          background-color: var(--color-purple-950);
        }
      }
    }
    &.theme-amber-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-zinc-100 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-blue-950);
        &:hover {
          background-color: var(--color-sky-200);
        }
      }
    }
    &.theme-amber-300 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-dark);
        &:hover {
          background-color: var(--color-amber-300);
        }
      }
    }
    &.theme-zinc-100 {
      .swiper-button-prev, .swiper-button-next {
        background-color: var(--color-black);
        &:hover {
          background-color: var(--color-dark);
        }
      }
    }
  }
}
.odp-module-wall {
  .theme-none, .theme-light {
    .heading-label {
      h2 {
        color: var(--color-black);
      }
      div {
        p, span {
          background-color: var(--color-black);
          color: var(--color-white);
        }
      }
    }
  }
  .theme-dark {
    .heading-label {
      h2 {
        color: var(--color-white);
      }
      div {
        p, span {
          background-color: var(--color-white);
          color: var(--color-dark);
        }
      }
    }
  }
  .theme-primary {
    .heading-label {
      h2 {
        color: var(--color-white);
      }
      div {
        p, span {
          background-color: var(--color-white);
          color: var(--color-black);
        }
      }
    }
  }
  .theme-sky-200 {
    .heading-label {
      h2 {
        color: var(--color-blue-950);
      }
      div {
        p, span {
          background-color: var(--color-blue-950);
          color: var(--color-sky-200);
        }
      }
    }
  }
  .theme-pink-300 {
    .heading-label {
      h2 {
        color: var(--color-purple-950);
      }
      div {
        p, span {
          background-color: var(--color-purple-950);
          color: var(--color-pink-300);
        }
      }
    }
  }
  .theme-orange-200 {
    .heading-label {
      h2 {
        color: var(--color-red-950);
      }
      div {
        p, span {
          background-color: var(--color-red-950);
          color: var(--color-orange-200);
        }
      }
    }
  }
  .theme-lime-300 {
    .heading-label {
      h2 {
        color: var(--color-teal-950);
      }
      div {
        p, span {
          background-color: var(--color-teal-950);
          color: var(--color-lime-300);
        }
      }
    }
  }
  .theme-red-950 {
    .heading-label {
      h2 {
        color: var(--color-orange-200);
      }
      div {
        p, span {
          background-color: var(--color-orange-200);
          color: var(--color-red-950);
        }
      }
    }
  }
  .theme-blue-950 {
    .heading-label {
      h2 {
        color: var(--color-sky-200);
      }
      div {
        p, span {
          background-color: var(--color-sky-200);
          color: var(--color-blue-950);
        }
      }
    }
  }
  .theme-teal-950 {
    .heading-label {
      h2 {
        color: var(--color-lime-300);
      }
      div {
        p, span {
          background-color: var(--color-lime-300);
          color: var(--color-teal-950);
        }
      }
    }
  }
  .theme-purple-950 {
    .heading-label {
      h2 {
        color: var(--color-pink-300);
      }
      div {
        p, span {
          background-color: var(--color-pink-300);
          color: var(--color-purple-950);
        }
      }
    }
  }
  .theme-stone-800 {
    .heading-label {
      h2 {
        color: var(--color-white);
      }
      div {
        p, span {
          background-color: var(--color-white);
          color: var(--color-stone-800);
        }
      }
    }
  }
  .theme-violet-300 {
    .heading-label {
      h2 {
        color: var(--color-purple-950);
      }
      div {
        p, span {
          background-color: var(--color-purple-950);
          color: var(--color-violet-300);
        }
      }
    }
  }
  .theme-amber-300 {
    .heading-label {
      h2 {
        color: var(--color-stone-800);
      }
      div {
        p, span {
          background-color: var(--color-stone-800);
          color: var(--color-amber-300);
        }
      }
    }
  }
  .theme-zinc-100 {
    .heading-label {
      h2 {
        color: var(--color-stone-800);
      }
      div {
        p, span {
          background-color: var(--color-stone-800);
          color: var(--color-zinc-100);
        }
      }
    }
  }
}
.masonry-grid {
  display: grid;
  grid-auto-rows: 8px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 10);
  row-gap: calc(var(--spacing) * 14);
  overflow: visible;
}
@media (min-width: 640px) {
  .masonry-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .masonry-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .masonry-grid {
    grid-auto-rows: auto;
    row-gap: 4rem;
  }
  .masonry-item figure {
    margin-bottom: 2rem;
  }
}
.odp-item {
  background-color: var(--color-stone-800);
  color: var(--color-white);
  main a {
    color: var(--color-white);
  }
  main .odp-module-cards .swiper-slide.theme-sky-200 {
    color: var(--color-blue-950);
  }
}
.odp-item.page-theme-violet-300 {
  background-color: var(--color-violet-300);
  color: var(--color-black);
  main a {
    color: var(--color-black);
  }
}
.archive-odp {
  .agenda-search-row {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .agenda-search {
    position: relative;
    width: 100%;
    max-width: 52rem;
  }
  .agenda-search__icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    z-index: 2;
    width: 1.15rem;
    height: 1.15rem;
    transform: translateY(-50%);
    pointer-events: none;
    background-color: var(--color-blue-950);
    mask-image: var(--search-icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--search-icon);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
  }
  .agenda-search__input {
    height: calc(var(--spacing) * 12);
    width: 100%;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-blue-950);
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 14);
    }
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    border: 1px solid var(--color-blue-950);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-blue-950) 70%, transparent);
    }
    padding-left: 2.75rem;
    padding-right: 1rem;
    appearance: none;
    -webkit-appearance: none;
    &::placeholder {
      color: var(--color-blue-950);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-blue-950) 45%, transparent);
      }
    }
    &:focus {
      outline: none;
      box-shadow: 0 0 0 3px var(--color-blue-950);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-blue-950) 12%, transparent);
      }
    }
  }
  .agenda-search__input::-webkit-search-decoration, .agenda-search__input::-webkit-search-cancel-button, .agenda-search__input::-webkit-search-results-button, .agenda-search__input::-webkit-search-results-decoration {
    display: none;
  }
  .agenda-cards-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    align-items: stretch;
  }
  .agenda-cards-grid .swiper-slide {
    margin-right: calc(var(--spacing) * 0);
    height: auto;
    width: 100%;
    max-width: none;
    background-color: var(--color-stone-800);
    color: var(--color-white);
    .card-label {
      background-color: var(--color-lime-300);
      color: var(--color-teal-950);
    }
  }
}
@media (min-width: 768px) {
  .archive-odp {
    .agenda-cards-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 7);
    }
  }
}
@media (min-width: 1200px) {
  .archive-odp {
    .agenda-cards-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
    }
  }
}
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: transparent;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(https://visitleeuwarden.com/wp-content/themes/visitleeuwarden/dist/css/#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-top, .leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
  transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255,255,255,0.5);
}
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover, .leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(https://visitleeuwarden.com/wp-content/themes/visitleeuwarden/dist/css/images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(https://visitleeuwarden.com/wp-content/themes/visitleeuwarden/dist/css/images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url(https://visitleeuwarden.com/wp-content/themes/visitleeuwarden/dist/css/images/marker-icon.png);
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0,0,0,0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.odp-item-map {
  overflow: hidden;
  position: relative;
}
.odp-item-map__title {
  color: var(--color-stone-800, #3a372d);
  font-family: Function, sans-serif;
  font-weight: 400;
}
.odp-item-map__canvas {
  width: 100%;
  height: 320px;
  z-index: 0;
  isolation: isolate;
}
@media (min-width: 768px) {
  .odp-item-map__canvas {
    height: 400px;
  }
}
@media (min-width: 1024px) {
  .odp-item-map__canvas {
    height: 480px;
  }
}
.odp-item-map__canvas.leaflet-container {
  font: inherit;
  background: #e8e8e8;
}
.odp-item-map__canvas .leaflet-tile-pane {
  filter: grayscale(1) contrast(1.05);
}
.odp-item-map__marker {
  background: transparent;
  border: 0;
}
.odp-item-map .leaflet-control-attribution {
  font-size: 10px;
  line-height: 1.3;
}
.odp-item-map__marker-bubble {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  padding: 0.5rem 1rem 0.45rem;
  background: var(--color-blue-950, #06163c);
  color: #fff;
  font-family: Function, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  border-radius: 0.4rem;
}
.odp-item-map__marker-bubble::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: var(--color-blue-950, #06163c);
  border-bottom: 0;
}
.odp-item-map__marker-pin {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 50%;
  background: var(--color-blue-950, #06163c);
  box-shadow: 0 0 0 3px rgb(255 255 255 / 85%);
}
.odp-item-map__fullscreen a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #333;
}
.odp-item-map__fullscreen-btn span {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  box-sizing: border-box;
}
.odp-item-map:fullscreen, .odp-item-map:-webkit-full-screen {
  background: #fff;
  padding: 1.5rem;
  overflow: auto;
}
.odp-item-map:fullscreen .odp-item-map__canvas, .odp-item-map:-webkit-full-screen .odp-item-map__canvas {
  height: calc(100vh - 8rem);
}
.odp-item-map__gesture-overlay {
  position: absolute;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgb(0 0 0 / 45%);
  color: #fff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.odp-item-map__gesture-overlay.is-visible {
  opacity: 1;
}
.site-pagination ul {
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
}
.site-pagination a, .site-pagination button, .site-pagination span.page-numbers:not(.dots), .site-pagination span.current {
  display: inline-flex;
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
  cursor: pointer;
  appearance: none;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: #E8E8E8;
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-black);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.site-pagination a:hover, .site-pagination button:hover:not(:disabled) {
  background-color: #dcdcdc;
}
.site-pagination span.page-numbers.current, .site-pagination span.current, .site-pagination button.is-current {
  background-color: var(--color-black);
  color: var(--color-white);
}
.site-pagination button.is-current:hover:not(:disabled) {
  background-color: var(--color-black);
  color: var(--color-white);
}
.site-pagination button:disabled {
  cursor: not-allowed;
  opacity: 40%;
}
.site-pagination span.page-numbers.dots, .site-pagination .site-pagination__dots {
  display: inline-flex;
  height: auto;
  width: auto;
  min-width: calc(var(--spacing) * 0);
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 1);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-black);
  -webkit-user-select: none;
  user-select: none;
  @media (width >= 48rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.site-pagination__arrow {
  display: block;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  mask-size: 16px;
}
.site-pagination__list {
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
}
.advanced-container {
  position: relative;
  left: calc(1/2 * 100%);
  width: 100vw;
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-size: cover;
  background-repeat: no-repeat;
  .container {
    margin-inline: auto;
  }
  &.padding-medium {
    .container {
      .inner-container {
        padding: calc(var(--spacing) * 6) !important;
        @media (width >= 48rem) {
          padding: calc(var(--spacing) * 8) !important;
        }
        @media (width >= 64rem) {
          padding: calc(var(--spacing) * 10) !important;
        }
        @media (width >= 80rem) {
          padding: calc(var(--spacing) * 16) !important;
        }
        @media (max-width: 1623px) {
          width: 100%;
          margin-left: 0 !important;
        }
      }
    }
  }
  &.container-fullscreen {
    &.padding-none {
      > .container {
        max-width: 100%;
        padding: calc(var(--spacing) * 0);
      }
      .inner-container {
        padding: calc(var(--spacing) * 0);
      }
    }
    &.padding-medium {
      > .container {
        max-width: 100%;
        padding: calc(var(--spacing) * 0);
      }
    }
    .advanced-media-text {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
      @media (width >= 48rem) {
        width: 100%;
        @media (width >= 40rem) {
          max-width: 40rem;
        }
        @media (width >= 48rem) {
          max-width: 48rem;
        }
        @media (width >= 64rem) {
          max-width: 64rem;
        }
        @media (width >= 80rem) {
          max-width: 80rem;
        }
        @media (width >= 96rem) {
          max-width: 96rem;
        }
      }
      @media (width >= 48rem) {
        margin-inline: auto;
      }
      @media (width >= 48rem) {
        margin-left: auto;
        margin-right: auto;
        padding-inline: 1rem;
      }
      @media (width >= 48rem) {
        padding-inline: calc(var(--spacing) * 4);
      }
    }
  }
  &.image-size-contain {
    background-size: contain;
    background-repeat: no-repeat;
  }
  &.image-position-center {
    background-position: center;
  }
  &.image-position-right {
    background-position: right;
  }
  &.container-contained {
    &.padding-none {
      .inner-container {
        width: calc(100% + 64px);
        margin-left: -32px;
        padding: 32px;
        @media (max-width: 1749px) {
          width: calc(100% + 32px);
          margin-left: -16px;
          padding: 16px;
        }
        @media (max-width: 640px) {
          width: 100%;
          margin-left: 0;
          padding: 16px;
        }
      }
    }
  }
  &.theme-light {
    background-color: var(--color-white);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-white);
          color: var(--color-black);
        }
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
  &.theme-primary {
    background-color: var(--color-black);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-black);
          color: var(--color-white);
        }
      }
    }
    .wp-block-heading {
      color: var(--color-white);
    }
  }
  &.theme-dark {
    background-color: var(--color-dark);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-dark);
          color: var(--color-white);
        }
      }
    }
    .wp-block-heading {
      color: var(--color-white);
    }
  }
  &.theme-sky-200 {
    background-color: var(--color-sky-200);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-sky-200);
        color: var(--color-black);
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
  &.theme-pink-300 {
    background-color: var(--color-pink-300);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-pink-300);
        color: var(--color-black);
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
  &.theme-orange-200 {
    background-color: var(--color-orange-200);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-orange-200);
        color: var(--color-black);
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
  &.theme-lime-300 {
    background-color: var(--color-lime-300);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-lime-300);
        color: var(--color-black);
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
  &.theme-red-950 {
    background-color: var(--color-red-950);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-red-950);
        color: var(--color-white);
      }
    }
    .wp-block-heading {
      color: var(--color-white);
    }
  }
  &.theme-blue-950 {
    background-color: var(--color-blue-950);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-blue-950);
        color: var(--color-white);
      }
    }
    .wp-block-heading {
      color: var(--color-white);
    }
  }
  &.theme-teal-950 {
    background-color: var(--color-teal-950);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-teal-950);
        color: var(--color-white);
      }
    }
    .wp-block-heading {
      color: var(--color-white);
    }
  }
  &.theme-purple-950 {
    background-color: var(--color-purple-950);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-purple-950);
        color: var(--color-white);
      }
    }
    .wp-block-heading {
      color: var(--color-white);
    }
  }
  &.theme-stone-800 {
    background-color: var(--color-stone-800);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-stone-800);
        color: var(--color-white);
      }
    }
    .wp-block-heading {
      color: var(--color-white);
    }
  }
  &.theme-violet-300 {
    background-color: var(--color-violet-300);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-violet-300);
        color: var(--color-black);
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
  &.theme-amber-300 {
    background-color: var(--color-amber-300);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-amber-300);
        color: var(--color-black);
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
  &.theme-zinc-100 {
    background-color: var(--color-zinc-100);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container .inner-container {
        background-color: var(--color-zinc-100);
        color: var(--color-black);
      }
    }
    .wp-block-heading {
      color: var(--color-black);
    }
  }
}
.advanced-media-text {
  display: grid;
  background-color: transparent;
  .advanced-media-text__content {
    height: auto;
    border-radius: var(--radius-sm);
  }
  .advanced-media-text__media {
    overflow: hidden;
    border-radius: var(--radius-sm);
  }
  &.image-full {
    .advanced-media-text__media {
      height: 100%;
      width: 100%;
      img, video, iframe.media-video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        vertical-align: top;
      }
    }
  }
  &.image-cover {
    .advanced-media-text__media {
      position: relative;
      overflow: hidden;
      img, video, iframe.media-video {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        vertical-align: top;
      }
    }
  }
  &.image-top {
    .advanced-media-text__media {
      img {
        object-position: top;
      }
    }
  }
  &.image-center {
    .advanced-media-text__media {
      img {
        object-position: center;
      }
    }
  }
  &.image-bottom {
    .advanced-media-text__media {
      img {
        object-position: bottom;
      }
    }
  }
  &__content {
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.advanced-media-text.padding-none {
  gap: calc(var(--spacing) * 0);
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 14);
  }
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 16);
  }
}
.advanced-media-text.padding-medium {
  padding: 0;
  .advanced-media-text__content {
    padding: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
}
.advanced-media-text.media-size-25-75.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(25% - 32px) calc(75% - 32px);
  }
}
.advanced-media-text.media-size-33-66.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(33.3333% - 32px) calc(66.6666% - 32px);
  }
}
.advanced-media-text.media-size-50-50.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 1fr 1fr;
  }
}
.advanced-media-text.media-size-66-33.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(66.6666% - 32px) calc(33.3333% - 32px);
  }
}
.advanced-media-text.media-size-75-25.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(75% - 32px) calc(25% - 32px);
  }
}
.advanced-media-text.media-size-25-75.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 25% 75%;
  }
}
.advanced-media-text.media-size-33-66.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 33.3333% 66.6666%;
  }
}
.advanced-media-text.media-size-50-50.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 1fr 1fr;
  }
}
.advanced-media-text.media-size-66-33.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 66.6666% 33.3333%;
  }
}
.advanced-media-text.media-size-75-25.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 75% 25%;
  }
}
.advanced-media-text.media-left {
  .advanced-media-text__media {
    order: 0;
    margin-bottom: calc(var(--spacing) * 5);
    height: auto;
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .advanced-media-text__content {
    order: 1;
  }
}
.advanced-media-text.media-right {
  .advanced-media-text__media {
    order: 1;
  }
  .advanced-media-text__content {
    order: 0;
  }
}
.advanced-media-text.media-top {
  display: flex !important;
  height: 100%;
  width: 100%;
  flex-direction: column;
  gap: calc(var(--spacing) * 0) !important;
  .advanced-media-text__media {
    position: relative;
    height: calc(var(--spacing) * 0);
    width: 100%;
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    @media (width >= 48rem) {
      padding-bottom: 65%;
    }
    img, video, iframe.media-video {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      border-style: var(--tw-border-style);
      border-width: 0px;
      object-fit: cover;
      object-position: center;
      vertical-align: top;
    }
  }
  .advanced-media-text__content {
    order: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
}
.advanced-media-text.content-align-center {
  align-items: center;
  .advanced-media-text__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.advanced-media-text.content-align-bottom {
  align-items: flex-end;
  .advanced-media-text__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .advanced-media-text.image-cover .advanced-media-text__media, .advanced-media-text.image-full .advanced-media-text__media {
    height: auto !important;
    img, video, iframe.media-video {
      position: static !important;
      height: auto !important;
      width: 100% !important;
    }
    iframe.media-video {
      aspect-ratio: var(--aspect-video);
      height: auto !important;
    }
  }
}
.advanced-media-text.theme-none {
  display: grid;
}
.advanced-media-text.theme-none:not([class*="media-size-"]) {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.advanced-media-text[class*="theme-"]:not(.theme-none) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  @media (width >= 48rem) {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  &.image-cover .advanced-media-text__media:has(iframe.media-video), &.image-full .advanced-media-text__media:has(iframe.media-video) {
    position: relative;
    aspect-ratio: var(--aspect-video);
  }
}
.advanced-media-text[class*="theme-"]:not(.theme-none).media-left .advanced-media-text__media {
  grid-column: 1 / -1;
  grid-row-start: 1;
  margin-bottom: calc(var(--spacing) * 0) !important;
  @media (width >= 48rem) {
    grid-column: span 8 / span 8;
  }
  @media (width >= 48rem) {
    grid-column-start: 1;
  }
}
.advanced-media-text[class*="theme-"]:not(.theme-none).media-left .advanced-media-text__content {
  position: relative;
  z-index: 10;
  grid-column: 1 / -1;
  margin-top: calc(var(--spacing) * -12);
  margin-bottom: calc(var(--spacing) * 0);
  width: 90%;
  justify-self: center;
  @media (width >= 48rem) {
    grid-column: span 6 / span 6;
  }
  @media (width >= 48rem) {
    grid-column-start: 7;
  }
  @media (width >= 48rem) {
    grid-row-start: 1;
  }
  @media (width >= 48rem) {
    margin-block: calc(var(--spacing) * 40);
  }
  @media (width >= 48rem) {
    width: auto;
  }
  @media (width >= 48rem) {
    align-self: center;
  }
  @media (width >= 48rem) {
    justify-self: auto;
  }
}
.advanced-media-text[class*="theme-"]:not(.theme-none).media-right .advanced-media-text__media {
  order: 0 !important;
  grid-column: 1 / -1;
  grid-row-start: 1;
  margin-bottom: calc(var(--spacing) * 0) !important;
  @media (width >= 48rem) {
    grid-column: span 8 / span 8;
  }
  @media (width >= 48rem) {
    grid-column-start: 5;
  }
}
.advanced-media-text[class*="theme-"]:not(.theme-none).media-right .advanced-media-text__content {
  position: relative;
  z-index: 10;
  order: 1 !important;
  grid-column: 1 / -1;
  margin-top: calc(var(--spacing) * -12);
  margin-bottom: calc(var(--spacing) * 0);
  width: 90%;
  justify-self: center;
  @media (width >= 48rem) {
    order: 0 !important;
  }
  @media (width >= 48rem) {
    grid-column: span 6 / span 6;
  }
  @media (width >= 48rem) {
    grid-column-start: 1;
  }
  @media (width >= 48rem) {
    grid-row-start: 1;
  }
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * -0);
  }
  @media (width >= 48rem) {
    width: auto;
  }
  @media (width >= 48rem) {
    align-self: center;
  }
  @media (width >= 48rem) {
    justify-self: auto;
  }
}
.advanced-media-text.theme-light {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-white);
    color: var(--color-black);
  }
}
.advanced-media-text.theme-dark {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-dark);
    color: var(--color-white);
    p {
      a {
        color: var(--color-white);
      }
    }
  }
}
.advanced-media-text.theme-primary {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-black);
    color: var(--color-white);
    p {
      a {
        color: var(--color-white);
      }
    }
  }
}
.advanced-media-text.theme-sky-200 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-sky-200);
    color: var(--color-black);
    .wp-block-heading {
      color: var(--color-blue-950);
    }
  }
}
.advanced-media-text.theme-pink-300 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-pink-300);
    color: var(--color-black);
    .wp-block-heading {
      color: var(--color-blue-950);
    }
  }
}
.advanced-media-text.theme-orange-200 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-orange-200);
    color: var(--color-black);
    .wp-block-heading {
      color: var(--color-blue-950);
    }
  }
}
.advanced-media-text.theme-lime-300 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-lime-300);
    color: var(--color-black);
    .wp-block-heading {
      color: var(--color-teal-950);
    }
  }
}
.advanced-media-text.theme-red-950 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-red-950);
    color: var(--color-white);
    .wp-block-heading {
      color: var(--color-orange-200);
    }
  }
  p {
    a {
      color: var(--color-white);
    }
  }
}
.advanced-media-text.theme-blue-950 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-blue-950);
    color: var(--color-white);
    .wp-block-heading {
      color: var(--color-sky-200);
    }
  }
  p {
    a {
      color: var(--color-white);
    }
  }
}
.advanced-media-text.theme-teal-950 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-teal-950);
    color: var(--color-white);
    .wp-block-heading {
      color: var(--color-lime-300);
    }
  }
  p {
    a {
      color: var(--color-white);
    }
  }
}
.advanced-media-text.theme-purple-950 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-purple-950);
    color: var(--color-white);
    .wp-block-heading {
      color: var(--color-pink-300);
    }
  }
  p {
    a {
      color: var(--color-white);
    }
  }
}
.advanced-media-text.theme-stone-800 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-stone-800);
    color: var(--color-white);
    .wp-block-heading {
      color: var(--color-zinc-100);
    }
  }
  p {
    a {
      color: var(--color-white);
    }
  }
}
.advanced-media-text.theme-violet-300 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-violet-300);
    color: var(--color-black);
    .wp-block-heading {
      color: var(--color-purple-950);
    }
  }
}
.advanced-media-text.theme-amber-300 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-amber-300);
    color: var(--color-black);
    .wp-block-heading {
      color: var(--color-blue-950);
    }
  }
}
.advanced-media-text.theme-zinc-100 {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-zinc-100);
    color: var(--color-black);
    .wp-block-heading {
      color: var(--color-stone-800);
    }
  }
}
.binnenstad-kaart {
  position: relative;
  width: 100%;
  .district__pagepart {
    position: relative;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    font-family: var(--font-sans);
    border-radius: 0;
    background-color: #d9d9d9;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 5);
    color: #06163c;
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0);
    }
    @media (width >= 48rem) {
      border-radius: var(--radius-sm);
    }
  }
  .district__districts {
    position: relative;
    z-index: 1;
    order: 2;
    box-sizing: border-box;
    width: auto;
    padding-inline: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      order: 0;
    }
    @media (width >= 40rem) {
      width: clamp(220px, 32%, 300px);
    }
    @media (width >= 40rem) {
      flex-shrink: 0;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 64rem) {
      width: clamp(300px, 30%, 360px);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .district__map {
    position: relative;
    z-index: 0;
    order: 1;
    margin: calc(var(--spacing) * 0);
    height: auto;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    flex-grow: 1;
    overflow: hidden;
    background-color: transparent;
    @media (width >= 40rem) {
      order: 2;
    }
    @media (width >= 64rem) {
      margin-left: calc(250px * -1);
    }
    @media (width >= 64rem) {
      height: 740px;
    }
  }
  .district__map-wrapper {
    position: static;
    inset: auto;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
    @media (width >= 40rem) {
      position: relative;
    }
    @media (width >= 40rem) {
      height: auto;
    }
    @media (width >= 40rem) {
      min-height: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      inset-inline: calc(var(--spacing) * 2);
    }
    @media (width >= 64rem) {
      inset-block: calc(var(--spacing) * 4);
    }
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .district__map-svg {
    display: block;
    height: auto;
    max-height: none;
    width: calc(12/10 * 100%);
    flex-shrink: 0;
    transform-origin: center;
    scale: 1.15;
    @media (width >= 40rem) {
      width: 100%;
    }
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    @media (width >= 48rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    @media (width >= 64rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    @media (width >= 80rem) {
      scale: 1.1 !important;
    }
    @media (width >= 96rem) {
      scale: 1.2 !important;
    }
    @media (width >= 40rem) {
      max-width: none;
    }
    @media (width >= 64rem) {
      --tw-translate-x: calc(calc(1/10 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    @media (width >= 96rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    @media (width >= 64rem) {
      height: 100%;
    }
    @media (width >= 64rem) {
      max-height: 100%;
    }
    @media (width >= 64rem) {
      width: auto;
    }
    @media (width >= 64rem) {
      max-width: 80%;
    }
    @media (width >= 80rem) {
      max-width: 100%;
    }
    aspect-ratio: 1280 / 1080;
  }
  .district-map--passive {
    pointer-events: none;
  }
  .district__map-area {
    cursor: pointer;
    transition-property: fill;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    fill: #d9d9d9;
    &.prinsentuin {
      fill: #88b39d;
    }
  }
  .district__map-area--hover {
    fill: #8de0ff;
    &.prinsentuin {
      fill: #f9a5e9;
    }
    &.binnenstad {
      fill: #f7e894;
    }
    &.nieuwestad {
      fill: #f2a88d;
    }
    &.oude_markten {
      fill: #b0a7f9;
    }
    &.stationsgebied {
      fill: #a9f687;
    }
  }
  .district__map-arrow {
    cursor: pointer;
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &.is-active {
      opacity: 100%;
    }
  }
  .district__title {
    margin-bottom: calc(var(--spacing) * 2) !important;
    padding: calc(var(--spacing) * 0);
    font-family: var(--font-title);
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #06163c;
    @media (width >= 40rem) {
      font-size: var(--text-4xl) !important;
      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 7);
    }
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 5);
    }
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .district__districts-wrapper {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 8);
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
  }
  .district__link-wrapper {
    display: flex;
  }
  a.district__link, span.district__link {
    display: none;
    cursor: pointer;
    padding-block: calc(var(--spacing) * 0);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
    text-decoration-line: none;
    @media (width >= 48rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
    @media (width >= 64rem) {
      display: block;
    }
  }
  a.district__link:hover {
    text-decoration-line: underline;
  }
  button.district__link {
    display: block;
    width: 100%;
    text-align: left;
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
    @media (width >= 48rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    font-family: var(--font-sans);
    @media (width >= 64rem) {
      display: none;
    }
  }
  .district__description {
    display: none;
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      z-index: 3;
    }
    @media (width >= 64rem) {
      overflow: hidden;
    }
    @media (width >= 64rem) {
      display: block;
    }
    @media (width >= 64rem) {
      width: 333px;
    }
    @media (width >= 64rem) {
      max-width: calc(50% - 31px);
    }
    @media (width >= 64rem) {
      border-radius: var(--radius-sm);
    }
    @media (width >= 64rem) {
      background-color: var(--color-white);
    }
  }
  .district__default-description, .district__district-description {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 1;
    display: none;
    background-color: var(--color-white);
    &.is-visible {
      z-index: 2;
      display: flex;
      flex-direction: column;
    }
  }
  .district__media {
    order: -1;
    min-height: 264px;
    img {
      display: block;
      height: 264px;
      width: 100%;
      object-fit: cover;
    }
  }
  .district__description-block {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }
  .district__district-title {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 3);
    font-family: var(--font-title);
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #06163c;
    @media (width >= 40rem) {
      font-size: var(--text-4xl) !important;
      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
    }
  }
  .district__district-text {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-sans);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: #1d1d1b;
    @media (width >= 48rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .district__district-readmore {
    display: none;
  }
}
.district__map-modal-backdrop {
  position: fixed;
  inset: calc(var(--spacing) * 0);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sans);
  background-color: rgba(10,15,30,0.62);
  padding-inline: calc(var(--spacing) * 4);
  padding-top: max(16px, env(safe-area-inset-top,0px));
  padding-bottom: max(16px, env(safe-area-inset-bottom,0px));
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 5);
  }
  &.is-open {
    display: flex;
  }
}
.district__map-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  font-family: var(--font-sans);
  height: auto;
  max-height: calc(100dvh - 32px);
  min-height: calc(var(--spacing) * 0);
  width: 100%;
  max-width: none;
  @media (width >= 40rem) {
    max-height: 80vh;
  }
  @media (width >= 40rem) {
    width: calc(100% - 48px);
  }
  @media (width >= 40rem) {
    max-width: 900px;
  }
  @media (width >= 40rem) {
    flex-direction: row;
  }
  .district__media {
    order: calc(1 * -1);
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    flex-shrink: 0;
    @media (width >= 40rem) {
      min-height: 100%;
    }
    @media (width >= 40rem) {
      width: 48%;
    }
    img {
      display: block;
      height: auto;
      max-height: 42vh;
      min-height: calc(var(--spacing) * 50);
      width: 100%;
      object-fit: cover;
      @media (width >= 40rem) {
        height: 100%;
      }
      @media (width >= 40rem) {
        max-height: none;
      }
      @media (width >= 40rem) {
        min-height: calc(var(--spacing) * 0);
      }
    }
  }
  .district__description-block {
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: visible;
    padding-inline: calc(var(--spacing) * 6);
    padding-top: calc(var(--spacing) * 7);
    padding-bottom: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      width: 52%;
    }
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .district__district-title {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-title);
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    --tw-leading: 1 !important;
    line-height: 1 !important;
    color: #06163c;
    @media (width >= 40rem) {
      font-size: var(--text-4xl) !important;
      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
    }
  }
  .district__district-text {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
    color: #1d1d1b;
    @media (width >= 48rem) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .district__district-readmore {
    display: inline-block;
    width: auto;
    text-align: center;
    text-wrap: wrap;
  }
}
.district__map-modal-close {
  position: fixed;
  z-index: 100000;
  width: calc(var(--spacing) * 11);
  height: calc(var(--spacing) * 11);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  cursor: pointer;
  background-color: var(--color-white);
  font-size: var(--text-xl) !important;
  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  --tw-leading: 1;
  line-height: 1;
  color: #111;
  --tw-shadow: 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.3));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  top: max(12px, env(safe-area-inset-top,0px));
  right: max(12px, env(safe-area-inset-right,0px));
  @media (width >= 40rem) {
    top: calc(var(--spacing) * 4);
  }
  @media (width >= 40rem) {
    right: calc(var(--spacing) * 4);
  }
}
.button {
  &-primary {
    background-color: var(--brand);
    color: var(--light);
  }
}
.buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 3);
  &.align-center {
    justify-content: center;
  }
  &.align-right {
    justify-content: flex-end;
  }
  &.direction-horizontal {
    align-items: center;
  }
  &.direction-vertical {
    flex-direction: column;
    .button {
      align-self: flex-start;
    }
    &.align-center {
      .button {
        align-self: center;
      }
    }
    &.align-right {
      .button {
        align-self: flex-end;
      }
    }
  }
}
.button {
  position: relative;
  display: inline-block;
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 3);
  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) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  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;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::after {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &::after {
    content: var(--tw-content);
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:hover {
    @media (hover: hover) {
      --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);
    }
  }
  &:active {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width >= 40rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  &.button-small {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  &.button-large {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  &.theme-light {
    background-color: var(--color-white);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      background-color: transparent;
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-dark {
    background-color: var(--color-dark);
    color: var(--color-white);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-dark);
      background-color: transparent;
      color: var(--color-dark);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-primary {
    background-color: var(--color-primary);
    color: var(--color-white);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-primary);
      background-color: transparent;
      color: var(--color-primary);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-sky-200 {
    background-color: var(--color-sky-200);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-sky-200);
      background-color: transparent;
      color: var(--color-sky-200);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sky-200);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-pink-300 {
    background-color: var(--color-pink-300);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-pink-300);
      background-color: transparent;
      color: var(--color-pink-300);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-pink-300);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-orange-200 {
    background-color: var(--color-orange-200);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-orange-200);
      background-color: transparent;
      color: var(--color-orange-200);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-200);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-lime-300 {
    background-color: var(--color-lime-300);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-lime-300);
      background-color: transparent;
      color: var(--color-lime-300);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-lime-300);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-violet-300 {
    background-color: var(--color-violet-300);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-violet-300);
      background-color: transparent;
      color: var(--color-violet-300);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-violet-300);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-amber-300 {
    background-color: var(--color-amber-300);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-amber-300);
      background-color: transparent;
      color: var(--color-amber-300);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-amber-300);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-zinc-100 {
    background-color: var(--color-zinc-100);
    color: var(--color-black);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-zinc-100);
      background-color: transparent;
      color: var(--color-zinc-100);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-100);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-red-950 {
    background-color: var(--color-red-950);
    color: var(--color-white);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-red-950);
      background-color: transparent;
      color: var(--color-red-950);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-red-950);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-blue-950 {
    background-color: var(--color-blue-950);
    color: var(--color-white);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-blue-950);
      background-color: transparent;
      color: var(--color-blue-950);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-950);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-teal-950 {
    background-color: var(--color-teal-950);
    color: var(--color-white);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-teal-950);
      background-color: transparent;
      color: var(--color-teal-950);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-teal-950);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-purple-950 {
    background-color: var(--color-purple-950);
    color: var(--color-white);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-purple-950);
      background-color: transparent;
      color: var(--color-purple-950);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-purple-950);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-stone-800 {
    background-color: var(--color-stone-800);
    color: var(--color-white);
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-stone-800);
      background-color: transparent;
      color: var(--color-stone-800);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-stone-800);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-light-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: transparent;
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-dark-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-dark);
    background-color: transparent;
    color: var(--color-dark);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &.theme-primary-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: transparent;
    color: var(--color-primary);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &.theme-sky-200-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-sky-200);
    background-color: transparent;
    color: var(--color-sky-200);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-200);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-pink-300-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-pink-300);
    background-color: transparent;
    color: var(--color-pink-300);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-300);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-orange-200-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-orange-200);
    background-color: transparent;
    color: var(--color-orange-200);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-200);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-lime-300-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-lime-300);
    background-color: transparent;
    color: var(--color-lime-300);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-300);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-violet-300-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-violet-300);
    background-color: transparent;
    color: var(--color-violet-300);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-300);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-amber-300-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-amber-300);
    background-color: transparent;
    color: var(--color-amber-300);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-300);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-zinc-100-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-zinc-100);
    background-color: transparent;
    color: var(--color-zinc-100);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-100);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  &.theme-red-950-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-950);
    background-color: transparent;
    color: var(--color-red-950);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-950);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &.theme-blue-950-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-950);
    background-color: transparent;
    color: var(--color-blue-950);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-950);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &.theme-teal-950-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-teal-950);
    background-color: transparent;
    color: var(--color-teal-950);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-950);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &.theme-purple-950-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-purple-950);
    background-color: transparent;
    color: var(--color-purple-950);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-950);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &.theme-stone-800-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-stone-800);
    background-color: transparent;
    color: var(--color-stone-800);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-800);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
}
.button[target="_blank"] {
  padding-right: calc(var(--spacing) * 12);
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
  &::after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 4);
  }
  &::after {
    content: var(--tw-content);
    height: 100%;
  }
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  &::after {
    content: var(--tw-content);
    background-image: var(--external-icon-dark);
  }
  &::after {
    content: var(--tw-content);
    background-size: 14px auto;
  }
  &::after {
    content: var(--tw-content);
    background-position: center;
  }
  &::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  &.button-small {
    padding-right: calc(var(--spacing) * 10);
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 3);
    }
    &::after {
      content: var(--tw-content);
      background-size: 12px auto;
    }
  }
  &.button-large {
    padding-right: calc(var(--spacing) * 14);
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 6);
    }
  }
  &.theme-dark {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-light);
    }
    &.button-border {
      &::after {
        content: var(--tw-content);
        background-image: var(--external-icon-dark);
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            background-image: var(--external-icon-light);
          }
        }
      }
    }
  }
  &.theme-dark-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-dark-base);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
  }
  &.theme-primary {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-light);
    }
    &.button-border {
      &::after {
        content: var(--tw-content);
        background-image: var(--external-icon-primary);
      }
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary);
        }
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            background-image: var(--external-icon-light);
          }
        }
      }
    }
  }
  &.theme-primary-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-primary);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
  }
  &.theme-sky-200, &.theme-pink-300, &.theme-orange-200, &.theme-lime-300, &.theme-light, &.theme-violet-300, &.theme-amber-300, &.theme-zinc-100 {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
    &.button-border {
      &::after {
        content: var(--tw-content);
        background-image: var(--external-icon-dark);
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            background-image: var(--external-icon-dark);
          }
        }
      }
    }
  }
  &.theme-light-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-light);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-sky-200-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-sky-200);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-pink-300-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-pink-300);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-orange-200-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-orange-200);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-lime-300-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-lime-300);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-violet-300-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-violet-300);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-amber-300-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-amber-300);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-zinc-100-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-zinc-100);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-dark);
        }
      }
    }
  }
  &.theme-red-950, &.theme-blue-950, &.theme-teal-950, &.theme-purple-950, &.theme-stone-800 {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-light);
    }
    &.button-border {
      &::after {
        content: var(--tw-content);
        background-image: var(--external-icon-dark);
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            background-image: var(--external-icon-light);
          }
        }
      }
    }
  }
  &.theme-red-950-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-red-950);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
  }
  &.theme-blue-950-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-blue-950);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
  }
  &.theme-teal-950-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-teal-950);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
  }
  &.theme-purple-950-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-purple-950);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
  }
  &.theme-stone-800-border {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-stone-800);
    }
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
  }
}
article .wp-block-embed {
  .video-media {
    position: relative;
    height: calc(var(--spacing) * 0);
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    text-align: center;
    iframe {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
    }
  }
}
.expanders {
  a:not(.button) {
    color: currentColor;
  }
  button {
    svg {
      path {
        fill: currentColor !important;
      }
    }
  }
  .border-b {
    border-bottom-color: currentcolor;
  }
}
article {
  .wp-block-file {
    position: relative;
    margin-bottom: calc(var(--spacing) * 0);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-600);
    padding: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
    a {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      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: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      &:first-child, &:nth-child(2) {
        display: block;
        border-radius: var(--radius-sm);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-600);
        padding: calc(var(--spacing) * 3);
        padding-right: calc(var(--spacing) * 3);
        @media (width >= 40rem) {
          padding-right: 160px;
        }
        @media (width >= 48rem) {
          padding: calc(var(--spacing) * 4);
        }
        @media (width >= 48rem) {
          padding-right: 200px;
        }
      }
      &:last-child {
        position: relative;
        top: auto;
        right: auto !important;
        bottom: auto;
        margin-top: calc(var(--spacing) * 2);
        margin-left: calc(var(--spacing) * 0);
        max-height: 40px;
        width: 100%;
        flex-shrink: 0;
        --tw-translate-y: calc(var(--spacing) * -0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 2);
        text-align: center;
        @media (width >= 48rem) {
          position: absolute;
        }
        @media (width >= 48rem) {
          right: 22px !important;
        }
        @media (width >= 48rem) {
          bottom: -1px;
        }
        @media (width >= 48rem) {
          margin-top: calc(var(--spacing) * 0);
        }
        @media (width >= 48rem) {
          max-height: 44px;
        }
        @media (width >= 48rem) {
          width: auto;
        }
        @media (width >= 48rem) {
          --tw-translate-y: calc(calc(1/2 * 100%) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        @media (width >= 48rem) {
          padding-inline: calc(var(--spacing) * 6);
        }
        @media (width >= 48rem) {
          padding-block: calc(var(--spacing) * 3);
        }
        @media (width >= 64rem) {
          right: 30px !important;
        }
        @media (width >= 64rem) {
          bottom: calc(var(--spacing) * 1);
        }
        @media (width >= 64rem) {
          max-height: 50px;
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          padding-block: calc(var(--spacing) * 3);
        }
      }
      &:nth-child(2):last-child {
        position: relative;
        top: auto;
        right: auto !important;
        bottom: auto;
        margin-top: calc(var(--spacing) * 2);
        margin-left: calc(var(--spacing) * 0);
        max-height: 40px;
        flex-shrink: 0;
        --tw-translate-x: calc(var(--spacing) * -0);
        --tw-translate-y: calc(var(--spacing) * -0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        padding-inline: calc(var(--spacing) * 4);
        padding-top: calc(var(--spacing) * 1.5);
        padding-bottom: calc(var(--spacing) * 2);
        text-align: center;
        @media (width >= 48rem) {
          position: absolute;
        }
        @media (width >= 48rem) {
          top: calc(1/2 * 100%);
        }
        @media (width >= 48rem) {
          right: calc(var(--spacing) * 4) !important;
        }
        @media (width >= 48rem) {
          right: 22px !important;
        }
        @media (width >= 48rem) {
          margin-top: calc(var(--spacing) * 0);
        }
        @media (width >= 48rem) {
          max-height: 44px;
        }
        @media (width >= 48rem) {
          --tw-translate-y: calc(calc(1/2 * 100%) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        @media (width >= 48rem) {
          padding-inline: calc(var(--spacing) * 6);
        }
        @media (width >= 48rem) {
          padding-top: calc(var(--spacing) * 2.5);
        }
        @media (width >= 48rem) {
          padding-bottom: calc(var(--spacing) * 3);
        }
        @media (width >= 64rem) {
          right: 30px !important;
        }
        @media (width >= 64rem) {
          max-height: 50px;
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          padding-top: calc(var(--spacing) * 2.5);
        }
        @media (width >= 64rem) {
          padding-bottom: calc(var(--spacing) * 5);
        }
      }
    }
    .wp-block-file__button {
      border-radius: calc(infinity * 1px) !important;
      background-color: var(--color-gray-900) !important;
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-black) !important;
        }
      }
      &:hover {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
    &:hover {
      a {
        &:first-child {
          background-color: var(--color-gray-50);
        }
      }
      .wp-block-file__button {
        background-color: var(--color-gray-900) !important;
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-black) !important;
          }
        }
      }
    }
  }
}
.gform_heading {
  .gform_required_legend {
    display: none;
  }
}
.gform_wrapper {
  width: 100%;
  :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)));
  }
  border-radius: var(--radius-2xl);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.gform_wrapper .gfield .gfield_label {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  font-size: var(--text-xl) !important;
  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}
.gform_wrapper .gfield .ginput_container .gform-field-label--type-sub {
  margin-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .gform_wrapper select {
  width: 100%;
  appearance: none;
  border-radius: var(--radius-3xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 2) !important;
  font-size: var(--text-xl) !important;
  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  color: var(--color-gray-900);
  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));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3) !important;
  }
}
.gform_wrapper textarea {
  border-radius: var(--radius-xl);
}
.gform_wrapper input[type="text"]:focus-visible, .gform_wrapper input[type="email"]:focus-visible, .gform_wrapper input[type="url"]:focus-visible, .gform_wrapper input[type="tel"]:focus-visible, .gform_wrapper input[type="number"]:focus-visible, .gform_wrapper input[type="password"]:focus-visible, .gform_wrapper textarea:focus-visible, .gform_wrapper select:focus-visible {
  outline: 2px dotted var(--color-outline);
  outline-offset: 2px;
  background-color: var(--color-gray-100);
  --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);
}
.gform_wrapper .gfield_description {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray-500);
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-400);
  }
}
.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  color: var(--color-gray-600);
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-400);
  }
}
.gform_wrapper input[type="radio"]:focus:not(:focus-visible), .gform_wrapper input[type="checkbox"]:focus:not(:focus-visible) {
  outline: none;
}
.gform_wrapper input[type="radio"]:focus-visible, .gform_wrapper input[type="checkbox"]:focus-visible {
  outline: 2px dotted var(--color-outline);
  outline-offset: 2px;
}
.gform_wrapper .ginput_container .gfield_checkbox .gform-field-label, .gform_wrapper .ginput_container .gfield_radio .gform-field-label {
  margin-left: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.gform_wrapper .ginput_container_consent {
  display: flex;
  align-items: center;
  input {
    appearance: auto;
  }
  label {
    margin-left: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.gform_wrapper .gfield_consent_description {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  padding-inline: calc(var(--spacing) * 0) !important;
  a {
    color: var(--color-primary);
    text-decoration-line: underline;
    opacity: 60%;
    transition-property: opacity;
    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;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
}
.gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input[type="submit"] {
  position: relative;
  display: inline-block;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-dark);
  padding-inline: calc(var(--spacing) * 3);
  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) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  color: var(--color-white);
  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;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::after {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &::after {
    content: var(--tw-content);
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:hover {
    @media (hover: hover) {
      --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);
    }
  }
  &:active {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width >= 40rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
  border-color: var(--color-red-500);
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
  --tw-ring-color: var(--color-red-500);
}
.gform_wrapper .validation_message {
  margin-top: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  background-color: transparent !important;
  padding: calc(var(--spacing) * 0) !important;
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  color: var(--color-red-600);
}
.gform_wrapper .gform_validation_errors {
  margin-bottom: calc(var(--spacing) * 8) !important;
  border-radius: var(--radius-md) !important;
  border-left-style: var(--tw-border-style) !important;
  border-left-width: 4px !important;
  border-color: var(--color-red-500) !important;
  background-color: var(--color-red-50) !important;
  padding: calc(var(--spacing) * 4) !important;
  color: var(--color-red-700) !important;
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  .gform-icon {
    display: none !important;
  }
  h2 {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  p {
    margin-bottom: calc(var(--spacing) * 2) !important;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  ul {
    list-style-position: inside !important;
    list-style-type: disc !important;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
    li {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  ol {
    margin: calc(var(--spacing) * 0) !important;
  }
}
.gform_wrapper .gsection_title {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
  @media (prefers-color-scheme: dark) {
    color: var(--color-white);
  }
}
.gform_wrapper .gf_progressbar {
  height: calc(var(--spacing) * 2);
  border-radius: 0.25rem;
  background-color: var(--color-gray-200);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-700);
  }
}
.gform_wrapper .gf_progressbar_percentage {
  height: 100%;
  border-radius: 0.25rem;
  background-color: var(--color-gray-600);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-white);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-500);
  }
}
.gform_wrapper .gform_fields {
  display: grid;
  gap: calc(var(--spacing) * 6);
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.gform_wrapper .gfield {
  grid-column: span 2 / span 2;
  @media (width >= 40rem) {
    grid-column: span 1 / span 1;
  }
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
  margin-bottom: calc(var(--spacing) * 2);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.gform_wrapper .gfield_checkbox li:has(input[type="checkbox"]:focus), .gform_wrapper .gfield_checkbox li:has(input[type="checkbox"]:focus-visible), .gform_wrapper .gfield_radio li:has(input[type="radio"]:focus), .gform_wrapper .gfield_radio li:has(input[type="radio"]:focus-visible) {
  outline: 2px dotted var(--color-outline);
  outline-offset: 2px;
  border-radius: var(--radius-md);
}
.gform_confirmation_message {
  border-radius: var(--radius-md);
  background-color: var(--color-green-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-green-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-green-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-green-200);
  }
}
.gform_validation_errors {
  border-radius: var(--radius-md);
  background-color: var(--color-red-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-red-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-red-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-red-200);
  }
}
.gform_wrapper .gform_fields {
  display: grid;
  gap: calc(var(--spacing) * 6) !important;
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 8) !important;
  }
}
.gform_wrapper .gfield {
  grid-column: span 2 / span 2;
  @media (width >= 40rem) {
    grid-column: span 1 / span 1;
  }
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
  margin-bottom: calc(var(--spacing) * 2);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.gform_confirmation_message {
  border-radius: var(--radius-md);
  background-color: var(--color-green-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-green-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-green-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-green-200);
  }
}
.gform_validation_errors {
  border-radius: var(--radius-md);
  background-color: var(--color-red-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-red-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-red-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-red-200);
  }
}
.heading-label {
  position: relative;
  display: inline-block;
  text-align: center;
}
.heading-label div {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(2/3 * 100%);
  z-index: 5;
  width: calc(var(--spacing) * 0);
  --tw-translate-y: calc(var(--spacing) * 2);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  overflow: hidden;
  text-align: left;
  @media (width >= 48rem) {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  p, span {
    display: inline-block;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0);
    font-family: var(--font-title);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    white-space: nowrap;
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0.5);
    }
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &.theme-none, &.theme-light {
      background-color: var(--color-white);
      color: var(--color-black);
    }
    &.theme-pink-300 {
      color: var(--color-purple-950);
    }
    &.theme-sky-200 {
      color: var(--color-blue-950);
    }
    &.theme-orange-200 {
      color: var(--color-red-950);
    }
    &.theme-lime-300 {
      color: var(--color-teal-950);
    }
    &.theme-blue-950 {
      color: var(--color-sky-200);
    }
    &.theme-red-950 {
      color: var(--color-orange-200);
    }
    &.theme-teal-950 {
      color: var(--color-lime-300);
    }
    &.theme-purple-950 {
      color: var(--color-pink-300);
    }
    &.theme-violet-300 {
      color: var(--color-purple-950);
    }
    &.theme-amber-300 {
      color: var(--color-dark);
    }
  }
}
@media (max-width: 767px) {
  .header-image .header-title .heading-label > div {
    --tw-translate-y: calc(1/6 * 100%) !important;
  }
}
.content-wall .heading-label span, .card-label {
  &.theme-none, &.theme-light {
    background-color: var(--color-white);
    color: var(--color-black);
  }
  &.theme-pink-300 {
    background-color: var(--color-purple-950);
    color: var(--color-pink-300);
  }
  &.theme-sky-200 {
    background-color: var(--color-blue-950);
    color: var(--color-sky-200);
  }
  &.theme-orange-200 {
    background-color: var(--color-red-950);
    color: var(--color-orange-200);
  }
  &.theme-lime-300 {
    background-color: var(--color-teal-950);
    color: var(--color-lime-300);
  }
  &.theme-blue-950 {
    background-color: var(--color-sky-200);
    color: var(--color-blue-950);
  }
  &.theme-red-950 {
    background-color: var(--color-orange-200);
    color: var(--color-red-950);
  }
  &.theme-teal-950 {
    background-color: var(--color-lime-300);
    color: var(--color-teal-950);
  }
  &.theme-purple-950 {
    background-color: var(--color-pink-300);
    color: var(--color-purple-950);
  }
  &.theme-violet-300 {
    background-color: var(--color-white);
    color: var(--color-blue-950);
  }
  &.theme-stone-800 {
    background-color: var(--color-lime-300);
    color: var(--color-blue-950);
  }
  &.theme-amber-300 {
    background-color: var(--color-dark);
    color: var(--color-amber-300);
  }
}
.image-carousel {
  position: relative;
  left: calc(1/2 * 100%);
  margin-left: calc(50vw * -1);
  width: 100vw;
  .swiper {
    position: relative;
    height: auto;
    padding-bottom: calc(var(--spacing) * 0);
    .swiper-wrapper {
      padding-top: calc(var(--spacing) * 10);
      @media (width >= 48rem) {
        padding-top: calc(var(--spacing) * 12);
      }
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing) * 14);
      }
      @media (width >= 80rem) {
        padding-top: calc(var(--spacing) * 15);
      }
      @media (width >= 96rem) {
        padding-top: 70px;
      }
      .swiper-slide {
        position: relative;
        display: inline-block;
        height: 190px;
        width: auto;
        @media (width >= 48rem) {
          height: 310px;
        }
        @media (width >= 64rem) {
          height: 340px;
        }
        @media (width >= 80rem) {
          height: 380px;
        }
        @media (width >= 96rem) {
          height: 600px;
        }
        figure {
          height: 100%;
          width: 100%;
        }
        img {
          height: 100%;
          width: auto;
          object-fit: contain;
          vertical-align: top;
        }
      }
    }
  }
}
.wp-block-image img {
  margin-inline: auto;
  height: auto;
  width: 100%;
  vertical-align: top;
}
.has-image-copyright--static {
  position: relative;
}
.image-copyright-badge {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 30;
  max-width: calc(100% - 1rem);
  padding: 0.2rem 0.5rem 0.25rem;
  border-radius: 0.125rem;
  background: rgb(0 0 0 / 0.65);
  color: #fff;
  font-size: 0.6875rem;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: 0;
  animation: image-copyright-fade-in 0.2s ease forwards;
}
@keyframes image-copyright-fade-in {
  to {
    opacity: 1;
  }
}
.header-wrapper.header-image figure.container .image-copyright-badge {
  right: 0.5rem;
  bottom: 0.5rem;
  left: auto;
  top: auto;
}
@media (min-width: 768px) {
  .header-wrapper.header-image figure.container .image-copyright-badge {
    right: 0.75rem;
    bottom: 0.75rem;
  }
}
.introduction {
  padding-block: calc(var(--spacing) * 11);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 40rem) {
    padding-inline: 8.3333%;
  }
  @media (width >= 48rem) {
    padding-inline: 12.5%;
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 16);
  }
  @media (width >= 64rem) {
    padding-inline: 16.6666%;
  }
  @media (width >= 80rem) {
    padding-inline: 25%;
  }
  @media (width >= 96rem) {
    padding-block: calc(var(--spacing) * 20);
  }
}
article ul {
  margin-bottom: calc(var(--spacing) * 6);
  list-style-type: disc;
  padding-left: 18px;
}
article ol {
  margin-bottom: calc(var(--spacing) * 6);
  list-style-type: decimal;
  padding-left: 20px;
}
.brand {
  display: flex;
  min-width: 0;
}
.brand svg {
  display: block;
  width: auto;
  height: 32px;
  max-width: 100%;
  object-fit: contain;
  vertical-align: top;
}
.menu-none, .menu-light, .menu-pink-300, .menu-orange-200, .menu-violet-300, .menu-lime-300, .menu-amber-300, .menu-zinc-100, .menu-sky-200 {
  color: #000 !important;
}
.has-image {
  color: #fff !important;
}
[data-site-header].headroom-down {
  background-color: #fff;
  color: #000 !important;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
[data-site-header].headroom-down a {
  color: inherit;
}
.submenu-item-group {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.menubar-items .submenu-trigger, .menubar-items .menu-toplink {
  white-space: nowrap;
  flex-shrink: 0;
}
.submenu-trigger {
  position: relative;
}
.submenu-trigger::after {
  content: '';
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  border-radius: 0.125rem 0.125rem 0 0;
  background-color: currentColor;
  transition: transform 0.2s ease;
}
.submenu-trigger-open::after, .submenu-trigger.is-active::after, .submenu-trigger.is-parent-active::after, .submenu-trigger:hover::after, .submenu-trigger.current-menu-item::after, .submenu-trigger.current-menu-parent::after, .submenu-trigger.current-menu-ancestor::after, .submenu-trigger.current_page_item::after, .submenu-trigger.current_page_parent::after, .submenu-trigger.current_page_ancestor::after {
  transform: scaleX(1);
}
.menu-toplink {
  position: relative;
}
.menu-toplink::after {
  content: '';
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  border-radius: 0.125rem 0.125rem 0 0;
  background-color: currentColor;
  transition: transform 0.2s ease;
}
.menu-toplink.is-active::after, .menu-toplink.is-parent-active::after, .menu-toplink:hover::after, .menu-toplink.current-menu-item::after, .menu-toplink.current-menu-parent::after, .menu-toplink.current-menu-ancestor::after, .menu-toplink.current_page_item::after, .menu-toplink.current_page_parent::after, .menu-toplink.current_page_ancestor::after {
  transform: scaleX(1);
}
.submenu-floating-panel {
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  z-index: 520;
  min-width: 220px;
  transform: translateX(-50%);
  border-radius: 0.125rem;
  background-color: #fff;
  padding: 0.375rem;
  color: #111827;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.11), 0 2px 8px rgba(0, 0, 0, 0.07);
}
.submenu-link {
  display: block;
  border-radius: 0.125rem;
  padding: 0.5rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #111827 !important;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.submenu-link + .submenu-link {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.submenu-link:hover, .submenu-link:focus-visible {
  background-color: rgb(209 213 219 / 0.2);
}
.submenu-link.is-active, .submenu-link.is-submenu-active {
  background-color: rgb(209 213 219 / 0.2);
  color: #000;
}
.menu-search-submit-wrap {
  display: inline-flex;
  background-color: currentColor;
  border-radius: 0 var(--radius-md, 0.375rem) var(--radius-md, 0.375rem) 0;
}
.menu-search-submit {
  background: transparent;
  color: #fff;
}
.text-white .menu-search-submit {
  color: var(--color-blue-950);
}
.bg-white .menu-search-submit, .headroom-down .menu-search-submit {
  color: #fff;
}
.menu-lang-switch {
  position: relative;
  display: flex;
  align-items: center;
}
.menu-lang-switch__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.menu-lang-switch .menu-item-gtranslate {
  position: relative;
  list-style: none;
}
.menu-lang-switch .menu-item-gtranslate > div {
  position: relative !important;
  white-space: nowrap;
}
.menu-lang-switch .gtranslate_wrapper, .menu-lang-switch #gt_float_wrapper, .menu-lang-switch [id^='gtranslate_menu_wrapper_'] {
  display: flex;
  align-items: center;
}
.menu-lang-switch .gt_float_switcher {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  color: inherit;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0.125rem;
  overflow: visible !important;
}
.menu-lang-switch .gt_float_switcher img {
  display: none !important;
}
.menu-lang-switch .gt_float_switcher .gt-selected {
  background: transparent !important;
  z-index: 530;
}
.menu-lang-switch .gt_float_switcher .gt-selected:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.menu-lang-switch .gt_float_switcher .gt-selected:focus-visible {
  outline: 2px dotted var(--color-outline);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--color-white);
}
.menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.125rem;
  color: inherit !important;
  font-weight: inherit;
  line-height: 1;
}
.menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
  text-transform: uppercase;
  letter-spacing: 0.025em;
  line-height: 1;
  position: static;
  top: auto;
}
.menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
  display: inline-block;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  margin: 0 0 1px;
  padding: 0;
  vertical-align: middle;
  background-image: none !important;
  background: none !important;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  filter: none !important;
  transform: rotate(45deg) !important;
  transition: transform 0.2s ease;
}
.menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
  transform: rotate(225deg) !important;
}
.bg-white .menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow, .headroom-down .menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
  border-color: currentColor;
}
.menu-lang-switch .gt_float_switcher .gt_options {
  position: absolute !important;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 520;
  width: 100%;
  min-width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  transform: none !important;
  opacity: 0;
  pointer-events: none;
  padding: 0;
  border-radius: 0.125rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.11), 0 2px 8px rgba(0, 0, 0, 0.07);
  float: none !important;
}
.menu-lang-switch .gt_float_switcher .gt_options.gt-open {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto;
}
.menu-lang-switch .gt_float_switcher .gt_options a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;
  text-decoration: none;
  transition: background-color 0.15s ease;
  font-size: 0 !important;
  color: transparent !important;
  padding: 0.5rem 0.75rem;
  line-height: 1;
}
.menu-lang-switch .gt_float_switcher .gt_options a::after {
  content: attr(data-gt-lang);
  font-size: 1em;
  line-height: 1;
  color: var(--color-gray-900, #111827);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.menu-lang-switch .gt_float_switcher .gt_options a:hover, .menu-lang-switch .gt_float_switcher .gt_options a:focus-visible {
  background: rgb(209 213 219 / 0.2) !important;
  color: transparent !important;
}
.menu-lang-switch .gt_float_switcher .gt_options a + a {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.panel-menu-overlay {
  top: var(--mobile-menubar-height, 4.75rem);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 540;
}
.panel-menu-dialog {
  top: var(--mobile-menubar-height, 4.75rem);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 545;
  color: #fff;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.35s ease, visibility 0s linear 0.35s;
}
.panel-menu-dialog.is-open {
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: transform 0.35s ease, visibility 0s linear 0s;
}
@media (prefers-reduced-motion: reduce) {
  .panel-menu-dialog, .panel-menu-dialog.is-open {
    transition: none;
  }
}
.panel-mobile-menu__row {
  display: flex;
  width: 100%;
  min-height: 2.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.875rem;
  text-align: left;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 500;
  background: transparent;
  border: 0;
}
.panel-mobile-menu__row:hover, .panel-mobile-menu__row:focus-visible {
  background-color: rgb(255 255 255 / 0.06);
}
.panel-mobile-menu__row:focus-visible {
  outline: 2px dotted var(--color-pink-300, #f9a8d4);
  outline-offset: 2px;
}
.panel-mobile-menu__row--split {
  gap: 0.75rem;
  padding: 0 0.625rem 0 0;
  align-items: center;
  cursor: default;
}
.panel-mobile-menu__row--split:hover, .panel-mobile-menu__row--split:focus-visible {
  background-color: transparent;
}
.panel-mobile-menu__label-link {
  display: flex;
  flex: 1;
  align-items: center;
  min-height: 2.75rem;
  min-width: 0;
  padding: 0.75rem;
  border-radius: 0.125rem;
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 500;
}
.panel-mobile-menu__label-link:hover, .panel-mobile-menu__label-link:focus-visible {
  background-color: rgb(255 255 255 / 0.06);
}
.panel-mobile-menu__label-link:focus-visible {
  outline: 2px dotted var(--color-pink-300, #f9a8d4);
  outline-offset: 2px;
}
.panel-mobile-menu__chevron-btn {
  display: inline-flex;
  height: 1.875rem;
  width: 1.875rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  border-radius: 0.125rem;
  color: #fff;
  cursor: pointer;
  background-color: rgb(255 255 255 / 0.1);
  border: 0;
}
@media (min-width: 768px) {
  .panel-mobile-menu__chevron-btn {
    height: 1.875rem;
    width: 1.875rem;
  }
}
.panel-mobile-menu__chevron-btn:hover, .panel-mobile-menu__chevron-btn:focus-visible {
  background-color: rgb(255 255 255 / 0.16);
}
.panel-mobile-menu__chevron-btn:active {
  background-color: rgb(255 255 255 / 0.2);
}
.panel-mobile-menu__chevron-btn:focus-visible {
  outline: 2px dotted var(--color-pink-300, #f9a8d4);
  outline-offset: 2px;
}
.panel-mobile-menu__label {
  display: block;
}
.panel-mobile-menu__chevron {
  display: inline-block;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform 0.25s ease;
}
@media (min-width: 768px) {
  .panel-mobile-menu__chevron {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.panel-mobile-menu__chevron.is-open {
  transform: rotate(225deg);
}
@media (prefers-reduced-motion: reduce) {
  .panel-mobile-menu__chevron {
    transition: none;
  }
}
.panel-mobile-menu__sublink {
  display: block;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  line-height: 1.25;
  color: rgb(255 255 255 / 0.9);
  text-decoration: none;
}
.panel-mobile-menu__sublink:hover, .panel-mobile-menu__sublink:focus-visible {
  color: #fff;
  background-color: rgb(255 255 255 / 0.06);
}
.panel-mobile-menu__sublink:focus-visible {
  outline: 2px dotted var(--color-pink-300, #f9a8d4);
  outline-offset: 2px;
}
.panel-mobile-menu__row.is-active, .panel-mobile-menu__label-link.is-active, .panel-mobile-menu__sublink.is-active {
  background-color: rgb(255 255 255 / 0.12);
  box-shadow: inset 3px 0 0 var(--color-pink-300, #f9a8d4);
}
.panel-mobile-menu__label-link.is-parent-active {
  font-weight: 600;
  box-shadow: inset 3px 0 0 rgb(255 255 255 / 0.35);
}
.mobile-menubar__toggle:focus-visible {
  outline: 2px dotted var(--color-pink-300, #f9a8d4);
  outline-offset: 2px;
}
.mobile-menubar__bar {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow: visible;
  padding: 1rem;
}
.mobile-menubar__brand {
  min-width: 0;
  max-width: 140px;
}
.mobile-menubar__brand svg {
  width: auto;
  height: 24px;
  max-width: 140px;
}
.mobile-menubar__actions {
  margin-left: auto;
  flex-shrink: 0;
}
.mobile-menubar__icon-btn {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 0.125rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
@media (min-width: 768px) {
  .mobile-menubar__icon-btn {
    height: 2.5rem;
    width: 2.5rem;
  }
}
.mobile-menubar__icon-btn:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.mobile-menubar__icon-btn:focus-visible {
  outline: 2px dotted var(--color-pink-300, #f9a8d4);
  outline-offset: 2px;
}
.bg-white .mobile-menubar__icon-btn:hover, .headroom-down .mobile-menubar__icon-btn:hover {
  background-color: rgb(0 0 0 / 0.06);
}
.mobile-menubar__lang {
  display: flex;
  align-items: center;
}
.mobile-menubar__lang .menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang {
  min-height: 2rem;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
@media (min-width: 768px) {
  .mobile-menubar__lang .menu-lang-switch .gt_float_switcher .gt-selected .gt-current-lang {
    min-height: 2.5rem;
  }
}
.narrow-column.offset-25 {
  @media (width >= 40rem) {
    padding-inline: 8.3333%;
  }
  @media (width >= 48rem) {
    padding-inline: 12.5%;
  }
  @media (width >= 64rem) {
    padding-inline: 16.6666%;
  }
  @media (width >= 80rem) {
    padding-inline: 25%;
  }
}
.narrow-column.offset-16 {
  @media (width >= 48rem) {
    padding-inline: 5%;
  }
  @media (width >= 64rem) {
    padding-inline: 8.3333%;
  }
  @media (width >= 80rem) {
    padding-inline: 16.6666%;
  }
}
.narrow-column.offset-8 {
  @media (width >= 64rem) {
    padding-inline: 8.3333%;
  }
}
.narrow-column {
  .advanced-container {
    left: auto;
    margin-inline: auto;
    width: 100%;
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    .container {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
}
article blockquote {
  position: relative;
  margin-bottom: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 8);
  }
  p {
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-serif);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    font-style: italic;
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 80rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &::before {
      content: '“';
    }
    &::after {
      content: '”';
    }
  }
  cite {
    display: block;
    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);
    color: var(--color-gray-500);
    font-style: normal;
  }
}
.section-newsletter {
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-newsletter .heading-label h2 {
  color: var(--color-black);
}
.section-newsletter .heading-label div p, .section-newsletter .heading-label div span {
  background-color: var(--color-black);
  color: var(--color-white);
}
.section-newsletter .form-row {
  border-radius: 9999px;
}
.section-newsletter .form-row .newsletter-input {
  background-color: var(--color-white);
}
.section-newsletter .form-row .newsletter-submit {
  background-color: var(--color-black);
  color: var(--color-white);
}
.section-newsletter .form-row .newsletter-input:focus-visible {
  outline: none;
  box-shadow: none;
}
.section-newsletter .form-row:has(.newsletter-input:focus-visible) {
  outline: 2px dotted var(--color-outline);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--color-white);
}
.page-theme-none .section-newsletter {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
}
.page-theme-none .section-newsletter .heading-label h2 {
  color: var(--color-black);
}
.page-theme-none .section-newsletter .heading-label div p, .page-theme-none .section-newsletter .heading-label div span {
  background-color: var(--color-black);
  color: var(--color-zinc-100);
}
.page-theme-none .section-newsletter .form-row .newsletter-input {
  color: var(--color-black);
  &::placeholder {
    color: var(--color-black);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.page-theme-none .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.page-theme-light .section-newsletter {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
}
.page-theme-light .section-newsletter .heading-label h2 {
  color: var(--color-black);
}
.page-theme-light .section-newsletter .heading-label div p, .page-theme-light .section-newsletter .heading-label div span {
  background-color: var(--color-black);
  color: var(--color-zinc-100);
}
.page-theme-light .section-newsletter .form-row .newsletter-input {
  color: var(--color-black);
  &::placeholder {
    color: var(--color-black);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.page-theme-light .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.page-theme-primary .section-newsletter {
  background-color: var(--color-black);
  color: var(--color-white);
}
.page-theme-primary .section-newsletter .heading-label h2 {
  color: var(--color-white);
}
.page-theme-primary .section-newsletter .heading-label div p, .page-theme-primary .section-newsletter .heading-label div span {
  background-color: var(--color-white);
  color: var(--color-black);
}
.page-theme-primary .section-newsletter .form-row .newsletter-input {
  color: var(--color-primary);
  &::placeholder {
    color: var(--color-primary);
  }
  &:focus {
    background-color: var(--color-zinc-200);
  }
  &:focus {
    color: var(--color-primary);
  }
}
.page-theme-primary .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-dark);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.page-theme-dark .section-newsletter {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.page-theme-dark .section-newsletter .heading-label h2 {
  color: var(--color-white);
}
.page-theme-dark .section-newsletter .heading-label div p, .page-theme-dark .section-newsletter .heading-label div span {
  background-color: var(--color-white);
  color: var(--color-dark);
}
.page-theme-dark .section-newsletter .form-row .newsletter-input {
  color: var(--color-dark);
  &::placeholder {
    color: var(--color-dark);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.page-theme-dark .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.page-theme-sky-200 .section-newsletter {
  background-color: var(--color-sky-200);
  color: var(--color-black);
}
.page-theme-sky-200 .section-newsletter .heading-label h2 {
  color: var(--color-blue-950);
}
.page-theme-sky-200 .section-newsletter .heading-label div p, .page-theme-sky-200 .section-newsletter .heading-label div span {
  background-color: var(--color-blue-950);
  color: var(--color-sky-200);
}
.page-theme-sky-200 .section-newsletter .form-row .newsletter-input {
  color: var(--color-blue-950);
  &::placeholder {
    color: var(--color-blue-950);
  }
  &:focus {
    background-color: var(--color-blue-950);
  }
  &:focus {
    color: var(--color-sky-200);
  }
  &:focus {
    &::placeholder {
      color: var(--color-sky-200);
    }
  }
}
.page-theme-sky-200 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-200);
    }
  }
}
.page-theme-pink-300 .section-newsletter {
  background-color: var(--color-pink-300);
  color: var(--color-black);
}
.page-theme-pink-300 .section-newsletter .heading-label h2 {
  color: var(--color-purple-950);
}
.page-theme-pink-300 .section-newsletter .heading-label div p, .page-theme-pink-300 .section-newsletter .heading-label div span {
  background-color: var(--color-purple-950);
  color: var(--color-pink-300);
}
.page-theme-pink-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-purple-950);
  &::placeholder {
    color: var(--color-purple-950);
  }
  &:focus {
    background-color: var(--color-purple-950);
  }
  &:focus {
    color: var(--color-pink-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-pink-300);
    }
  }
}
.page-theme-pink-300 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-purple-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-pink-300);
    }
  }
}
.page-theme-orange-200 .section-newsletter {
  background-color: var(--color-orange-200);
  color: var(--color-black);
}
.page-theme-orange-200 .section-newsletter .heading-label h2 {
  color: var(--color-red-950);
}
.page-theme-orange-200 .section-newsletter .heading-label div p, .page-theme-orange-200 .section-newsletter .heading-label div span {
  background-color: var(--color-red-950);
  color: var(--color-orange-200);
}
.page-theme-orange-200 .section-newsletter .form-row .newsletter-input {
  color: var(--color-red-950);
  &::placeholder {
    color: var(--color-red-950);
  }
  &:focus {
    background-color: var(--color-red-950);
  }
  &:focus {
    color: var(--color-orange-200);
  }
  &:focus {
    &::placeholder {
      color: var(--color-orange-200);
    }
  }
}
.page-theme-orange-200 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-200);
    }
  }
}
.page-theme-lime-300 .section-newsletter {
  background-color: var(--color-lime-300);
  color: var(--color-black);
}
.page-theme-lime-300 .section-newsletter .heading-label h2 {
  color: var(--color-teal-950);
}
.page-theme-lime-300 .section-newsletter .heading-label div p, .page-theme-lime-300 .section-newsletter .heading-label div span {
  background-color: var(--color-teal-950);
  color: var(--color-lime-300);
}
.page-theme-lime-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-teal-950);
  &::placeholder {
    color: var(--color-teal-950);
  }
  &:focus {
    background-color: var(--color-teal-950);
  }
  &:focus {
    color: var(--color-lime-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-lime-300);
    }
  }
}
.page-theme-lime-300 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-teal-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-lime-300);
    }
  }
}
.page-theme-red-950 .section-newsletter {
  background-color: var(--color-red-950);
  color: var(--color-white);
}
.page-theme-red-950 .section-newsletter .heading-label h2 {
  color: var(--color-orange-200);
}
.page-theme-red-950 .section-newsletter .heading-label div p, .page-theme-red-950 .section-newsletter .heading-label div span {
  background-color: var(--color-orange-200);
  color: var(--color-red-950);
}
.page-theme-red-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-red-950);
  &::placeholder {
    color: var(--color-red-950);
  }
  &:focus {
    background-color: var(--color-orange-200);
  }
  &:focus {
    color: var(--color-red-950);
  }
  &:focus {
    &::placeholder {
      color: var(--color-red-950);
    }
  }
}
.page-theme-red-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-200);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-950);
    }
  }
}
.page-theme-blue-950 .section-newsletter {
  background-color: var(--color-blue-950);
  color: var(--color-white);
}
.page-theme-blue-950 .section-newsletter .heading-label h2 {
  color: var(--color-sky-200);
}
.page-theme-blue-950 .section-newsletter .heading-label div p, .page-theme-blue-950 .section-newsletter .heading-label div span {
  background-color: var(--color-sky-200);
  color: var(--color-blue-950);
}
.page-theme-blue-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-blue-950);
  &::placeholder {
    color: var(--color-blue-950);
  }
  &:focus {
    background-color: var(--color-sky-200);
  }
}
.page-theme-blue-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sky-200);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-950);
    }
  }
}
.page-theme-teal-950 .section-newsletter {
  background-color: var(--color-teal-950);
  color: var(--color-white);
}
.page-theme-teal-950 .section-newsletter .heading-label h2 {
  color: var(--color-lime-300);
}
.page-theme-teal-950 .section-newsletter .heading-label div p, .page-theme-teal-950 .section-newsletter .heading-label div span {
  background-color: var(--color-lime-300);
  color: var(--color-teal-950);
}
.page-theme-teal-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-teal-950);
  &::placeholder {
    color: var(--color-teal-950);
  }
  &:focus {
    background-color: var(--color-lime-300);
  }
  &:focus {
    color: var(--color-teal-950);
  }
  &:focus {
    &::placeholder {
      color: var(--color-teal-950);
    }
  }
}
.page-theme-teal-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-lime-300);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-teal-950);
    }
  }
}
.page-theme-purple-950 .section-newsletter {
  background-color: var(--color-purple-950);
  color: var(--color-white);
}
.page-theme-purple-950 .section-newsletter .heading-label h2 {
  color: var(--color-pink-300);
}
.page-theme-purple-950 .section-newsletter .heading-label div p, .page-theme-purple-950 .section-newsletter .heading-label div span {
  background-color: var(--color-pink-300);
  color: var(--color-purple-950);
}
.page-theme-purple-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-purple-950);
  &::placeholder {
    color: var(--color-purple-950);
  }
  &:focus {
    background-color: var(--color-pink-300);
  }
  &:focus {
    color: var(--color-purple-950);
  }
  &:focus {
    &::placeholder {
      color: var(--color-purple-950);
    }
  }
}
.page-theme-purple-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink-300);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-purple-950);
    }
  }
}
.page-theme-stone-800 .section-newsletter {
  background-color: var(--color-stone-800);
  color: var(--color-white);
}
.page-theme-stone-800 .section-newsletter .heading-label h2 {
  color: var(--color-white);
}
.page-theme-stone-800 .section-newsletter .heading-label div p, .page-theme-stone-800 .section-newsletter .heading-label div span {
  background-color: var(--color-white);
  color: var(--color-stone-800);
}
.page-theme-stone-800 .section-newsletter .form-row .newsletter-input {
  color: var(--color-stone-800);
  &::placeholder {
    color: var(--color-stone-800);
  }
  &:focus {
    background-color: var(--color-stone-600);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.page-theme-stone-800 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-600);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.page-theme-violet-300 .section-newsletter {
  background-color: var(--color-violet-300);
  color: var(--color-black);
}
.page-theme-violet-300 .section-newsletter .heading-label h2 {
  color: var(--color-purple-950);
}
.page-theme-violet-300 .section-newsletter .heading-label div p, .page-theme-violet-300 .section-newsletter .heading-label div span {
  background-color: var(--color-purple-950);
  color: var(--color-violet-300);
}
.page-theme-violet-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-purple-950);
  &::placeholder {
    color: var(--color-purple-950);
  }
  &:focus {
    background-color: var(--color-purple-950);
  }
  &:focus {
    color: var(--color-violet-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-violet-300);
    }
  }
}
.page-theme-violet-300 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-purple-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-violet-300);
    }
  }
}
.page-theme-amber-300 .section-newsletter {
  background-color: var(--color-amber-300);
  color: var(--color-black);
}
.page-theme-amber-300 .section-newsletter .heading-label h2 {
  color: var(--color-stone-800);
}
.page-theme-amber-300 .section-newsletter .heading-label div p, .page-theme-amber-300 .section-newsletter .heading-label div span {
  background-color: var(--color-stone-800);
  color: var(--color-amber-300);
}
.page-theme-amber-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-black);
  &::placeholder {
    color: var(--color-black);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-amber-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-amber-300);
    }
  }
}
.page-theme-amber-300 .section-newsletter .form-row .newsletter-submit {
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-amber-300);
    }
  }
}
.page-theme-zinc-100 .section-newsletter {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
}
.page-theme-zinc-100 .section-newsletter .heading-label h2 {
  color: var(--color-stone-800);
}
.page-theme-zinc-100 .section-newsletter .heading-label div p, .page-theme-zinc-100 .section-newsletter .heading-label div span {
  background-color: var(--color-stone-800);
  color: var(--color-zinc-100);
}
.page-theme-zinc-100 .section-newsletter .form-row .newsletter-input {
  color: var(--color-blue-950);
  &::placeholder {
    color: var(--color-blue-950);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.page-theme-zinc-100 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-none .section-newsletter {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
}
.la-posta--themed.page-theme-none .section-newsletter .heading-label h2 {
  color: var(--color-black);
}
.la-posta--themed.page-theme-none .section-newsletter .heading-label div p, .la-posta--themed.page-theme-none .section-newsletter .heading-label div span {
  background-color: var(--color-black);
  color: var(--color-zinc-100);
}
.la-posta--themed.page-theme-none .section-newsletter .form-row .newsletter-input {
  color: var(--color-black);
  &::placeholder {
    color: var(--color-black);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-none .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-light .section-newsletter {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
}
.la-posta--themed.page-theme-light .section-newsletter .heading-label h2 {
  color: var(--color-black);
}
.la-posta--themed.page-theme-light .section-newsletter .heading-label div p, .la-posta--themed.page-theme-light .section-newsletter .heading-label div span {
  background-color: var(--color-black);
  color: var(--color-zinc-100);
}
.la-posta--themed.page-theme-light .section-newsletter .form-row .newsletter-input {
  color: var(--color-black);
  &::placeholder {
    color: var(--color-black);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-light .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-primary .section-newsletter {
  background-color: var(--color-black);
  color: var(--color-white);
}
.la-posta--themed.page-theme-primary .section-newsletter .heading-label h2 {
  color: var(--color-white);
}
.la-posta--themed.page-theme-primary .section-newsletter .heading-label div p, .la-posta--themed.page-theme-primary .section-newsletter .heading-label div span {
  background-color: var(--color-white);
  color: var(--color-black);
}
.la-posta--themed.page-theme-primary .section-newsletter .form-row .newsletter-input {
  color: var(--color-primary);
  &::placeholder {
    color: var(--color-primary);
  }
  &:focus {
    background-color: var(--color-zinc-200);
  }
  &:focus {
    color: var(--color-primary);
  }
}
.la-posta--themed.page-theme-primary .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-dark);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-dark .section-newsletter {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.la-posta--themed.page-theme-dark .section-newsletter .heading-label h2 {
  color: var(--color-white);
}
.la-posta--themed.page-theme-dark .section-newsletter .heading-label div p, .la-posta--themed.page-theme-dark .section-newsletter .heading-label div span {
  background-color: var(--color-white);
  color: var(--color-dark);
}
.la-posta--themed.page-theme-dark .section-newsletter .form-row .newsletter-input {
  color: var(--color-dark);
  &::placeholder {
    color: var(--color-dark);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-dark .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-sky-200 .section-newsletter {
  background-color: var(--color-sky-200);
  color: var(--color-black);
}
.la-posta--themed.page-theme-sky-200 .section-newsletter .heading-label h2 {
  color: var(--color-blue-950);
}
.la-posta--themed.page-theme-sky-200 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-sky-200 .section-newsletter .heading-label div span {
  background-color: var(--color-blue-950);
  color: var(--color-sky-200);
}
.la-posta--themed.page-theme-sky-200 .section-newsletter .form-row .newsletter-input {
  color: var(--color-blue-950);
  &::placeholder {
    color: var(--color-blue-950);
  }
  &:focus {
    background-color: var(--color-blue-950);
  }
  &:focus {
    color: var(--color-sky-200);
  }
  &:focus {
    &::placeholder {
      color: var(--color-sky-200);
    }
  }
}
.la-posta--themed.page-theme-sky-200 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-200);
    }
  }
}
.la-posta--themed.page-theme-pink-300 .section-newsletter {
  background-color: var(--color-pink-300);
  color: var(--color-black);
}
.la-posta--themed.page-theme-pink-300 .section-newsletter .heading-label h2 {
  color: var(--color-purple-950);
}
.la-posta--themed.page-theme-pink-300 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-pink-300 .section-newsletter .heading-label div span {
  background-color: var(--color-purple-950);
  color: var(--color-pink-300);
}
.la-posta--themed.page-theme-pink-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-purple-950);
  &::placeholder {
    color: var(--color-purple-950);
  }
  &:focus {
    background-color: var(--color-purple-950);
  }
  &:focus {
    color: var(--color-pink-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-pink-300);
    }
  }
}
.la-posta--themed.page-theme-pink-300 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-purple-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-pink-300);
    }
  }
}
.la-posta--themed.page-theme-orange-200 .section-newsletter {
  background-color: var(--color-orange-200);
  color: var(--color-black);
}
.la-posta--themed.page-theme-orange-200 .section-newsletter .heading-label h2 {
  color: var(--color-red-950);
}
.la-posta--themed.page-theme-orange-200 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-orange-200 .section-newsletter .heading-label div span {
  background-color: var(--color-red-950);
  color: var(--color-orange-200);
}
.la-posta--themed.page-theme-orange-200 .section-newsletter .form-row .newsletter-input {
  color: var(--color-red-950);
  &::placeholder {
    color: var(--color-red-950);
  }
  &:focus {
    background-color: var(--color-red-950);
  }
  &:focus {
    color: var(--color-orange-200);
  }
  &:focus {
    &::placeholder {
      color: var(--color-orange-200);
    }
  }
}
.la-posta--themed.page-theme-orange-200 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-200);
    }
  }
}
.la-posta--themed.page-theme-lime-300 .section-newsletter {
  background-color: var(--color-lime-300);
  color: var(--color-black);
}
.la-posta--themed.page-theme-lime-300 .section-newsletter .heading-label h2 {
  color: var(--color-teal-950);
}
.la-posta--themed.page-theme-lime-300 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-lime-300 .section-newsletter .heading-label div span {
  background-color: var(--color-teal-950);
  color: var(--color-lime-300);
}
.la-posta--themed.page-theme-lime-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-teal-950);
  &::placeholder {
    color: var(--color-teal-950);
  }
  &:focus {
    background-color: var(--color-teal-950);
  }
  &:focus {
    color: var(--color-lime-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-lime-300);
    }
  }
}
.la-posta--themed.page-theme-lime-300 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-teal-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-lime-300);
    }
  }
}
.la-posta--themed.page-theme-red-950 .section-newsletter {
  background-color: var(--color-red-950);
  color: var(--color-white);
}
.la-posta--themed.page-theme-red-950 .section-newsletter .heading-label h2 {
  color: var(--color-orange-200);
}
.la-posta--themed.page-theme-red-950 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-red-950 .section-newsletter .heading-label div span {
  background-color: var(--color-orange-200);
  color: var(--color-red-950);
}
.la-posta--themed.page-theme-red-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-red-950);
  &::placeholder {
    color: var(--color-red-950);
  }
  &:focus {
    background-color: var(--color-orange-200);
  }
  &:focus {
    color: var(--color-red-950);
  }
  &:focus {
    &::placeholder {
      color: var(--color-red-950);
    }
  }
}
.la-posta--themed.page-theme-red-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-200);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-950);
    }
  }
}
.la-posta--themed.page-theme-blue-950 .section-newsletter {
  background-color: var(--color-blue-950);
  color: var(--color-white);
}
.la-posta--themed.page-theme-blue-950 .section-newsletter .heading-label h2 {
  color: var(--color-sky-200);
}
.la-posta--themed.page-theme-blue-950 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-blue-950 .section-newsletter .heading-label div span {
  background-color: var(--color-sky-200);
  color: var(--color-blue-950);
}
.la-posta--themed.page-theme-blue-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-blue-950);
  &::placeholder {
    color: var(--color-blue-950);
  }
  &:focus {
    background-color: var(--color-sky-200);
  }
}
.la-posta--themed.page-theme-blue-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sky-200);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-950);
    }
  }
}
.la-posta--themed.page-theme-teal-950 .section-newsletter {
  background-color: var(--color-teal-950);
  color: var(--color-white);
}
.la-posta--themed.page-theme-teal-950 .section-newsletter .heading-label h2 {
  color: var(--color-lime-300);
}
.la-posta--themed.page-theme-teal-950 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-teal-950 .section-newsletter .heading-label div span {
  background-color: var(--color-lime-300);
  color: var(--color-teal-950);
}
.la-posta--themed.page-theme-teal-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-teal-950);
  &::placeholder {
    color: var(--color-teal-950);
  }
  &:focus {
    background-color: var(--color-lime-300);
  }
  &:focus {
    color: var(--color-teal-950);
  }
  &:focus {
    &::placeholder {
      color: var(--color-teal-950);
    }
  }
}
.la-posta--themed.page-theme-teal-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-lime-300);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-teal-950);
    }
  }
}
.la-posta--themed.page-theme-purple-950 .section-newsletter {
  background-color: var(--color-purple-950);
  color: var(--color-white);
}
.la-posta--themed.page-theme-purple-950 .section-newsletter .heading-label h2 {
  color: var(--color-pink-300);
}
.la-posta--themed.page-theme-purple-950 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-purple-950 .section-newsletter .heading-label div span {
  background-color: var(--color-pink-300);
  color: var(--color-purple-950);
}
.la-posta--themed.page-theme-purple-950 .section-newsletter .form-row .newsletter-input {
  color: var(--color-purple-950);
  &::placeholder {
    color: var(--color-purple-950);
  }
  &:focus {
    background-color: var(--color-pink-300);
  }
  &:focus {
    color: var(--color-purple-950);
  }
  &:focus {
    &::placeholder {
      color: var(--color-purple-950);
    }
  }
}
.la-posta--themed.page-theme-purple-950 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink-300);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-purple-950);
    }
  }
}
.la-posta--themed.page-theme-stone-800 .section-newsletter {
  background-color: var(--color-stone-800);
  color: var(--color-white);
}
.la-posta--themed.page-theme-stone-800 .section-newsletter .heading-label h2 {
  color: var(--color-white);
}
.la-posta--themed.page-theme-stone-800 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-stone-800 .section-newsletter .heading-label div span {
  background-color: var(--color-white);
  color: var(--color-stone-800);
}
.la-posta--themed.page-theme-stone-800 .section-newsletter .form-row .newsletter-input {
  color: var(--color-stone-800);
  &::placeholder {
    color: var(--color-stone-800);
  }
  &:focus {
    background-color: var(--color-stone-600);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-stone-800 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-600);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-violet-300 .section-newsletter {
  background-color: var(--color-violet-300);
  color: var(--color-black);
}
.la-posta--themed.page-theme-violet-300 .section-newsletter .heading-label h2 {
  color: var(--color-purple-950);
}
.la-posta--themed.page-theme-violet-300 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-violet-300 .section-newsletter .heading-label div span {
  background-color: var(--color-purple-950);
  color: var(--color-violet-300);
}
.la-posta--themed.page-theme-violet-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-purple-950);
  &::placeholder {
    color: var(--color-purple-950);
  }
  &:focus {
    background-color: var(--color-purple-950);
  }
  &:focus {
    color: var(--color-violet-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-violet-300);
    }
  }
}
.la-posta--themed.page-theme-violet-300 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-purple-950);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-violet-300);
    }
  }
}
.la-posta--themed.page-theme-amber-300 .section-newsletter {
  background-color: var(--color-amber-300);
  color: var(--color-black);
}
.la-posta--themed.page-theme-amber-300 .section-newsletter .heading-label h2 {
  color: var(--color-stone-800);
}
.la-posta--themed.page-theme-amber-300 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-amber-300 .section-newsletter .heading-label div span {
  background-color: var(--color-stone-800);
  color: var(--color-amber-300);
}
.la-posta--themed.page-theme-amber-300 .section-newsletter .form-row .newsletter-input {
  color: var(--color-black);
  &::placeholder {
    color: var(--color-black);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-amber-300);
  }
  &:focus {
    &::placeholder {
      color: var(--color-amber-300);
    }
  }
}
.la-posta--themed.page-theme-amber-300 .section-newsletter .form-row .newsletter-submit {
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-amber-300);
    }
  }
}
.la-posta--themed.page-theme-zinc-100 .section-newsletter {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
}
.la-posta--themed.page-theme-zinc-100 .section-newsletter .heading-label h2 {
  color: var(--color-stone-800);
}
.la-posta--themed.page-theme-zinc-100 .section-newsletter .heading-label div p, .la-posta--themed.page-theme-zinc-100 .section-newsletter .heading-label div span {
  background-color: var(--color-stone-800);
  color: var(--color-zinc-100);
}
.la-posta--themed.page-theme-zinc-100 .section-newsletter .form-row .newsletter-input {
  color: var(--color-blue-950);
  &::placeholder {
    color: var(--color-blue-950);
  }
  &:focus {
    background-color: var(--color-stone-800);
  }
  &:focus {
    color: var(--color-white);
  }
  &:focus {
    &::placeholder {
      color: var(--color-white);
    }
  }
}
.la-posta--themed.page-theme-zinc-100 .section-newsletter .form-row .newsletter-submit {
  font-family: var(--font-title);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-stone-800);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.search-header__title {
  margin-bottom: calc(var(--spacing) * 0);
  font-size: 40px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 40rem) {
    font-size: 52px;
  }
  @media (width >= 48rem) {
    font-size: 68px;
  }
  @media (width >= 64rem) {
    font-size: 84px;
  }
  @media (width >= 80rem) {
    font-size: 90px;
  }
  line-height: 1.15 !important;
}
.search-results-section__title {
  margin-bottom: calc(var(--spacing) * 3);
  font-size: 40px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 40rem) {
    font-size: 52px;
  }
  @media (width >= 48rem) {
    font-size: 68px;
  }
  @media (width >= 64rem) {
    font-size: 84px;
  }
  @media (width >= 80rem) {
    font-size: 90px;
  }
  @media (width >= 96rem) {
    font-size: 100px;
  }
}
.search-results-section--band {
  background-color: var(--color-zinc-100);
  padding-block: calc(var(--spacing) * 12);
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 14);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 16);
  }
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.search-results-section--band .search-results-section__cta .button {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-950);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-950) 15%, transparent);
  }
  background-color: var(--color-white);
  color: var(--color-blue-950);
  &:hover {
    border-color: var(--color-blue-950);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
    }
    background-color: var(--color-zinc-100);
  }
}
.search-results .odp-grid-cards {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 6);
}
@media (min-width: 768px) {
  .search-results .odp-grid-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 7);
  }
}
@media (min-width: 1200px) {
  .search-results .odp-grid-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
  }
}
.search-results .odp-grid-card {
  margin-right: calc(var(--spacing) * 0);
  width: 100%;
  max-width: none;
  overflow: hidden;
  border-radius: var(--radius-sm);
}
.search-list-cards {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 7);
  }
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 8);
  }
}
.search-results .search-list-card {
  position: relative;
  margin-right: calc(var(--spacing) * 0);
  display: flex;
  height: auto;
  width: 100%;
  max-width: none;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius-sm);
}
.search-results .search-list-card__media {
  margin-bottom: calc(var(--spacing) * 0);
  display: block;
  aspect-ratio: 2/1;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}
.search-results .search-list-card__media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.search-results .search-list-card__body {
  max-width: 750px;
  padding-inline: calc(var(--spacing) * 6);
  padding-bottom: calc(var(--spacing) * 6);
}
.search-results .search-list-card.no-media .search-list-card__body {
  padding-top: calc(var(--spacing) * 5);
}
@media (min-width: 768px) {
  .search-results .search-list-card {
    height: 140px;
    flex-direction: row;
    align-items: stretch;
  }
  .search-results .search-list-card__media {
    margin-left: auto;
    aspect-ratio: 4/2;
    height: 100%;
    width: auto;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .search-results .search-list-card__body {
    flex-shrink: 1;
    padding: calc(var(--spacing) * 6);
    padding-right: calc(var(--spacing) * 8);
  }
  .search-results .search-list-card.no-media .search-list-card__body {
    padding-top: calc(var(--spacing) * 6);
  }
}
.search-results-section__cta {
  margin-top: calc(var(--spacing) * 8);
  display: flex;
  align-items: center;
  justify-content: center;
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 10);
  }
  min-height: 2.75rem;
  @media (min-width: 768px) {
    min-height: 3.25rem;
  }
}
.search-results-section__cta .button {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-950);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-950) 15%, transparent);
  }
  background-color: var(--color-zinc-100);
  color: var(--color-blue-950);
  --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 {
    border-color: var(--color-blue-950);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
    }
    background-color: var(--color-white);
  }
}
.search-results-form__icon {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  z-index: 2;
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(-50%);
  pointer-events: none;
  background-color: var(--color-blue-950);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-950) 55%, transparent);
  }
  mask-image: var(--search-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: var(--search-icon);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.search-results-form__input {
  height: calc(var(--spacing) * 12);
  width: 100%;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-950);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-950) 70%, transparent);
  }
  background-color: var(--color-white);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-blue-950);
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 14);
  }
  @media (width >= 48rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  padding-left: 3.25rem;
  padding-right: 1.5rem;
  appearance: none;
  -webkit-appearance: none;
  &::placeholder {
    color: var(--color-blue-950);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
    }
  }
  &:focus {
    outline: none;
    box-shadow: 0 0 0 3px var(--color-blue-950);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-blue-950) 12%, transparent);
    }
  }
}
.search-results-form__input::-webkit-search-decoration, .search-results-form__input::-webkit-search-cancel-button, .search-results-form__input::-webkit-search-results-button, .search-results-form__input::-webkit-search-results-decoration {
  display: none;
}
.wp-block-table {
  width: 100%;
  overflow: auto;
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  color: var(--color-black);
  @media (max-width: 640px) {
    width: 100%;
    overflow-x: scroll;
    display: block;
  }
  table {
    width: 100%;
    min-width: max-content;
    table-layout: auto !important;
    border-collapse: collapse;
  }
  a {
    color: var(--color-primary);
    text-decoration-line: underline;
  }
  a:hover {
    text-decoration-line: none;
  }
  tr {
    td, th {
      border-style: var(--tw-border-style);
      border-width: 0px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-gray-200);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 4);
      vertical-align: middle;
      p {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
  thead {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
    tr {
      background-color: var(--color-blue-950);
      color: var(--color-white);
      th {
        border-style: var(--tw-border-style);
        border-width: 0px;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-blue-900);
        text-align: left;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
    }
  }
  tbody {
    tr {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-100);
        }
      }
      td {
        border-style: var(--tw-border-style);
        border-width: 0px;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-200);
      }
      &:last-child td {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  tfoot {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-200);
    tr {
      td {
        border-style: var(--tw-border-style);
        border-width: 0px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  figcaption {
    margin-top: calc(var(--spacing) * 0) !important;
    display: block;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-200);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  &.is-style-stripes {
    background-color: var(--color-white);
    table {
      tbody {
        tr {
          &:hover {
            @media (hover: hover) {
              background-color: var(--color-gray-100);
            }
          }
          td {
            border-style: var(--tw-border-style);
            border-width: 0px;
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-color: var(--color-gray-200);
            padding-inline: calc(var(--spacing) * 5);
            padding-block: calc(var(--spacing) * 4);
          }
          &:last-child td {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
          }
        }
      }
      tbody tr:nth-child(odd) {
        background-color: var(--color-gray-50);
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-gray-100);
          }
        }
      }
      tfoot {
        tr {
          td {
            padding-inline: calc(var(--spacing) * 5);
            padding-block: calc(var(--spacing) * 4);
          }
        }
      }
    }
  }
}
h1 {
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  @media (width >= 40rem) {
    font-size: 80px;
  }
  @media (width >= 48rem) {
    font-size: 104px;
  }
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  @media (width >= 64rem) {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }
  @media (width >= 80rem) {
    font-size: 140px;
  }
  @media (width >= 96rem) {
    font-size: 160px;
  }
}
h2 {
  margin-bottom: calc(var(--spacing) * 3);
  font-size: 40px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 40rem) {
    font-size: 52px;
  }
  @media (width >= 48rem) {
    font-size: 68px;
  }
  @media (width >= 64rem) {
    font-size: 84px;
  }
  @media (width >= 80rem) {
    font-size: 90px;
  }
  @media (width >= 96rem) {
    font-size: 100px;
  }
}
h3 {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: 28px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 40rem) {
    font-size: 32px;
  }
  @media (width >= 48rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  @media (width >= 64rem) {
    font-size: 40px;
  }
  @media (width >= 80rem) {
    font-size: 44px;
  }
}
h4 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 40rem) {
    font-size: 24px;
  }
  @media (width >= 48rem) {
    font-size: 28px;
  }
  @media (width >= 64rem) {
    font-size: 31px;
  }
  @media (width >= 80rem) {
    font-size: 34px;
  }
}
h5 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 40rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  @media (width >= 48rem) {
    font-size: 22px;
  }
  @media (width >= 64rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
h6 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 48rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  @media (width >= 80rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
p {
  margin-bottom: calc(var(--spacing) * 6);
}
p:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
p a {
  color: var(--color-primary);
  text-decoration-line: underline;
}
p a:hover {
  text-decoration-line: none;
}
b, strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
article cite {
  padding-top: calc(var(--spacing) * 2);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-style: italic;
}
article figcaption {
  margin: calc(var(--spacing) * 0) !important;
  padding-top: calc(var(--spacing) * 2);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-style: italic;
}
.wp-block-video {
  margin-bottom: calc(var(--spacing) * 0);
}
.whitespace {
  &.whitespace-small {
    height: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  &.whitespace-medium {
    height: calc(var(--spacing) * 11);
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 15);
    }
  }
  &.whitespace-large {
    height: calc(var(--spacing) * 16);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 20);
    }
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 24);
    }
  }
  &.whitespace-xlarge {
    height: calc(var(--spacing) * 24);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 32);
    }
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 40);
    }
  }
}
article .block-wolfmaps-map iframe {
  padding: calc(var(--spacing) * 0);
}
.block-wolfmaps-map {
  width: 100%;
  background-color: transparent;
  .block-wolfmaps-map__banner {
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: var(--spacing-large);
    padding-bottom: calc(var(--spacing) * 10);
  }
  .block-wolfmaps-map__banner-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline: 12.75%;
    text-align: center;
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .block-wolfmaps-map__banner-text {
    margin-bottom: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 0);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    @media (width < 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .block-wolfmaps-map__banner-link {
    display: inline-block;
  }
  .block-wolfmaps-map__embed {
    position: relative;
    height: 86vh;
    width: 100%;
    @media (width < 48rem) {
      height: 480px;
    }
    @media (width < 40rem) {
      height: 400px;
    }
    iframe {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      border-style: var(--tw-border-style);
      border-width: 0px;
      padding: calc(var(--spacing) * 0);
    }
  }
}
.block-wolfmaps-map--theme-dark {
  .heading-label h2 {
    color: var(--color-dark);
  }
  .heading-label div span {
    background-color: var(--color-dark);
    color: var(--color-white);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-dark);
  }
}
.block-wolfmaps-map--theme-light {
  .heading-label h2 {
    color: var(--color-black);
  }
  .heading-label div span {
    background-color: var(--color-black);
    color: var(--color-white);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-black);
  }
}
.block-wolfmaps-map--theme-primary {
  .heading-label h2 {
    color: var(--color-black);
  }
  .heading-label div span {
    background-color: var(--color-black);
    color: var(--color-white);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-black);
  }
}
.block-wolfmaps-map--theme-sky-200 {
  .heading-label h2 {
    color: var(--color-blue-950);
  }
  .heading-label div span {
    background-color: var(--color-blue-950);
    color: var(--color-sky-200);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-blue-950);
  }
}
.block-wolfmaps-map--theme-pink-300 {
  .heading-label h2 {
    color: var(--color-purple-950);
  }
  .heading-label div span {
    background-color: var(--color-purple-950);
    color: var(--color-pink-300);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-purple-950);
  }
}
.block-wolfmaps-map--theme-orange-200 {
  .heading-label h2 {
    color: var(--color-red-950);
  }
  .heading-label div span {
    background-color: var(--color-red-950);
    color: var(--color-orange-200);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-red-950);
  }
}
.block-wolfmaps-map--theme-lime-300 {
  .heading-label h2 {
    color: var(--color-teal-950);
  }
  .heading-label div span {
    background-color: var(--color-teal-950);
    color: var(--color-lime-300);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-teal-950);
  }
}
.block-wolfmaps-map--theme-red-950 {
  .heading-label h2 {
    color: var(--color-red-950);
  }
  .heading-label div span {
    background-color: var(--color-red-950);
    color: var(--color-orange-200);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-red-950);
  }
}
.block-wolfmaps-map--theme-blue-950 {
  .heading-label h2 {
    color: var(--color-blue-950);
  }
  .heading-label div span {
    background-color: var(--color-blue-950);
    color: var(--color-sky-200);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-blue-950);
  }
}
.block-wolfmaps-map--theme-teal-950 {
  .heading-label h2 {
    color: var(--color-teal-950);
  }
  .heading-label div span {
    background-color: var(--color-teal-950);
    color: var(--color-lime-300);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-teal-950);
  }
}
.block-wolfmaps-map--theme-purple-950 {
  .heading-label h2 {
    color: var(--color-purple-950);
  }
  .heading-label div span {
    background-color: var(--color-purple-950);
    color: var(--color-pink-300);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-purple-950);
  }
}
.block-wolfmaps-map--theme-stone-800 {
  .heading-label h2 {
    color: var(--color-stone-800);
  }
  .heading-label div span {
    background-color: var(--color-stone-800);
    color: var(--color-white);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-stone-800);
  }
}
.block-wolfmaps-map--theme-violet-300 {
  .heading-label h2 {
    color: var(--color-purple-950);
  }
  .heading-label div span {
    background-color: var(--color-purple-950);
    color: var(--color-violet-300);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-purple-950);
  }
}
.block-wolfmaps-map--theme-amber-300 {
  .heading-label h2 {
    color: var(--color-stone-800);
  }
  .heading-label div span {
    background-color: var(--color-stone-800);
    color: var(--color-amber-300);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-stone-800);
  }
}
.block-wolfmaps-map--theme-zinc-100 {
  .heading-label h2 {
    color: var(--color-stone-800);
  }
  .heading-label div span {
    background-color: var(--color-stone-800);
    color: var(--color-zinc-100);
  }
  .block-wolfmaps-map__banner-text {
    color: var(--color-stone-800);
  }
}
.header-home .image-container img, .header-home .image-container video {
  height: auto;
  max-height: 200px;
  width: 100%;
  max-width: 200px;
  object-fit: cover;
  @media (width >= 40rem) {
    max-height: 250px;
  }
  @media (width >= 40rem) {
    max-width: 250px;
  }
  @media (width >= 48rem) {
    max-height: 300px;
  }
  @media (width >= 48rem) {
    max-width: 300px;
  }
  @media (width >= 64rem) {
    max-height: 350px;
  }
  @media (width >= 64rem) {
    max-width: 350px;
  }
  @media (width >= 80rem) {
    max-height: 400px;
  }
  @media (width >= 80rem) {
    max-width: 400px;
  }
  @media (width >= 96rem) {
    max-height: 500px;
  }
  @media (width >= 96rem) {
    max-width: 500px;
  }
}
.header-home .image-container:not(.is-ready) {
  opacity: 0;
}
.header-gradient {
  position: relative;
  &::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 2;
    height: 35%;
    width: 100%;
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  &.header-gradient--bottom::before {
    top: auto;
    bottom: calc(var(--spacing) * 0);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  &.header-gradient--half::before {
    height: 65%;
  }
  &.header-gradient--full::before {
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    height: auto;
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-via-position: 55%;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.header-home .image-container.layout_one > :nth-child(1) {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(2/10 * 100%);
}
.header-home .image-container.layout_one > :nth-child(2) {
  position: absolute;
  top: 250px;
  right: calc(var(--spacing) * 0);
  @media (width >= 64rem) {
    top: 150px;
  }
}
.header-home .image-container.layout_one > :nth-child(3) {
  position: absolute;
  bottom: 250px;
  left: calc(1/20 * 100%);
  @media (width >= 64rem) {
    bottom: 100px;
  }
}
.header-home .image-container.layout_one > :nth-child(4) {
  position: absolute;
  right: calc(3/20 * 100%);
  bottom: 50px;
  @media (width >= 64rem) {
    bottom: calc(var(--spacing) * 0);
  }
}
.header-home .image-container.layout_two > :nth-child(1) {
  position: absolute;
  top: 300px;
  left: calc(1/10 * 100%);
  @media (width >= 64rem) {
    top: 200px;
  }
}
.header-home .image-container.layout_two > :nth-child(2) {
  position: absolute;
  top: 50px;
  right: calc(3/20 * 100%);
  @media (width >= 64rem) {
    top: calc(var(--spacing) * 0);
  }
}
.header-home .image-container.layout_two > :nth-child(3) {
  position: absolute;
  bottom: 50px;
  left: calc(2/10 * 100%);
  @media (width >= 64rem) {
    bottom: calc(var(--spacing) * 0);
  }
}
.header-home .image-container.layout_two > :nth-child(4) {
  position: absolute;
  right: calc(1/20 * 100%);
  bottom: 300px;
  @media (width >= 64rem) {
    bottom: 200px;
  }
}
.header-home {
  .header-title {
    .heading-label {
      span {
        background-color: var(--color-white);
        color: var(--color-primary);
      }
    }
  }
}
.page-theme-sky-200 .header-home {
  &.header-wrapper.header-gradient {
    &::before {
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &.header-gradient--bottom::before {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.page-theme-pink-300 .header-home {
  &.header-wrapper.header-gradient {
    &::before {
      content: '';
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &.header-gradient--bottom::before {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.page-theme-orange-200 .header-home {
  &.header-wrapper.header-gradient {
    &::before {
      content: '';
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-red-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-red-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &.header-gradient--bottom::before {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-red-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-red-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.page-theme-lime-300 .header-home {
  &.header-wrapper.header-gradient {
    &::before {
      content: '';
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &.header-gradient--bottom::before {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-950) 70%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-950) 25%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.page-theme-amber-300 .header-home {
  &.header-wrapper.header-gradient {
    &::before {
      content: '';--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-dark) 70%, transparent);--tw-gradient-via:color-mix(in oklab, var(--color-dark) 25%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}&.header-gradient--bottom::before{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-dark) 70%, transparent);--tw-gradient-via:color-mix(in oklab, var(--color-dark) 25%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.theme-text-none .header-home,.theme-text-light .header-home{.header-title{.heading-label{color:var(--color-white)!important;span{background-color:var(--color-white)!important;color:var(--color-primary)!important}}}}.theme-text-dark .header-home{.header-title{.heading-label{color:var(--color-dark)!important;span{background-color:var(--color-dark)!important;color:var(--color-white)!important}}}}.theme-text-primary .header-home{.header-title{.heading-label{color:var(--color-primary)!important;span{background-color:var(--color-primary)!important;color:var(--color-white)!important}}}}.theme-text-sky-200 .header-home{.header-title{.heading-label{color:var(--color-sky-200)!important;span{background-color:var(--color-sky-200)!important;color:var(--color-blue-950)!important}}}}.theme-text-pink-300 .header-home{.header-title{.heading-label{color:var(--color-pink-300)!important;span{background-color:var(--color-pink-300)!important;color:var(--color-purple-950)!important}}}}.theme-text-orange-200 .header-home{.header-title{.heading-label{color:var(--color-orange-200)!important;span{background-color:var(--color-orange-200)!important;color:var(--color-red-950)!important}}}}.theme-text-lime-300 .header-home{.header-title{.heading-label{color:var(--color-lime-300)!important;span{background-color:var(--color-lime-300)!important;color:var(--color-teal-950)!important}}}}.theme-text-red-950 .header-home{.header-title{.heading-label{color:var(--color-red-950)!important;span{background-color:var(--color-red-950)!important;color:var(--color-orange-200)!important}}}}.theme-text-blue-950 .header-home{.header-title{.heading-label{color:var(--color-blue-950)!important;span{background-color:var(--color-blue-950)!important;color:var(--color-sky-200)!important}}}}.theme-text-teal-950 .header-home{.header-title{.heading-label{color:var(--color-teal-950)!important;span{background-color:var(--color-teal-950)!important;color:var(--color-lime-300)!important}}}}.theme-text-purple-950 .header-home{.header-title{.heading-label{color:var(--color-purple-950)!important;span{background-color:var(--color-purple-950)!important;color:var(--color-pink-300)!important}}}}.theme-text-stone-800 .header-home{.header-title{.heading-label{color:var(--color-stone-800)!important;span{background-color:var(--color-stone-800)!important;color:var(--color-white)!important}}}}.theme-text-violet-300 .header-home{.header-title{.heading-label{color:var(--color-violet-300)!important;span{background-color:var(--color-violet-300)!important;color:var(--color-purple-950)!important}}}}.theme-text-amber-300 .header-home{.header-title{.heading-label{color:var(--color-amber-300)!important;span{background-color:var(--color-amber-300)!important;color:var(--color-dark)!important}}}}.theme-text-zinc-100 .header-home{.header-title{.heading-label{color:var(--color-zinc-100)!important;span{background-color:var(--color-zinc-100)!important;color:var(--color-black)!important}}}}@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-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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:0}@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-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-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-content{syntax:"*";initial-value:"";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@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-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}.page-theme-herfst h1,.page-theme-herfst h2,.page-theme-herfst h3,.page-theme-herfst h4{color:#00c921}.page-theme-herfst .header-wrapper{background-color:#453fea;.featured-label{background-color:#00c921;color:#453fea}}.theme-text-herfst .header-home{.header-title{.heading-label{color:#00c921;span{background-color:#00c921!important;color:#453fea!important}}}}.page-theme-herfst .header-wrapper{&.header-home{.heading-label div span{background-color:#00c921;color:#453fea}}}.page-theme-herfst .content-wrapper{color:#d93}.page-theme-herfst .content-wrapper p a{color:#d93}.custom-theme-herfst{color:#00c921;background-color:#453fea;&.container-contained{background-color:#fff0;.inner-container{background-color:#453fea}}>.editor-theme-swatch{background-color:#453fea;color:#00c921}}.heading-label div span.theme-herfst,.heading-label div p.theme-herfst,.heading-label.block-base[data-theme="herfst"] p{color:#00c921;background-color:#453fea}.page-theme-herfst .section-newsletter{background-color:#453fea;color:#00c921}.page-theme-herfst .section-newsletter .heading-label h2{color:#00c921}.page-theme-herfst .section-newsletter .heading-label div p,.page-theme-herfst .section-newsletter .heading-label div span{background-color:#00c921;color:#453fea}.page-theme-herfst .section-newsletter .form-row .newsletter-input{color:#000}.page-theme-herfst .section-newsletter .form-row .newsletter-input:focus{background-color:#F9F9F9}.page-theme-herfst .section-newsletter .form-row .newsletter-input::placeholder{color:#000}.page-theme-herfst .section-newsletter .form-row .newsletter-submit{color:#fff}.page-theme-herfst .section-newsletter .form-row .newsletter-submit:hover{background-color:#333;color:#fff}.la-posta--themed.page-theme-herfst .section-newsletter{background-color:#453fea;color:#00c921}.la-posta--themed.page-theme-herfst .section-newsletter .heading-label h2{color:#00c921}.la-posta--themed.page-theme-herfst .section-newsletter .heading-label div p,.la-posta--themed.page-theme-herfst .section-newsletter .heading-label div span{background-color:#00c921;color:#453fea}.la-posta--themed.page-theme-herfst .section-newsletter .form-row .newsletter-input{color:#000}.la-posta--themed.page-theme-herfst .section-newsletter .form-row .newsletter-input:focus{background-color:#F9F9F9}.la-posta--themed.page-theme-herfst .section-newsletter .form-row .newsletter-input::placeholder{color:#000}.la-posta--themed.page-theme-herfst .section-newsletter .form-row .newsletter-submit{color:#fff}.la-posta--themed.page-theme-herfst .section-newsletter .form-row .newsletter-submit:hover{background-color:#333;color:#fff}.content-module-cards,.odp-module-cards{.heading-label{div{p,span{&.theme-herfst{color:#00c921;background-color:#453fea}}}}.swiper-slide{&.theme-herfst{background-color:#453fea;p,span{color:#d93}.card-label{background-color:#00c921;color:#453fea}.button{color:#453fea}}}}.content-module-wall,.odp-module-wall{.theme-herfst{background-color:#453fea;.heading-label{h2{color:#00c921}div{p,span{color:#453fea;background-color:#00c921}}}}}.advanced-media-text.custom-theme-herfst{background-color:transparent!important;color:inherit;.advanced-media-text__content{background-color:#453fea;color:#d93;.wp-block-heading,h1,h2,h3,h4{color:#00c921}p a{color:#d93}}}.page-theme-sinterklaas h1,.page-theme-sinterklaas h2,.page-theme-sinterklaas h3,.page-theme-sinterklaas h4{color:#ee2}.page-theme-sinterklaas .header-wrapper{background-color:#d33;.featured-label{background-color:#ee2;color:#d33}}.theme-text-sinterklaas .header-home{.header-title{.heading-label{color:#ee2;span{background-color:#eeee22!important;color:#dd3333!important}}}}.page-theme-sinterklaas .header-wrapper{&.header-home{.heading-label div span{background-color:#ee2;color:#d33}}}.page-theme-sinterklaas .content-wrapper{color:#fff}.page-theme-sinterklaas .content-wrapper p a{color:#fff}.custom-theme-sinterklaas{color:#ee2;background-color:#d33;&.container-contained{background-color:#fff0;.inner-container{background-color:#d33}}>.editor-theme-swatch{background-color:#d33;color:#ee2}}.heading-label div span.theme-sinterklaas,.heading-label div p.theme-sinterklaas,.heading-label.block-base[data-theme="sinterklaas"] p{color:#ee2;background-color:#d33}.page-theme-sinterklaas .section-newsletter{background-color:#d33;color:#ee2}.page-theme-sinterklaas .section-newsletter .heading-label h2{color:#ee2}.page-theme-sinterklaas .section-newsletter .heading-label div p,.page-theme-sinterklaas .section-newsletter .heading-label div span{background-color:#ee2;color:#d33}.page-theme-sinterklaas .section-newsletter .form-row .newsletter-input{color:#000}.page-theme-sinterklaas .section-newsletter .form-row .newsletter-input:focus{background-color:#F9F9F9}.page-theme-sinterklaas .section-newsletter .form-row .newsletter-input::placeholder{color:#000}.page-theme-sinterklaas .section-newsletter .form-row .newsletter-submit{color:#fff}.page-theme-sinterklaas .section-newsletter .form-row .newsletter-submit:hover{background-color:#333;color:#fff}.la-posta--themed.page-theme-sinterklaas .section-newsletter{background-color:#d33;color:#ee2}.la-posta--themed.page-theme-sinterklaas .section-newsletter .heading-label h2{color:#ee2}.la-posta--themed.page-theme-sinterklaas .section-newsletter .heading-label div p,.la-posta--themed.page-theme-sinterklaas .section-newsletter .heading-label div span{background-color:#ee2;color:#d33}.la-posta--themed.page-theme-sinterklaas .section-newsletter .form-row .newsletter-input{color:#000}.la-posta--themed.page-theme-sinterklaas .section-newsletter .form-row .newsletter-input:focus{background-color:#F9F9F9}.la-posta--themed.page-theme-sinterklaas .section-newsletter .form-row .newsletter-input::placeholder{color:#000}.la-posta--themed.page-theme-sinterklaas .section-newsletter .form-row .newsletter-submit{color:#fff}.la-posta--themed.page-theme-sinterklaas .section-newsletter .form-row .newsletter-submit:hover{background-color:#333;color:#fff}.content-module-cards,.odp-module-cards{.heading-label{div{p,span{&.theme-sinterklaas{color:#ee2;background-color:#d33}}}}.swiper-slide{&.theme-sinterklaas{background-color:#d33;p,span{color:#fff}.card-label{background-color:#ee2;color:#d33}.button{color:#d33}}}}.content-module-wall,.odp-module-wall{.theme-sinterklaas{background-color:#d33;.heading-label{h2{color:#ee2}div{p,span{color:#d33;background-color:#ee2}}}}}.advanced-media-text.custom-theme-sinterklaas{background-color:transparent!important;color:inherit;.advanced-media-text__content{background-color:#d33;color:#fff;.wp-block-heading,h1,h2,h3,h4{color:#ee2}p a{color:#fff}}}.page-theme-test h1,.page-theme-test h2,.page-theme-test h3,.page-theme-test h4{color:#939393}.page-theme-test .header-wrapper{background-color:#8224e3;.featured-label{background-color:#939393;color:#8224e3}}.theme-text-test .header-home{.header-title{.heading-label{color:#939393;span{background-color:#939393!important;color:#8224e3!important}}}}.page-theme-test .header-wrapper{&.header-home{.heading-label div span{background-color:#939393;color:#8224e3}}}.page-theme-test .content-wrapper{color:#1e73be}.page-theme-test .content-wrapper p a{color:#1e73be}.custom-theme-test{color:#939393;background-color:#8224e3;&.container-contained{background-color:#fff0;.inner-container{background-color:#8224e3}}>.editor-theme-swatch{background-color:#8224e3;color:#939393}}.heading-label div span.theme-test,.heading-label div p.theme-test,.heading-label.block-base[data-theme="test"] p{color:#939393;background-color:#8224e3}.page-theme-test .section-newsletter{background-color:#8224e3;color:#939393}.page-theme-test .section-newsletter .heading-label h2{color:#939393}.page-theme-test .section-newsletter .heading-label div p,.page-theme-test .section-newsletter .heading-label div span{background-color:#939393;color:#8224e3}.page-theme-test .section-newsletter .form-row .newsletter-input{color:#000}.page-theme-test .section-newsletter .form-row .newsletter-input:focus{background-color:#F9F9F9}.page-theme-test .section-newsletter .form-row .newsletter-input::placeholder{color:#000}.page-theme-test .section-newsletter .form-row .newsletter-submit{color:#fff}.page-theme-test .section-newsletter .form-row .newsletter-submit:hover{background-color:#333;color:#fff}.la-posta--themed.page-theme-test .section-newsletter{background-color:#8224e3;color:#939393}.la-posta--themed.page-theme-test .section-newsletter .heading-label h2{color:#939393}.la-posta--themed.page-theme-test .section-newsletter .heading-label div p,.la-posta--themed.page-theme-test .section-newsletter .heading-label div span{background-color:#939393;color:#8224e3}.la-posta--themed.page-theme-test .section-newsletter .form-row .newsletter-input{color:#000}.la-posta--themed.page-theme-test .section-newsletter .form-row .newsletter-input:focus{background-color:#F9F9F9}.la-posta--themed.page-theme-test .section-newsletter .form-row .newsletter-input::placeholder{color:#000}.la-posta--themed.page-theme-test .section-newsletter .form-row .newsletter-submit{color:#fff}.la-posta--themed.page-theme-test .section-newsletter .form-row .newsletter-submit:hover{background-color:#333;color:#fff}.content-module-cards,.odp-module-cards{.heading-label{div{p,span{&.theme-test{color:#939393;background-color:#8224e3}}}}.swiper-slide{&.theme-test{background-color:#8224e3;p,span{color:#1e73be}.card-label{background-color:#939393;color:#8224e3}.button{color:#8224e3}}}}.content-module-wall,.odp-module-wall{.theme-test{background-color:#8224e3;.heading-label{h2{color:#939393}div{p,span{color:#8224e3;background-color:#939393}}}}}.advanced-media-text.custom-theme-test{background-color:transparent!important;color:inherit;.advanced-media-text__content{background-color:#8224e3;color:#1e73be;.wp-block-heading,h1,h2,h3,h4{color:#939393}p a{color:#1e73be}}}