:root, [data-bs-theme=light] {
	--kaust-body-font-weight: 400;
  --kaust-orange: rgb(233,131,0);
  --kaust-yellow: rgb(248,193,47);
  --kaust-green: rgb(182,191,0);
  --kaust-teal: rgb(0,166,170);
  --kaust-blue: rgb(79,125,195);
  --kaust-purple: rgb(145,100,171);
  --kaust-red: rgb(220 53 69);
  --kaust-border-opacity: 0.35;
  --kaust-overlay-opacity: 0.025;
  --kaust-bg-opacity: 1;
  --kaust-svg-seeds-bg-v1: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1920 1080"><style>.opacity{opacity:.025;}</style><path d="M5.5 569c-61.1 116-95.9 413 81.2 506 190 99.2 418-49.3 513-174 12.5-17 23.2-34.9 32.2-53.7 4.7-11 8-22 9.9-33.1 1.3-15.8 1.4-31.6.4-47.4a187 187 0 0 0-9.8-38.3c-5.4-12.2-11.1-24.4-17-36.4-8.1-14.3-17.8-28.2-28.2-41.9l-26.7-32.1c-65.9-72.9-153-132-195-156l-35.9-17.3c-22.9-10.2-44.5-17.6-64.7-21.8-12.3-2.4-25-4.1-38.2-5-19.7-.9-38.5.2-55.5 4.3-16.9 4.3-33 11.1-48.8 19.1-17.3 9.3-33.3 20.8-47.6 34.1-19 17.9-33.7 38.7-48.7 59.2-7.3 11.2-14.1 22.8-20.4 34.6l-.1-.1z" class="opacity"/><path d="m410 467-57.8-11.5c-21.1-2.8-42.3-4.5-63.5-5.1l-49.5.3c-24.1 1-48.1 3.3-71.9 7l-39.8 7.8c-25.7 6.1-50.7 14-73.6 24.5l-33 17.9c-43 27.1-75.4 65-87.2 118-9.6 42.7-13.3 99.5-7.8 160l4.8 39.2c5.1 32.7 12.9 65.9 24.2 98.1l15.5 39a386 386 0 0 0 42.2 71.9l33.4 38.5c18 17.8 38.1 33.3 59.9 45.9l54.4 25.1c11 3.9 22.3 7.1 33.6 9.8 311 69.9 446-214 475-345 46.8-208-147-310-259-342zM1283 76.1c-47.1 89.1-73.9 319 62.6 390 146 76.5 322-38 395-134a256 256 0 0 0 24.8-41.4c3.6-8.5 6.2-17 7.6-25.5 1-12.2 1.1-24.4.3-36.6-1.5-10.1-4-20-7.5-29.5-4.2-9.4-8.5-18.8-13.1-28.1a286 286 0 0 0-21.8-32.3l-20.6-24.7c-50.8-56.2-118-101-150-120l-27.7-13.4c-17.7-7.9-34.3-13.6-49.9-16.8-9.5-1.9-19.3-3.2-29.4-3.8-15.2-.7-29.6.2-42.8 3.3-13 3.3-25.4 8.6-37.6 14.7-13.3 7.2-25.7 16-36.7 26.3-14.7 13.8-26 29.8-37.6 45.6a322 322 0 0 0-15.7 26.7z" class="opacity"/><path d="M1550-11.5c-16.2-2.1-32.6-3.4-49-4l-38.1.2c-18.6.7-37.1 2.5-55.5 5.4l-30.7 6c-19.8 4.7-39.1 10.8-56.8 18.9l-25.5 13.8c-33.2 20.9-58.2 50.1-67.3 90.6-7.4 32.9-10.2 76.7-6 124l3.7 30.2c4 25.2 10 50.8 18.6 75.7l11.9 30.1c8.9 19.6 19.8 38.2 32.5 55.4l25.8 29.7c13.9 13.7 29.4 25.6 46.2 35.4l41.9 19.4c8.5 3 17.2 5.5 25.9 7.5 240 53.9 344-165 366-266 36.1-161-113-241-199-263z" class="opacity"/></svg>');
  --kaust-svg-seeds-bg-v2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1920 1080"><style>.opacity{opacity:.025;}</style><path d="M82.16 484.89c-61.1 116-95.9 413 81.2 506 190 99.2 418-49.3 513-174 12.5-17 23.2-34.9 32.2-53.7 4.7-11 8-22 9.9-33.1 1.3-15.8 1.4-31.6.4-47.4a187.3 187.3 0 0 0-9.8-38.3c-5.4-12.2-11.1-24.4-17-36.4-8.1-14.3-17.8-28.2-28.2-41.9l-26.7-32.1c-65.9-72.9-153-132-195-156l-35.9-17.3c-22.9-10.2-44.5-17.6-64.7-21.8-12.3-2.4-25-4.1-38.2-5-19.7-.9-38.5.2-55.5 4.3-16.9 4.3-33 11.1-48.8 19.1-17.3 9.3-33.3 20.8-47.6 34.1-19 17.9-33.7 38.7-48.7 59.2-7.3 11.2-14.1 22.8-20.4 34.6z" class="opacity"/><path d="m486.66 382.69-57.8-11.5c-21.1-2.8-42.3-4.5-63.5-5.1l-49.5.3c-24.1 1-48.1 3.3-71.9 7l-39.8 7.8c-25.7 6.1-50.7 14-73.6 24.5l-33 17.9c-43 27.1-75.4 65-87.2 118-9.6 42.7-13.3 99.5-7.8 160l4.8 39.2c5.1 32.7 12.9 65.9 24.2 98.1l15.5 39a386.1 386.1 0 0 0 42.2 71.9l33.4 38.5c18 17.8 38.1 33.3 59.9 45.9l54.4 25.1c11 3.9 22.3 7.1 33.6 9.8 311 69.9 446-214 475-345 46.8-208-147-310-259-342zM1403.9 116.32c-47.1 89.1-73.9 319 62.6 390 146 76.5 322-38 395-134a256.3 256.3 0 0 0 24.8-41.4c3.6-8.5 6.2-17 7.6-25.5 1-12.2 1.1-24.4.3-36.6-1.5-10.1-4-20-7.5-29.5-4.2-9.4-8.5-18.8-13.1-28.1a286 286 0 0 0-21.8-32.3l-20.6-24.7c-50.8-56.2-118-101-150-120l-27.7-13.4c-17.7-7.9-34.3-13.6-49.9-16.8-9.5-1.9-19.3-3.2-29.4-3.8-15.2-.7-29.6.2-42.8 3.3-13 3.3-25.4 8.6-37.6 14.7-13.3 7.2-25.7 16-36.7 26.3-14.7 13.8-26 29.8-37.6 45.6a322 322 0 0 0-15.7 26.7z" class="opacity"/><path d="M1670.9 28.72c-16.2-2.1-32.6-3.4-49-4l-38.1.2c-18.6.7-37.1 2.5-55.5 5.4l-30.7 6c-19.8 4.7-39.1 10.8-56.8 18.9l-25.5 13.8c-33.2 20.9-58.2 50.1-67.3 90.6-7.4 32.9-10.2 76.7-6 124l3.7 30.2c4 25.2 10 50.8 18.6 75.7l11.9 30.1c8.9 19.6 19.8 38.2 32.5 55.4l25.8 29.7c13.9 13.7 29.4 25.6 46.2 35.4l41.9 19.4c8.5 3 17.2 5.5 25.9 7.5 240 53.9 344-165 366-266 36.1-161-113-241-199-263z" class="opacity"/></svg>');
  --kaust-svg-seeds-bg-v3: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1920 1080"><style>.opacity{opacity:.025}</style><path d="M47.6 0a450.8 450.8 0 0 0 16.3 27.3c15 20.5 29.7 41.3 48.7 59.2 14.3 13.3 30.3 24.8 47.6 34.1 15.8 8 31.9 14.8 48.8 19.1 17 4.1 35.8 5.2 55.5 4.3 13.2-.9 25.9-2.6 38.2-5 20.2-4.2 41.8-11.6 64.7-21.8l35.9-17.3c30.4-17.7 84.8-53.6 138-99.9z" class="opacity"/><path d="M0 0c15.4 21.5 35.4 39.3 58.5 53.9l33 17.9c22.9 10.5 47.9 18.4 73.6 24.5l39.8 7.8c23.8 3.7 47.8 6 71.9 7l49.5.3c21.2-.6 42.4-2.3 63.5-5.1l57.8-11.5c52.8-14.6 123-45 179-94.8z" class="opacity"/></svg>');
  --kaust-svg-seeds-bg-v4: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1920 1080"><style>.opacity{opacity:.025;}</style><path d="M0 0c27.2 112 67 211 111 283l.6-.77c18.9 30.2 39.3 59.9 61.2 88.6 45 52.5 89.1 106 146 152 42.9 34.1 90.9 63.5 143 87.3 47.4 20.5 95.7 37.9 146 48.9 51 10.5 107 13.3 166 11 39.6-2.3 77.7-6.66 115-12.8 60.6-10.8 125-29.7 194-55.8l108-44.3c126-61.5 387-213 585-399l80.1-82.2c22-24.7 44.6-49.8 63.5-75.2z" class="opacity"/><path d="M0 0v324c43.5 46.1 96.8 85.2 158 118l99 45.8c68.7 26.9 144 47.1 221 62.7l119 20c71.4 9.47 143 15.4 216 17.9l148 .77c63.6-1.54 127-5.89 190-13.1l173-29.4-.3 1.54c178-43.3 424-137 595-294v-255H-1.3z" class="opacity"/></svg>');
  --kaust-svg-seeds-bg-v5: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1920 1080"><style>.opacity{opacity:.025;}</style><path d="M854 822c-243 4.56-485 58.2-717 176-47.9 24.5-94.1 52.3-137 81.8h1911c-330-161-694-265-1057-258z" class="opacity"/><path d="M1211 520c-133 3.41-274 19-423 48.8-57.6 12.3-115 26.8-171 44.5l-278 114c-111 57.2-214 128-306 208L-.2 969.4v110h1920v-449c-208-75.5-443-117-709-111z" class="opacity"/></svg>');
}

.wp-block-buttons-is-layout-flex {
	display: flex;
}

figure.object-fit-cover video {
	object-fit: cover;
}

.p-6 {
    padding: 6rem !important;
}

.px-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

@media (max-width: 500px) {
	h1.wp-block-heading {
	    font-size: 8vw;
	}
}

@media (min-width: 500px) {
	.p-sm-6 {
	    padding: 6rem !important;
	}
	
	.px-sm-6 {
	    padding-left: 6rem !important;
	    padding-right: 6rem !important;
	}
	
	.py-sm-6 {
	    padding-top: 6rem !important;
	    padding-bottom: 6rem !important;
	}
}
@media (min-width: 768px) {
	.p-md-6 {
	    padding: 6rem !important;
	}
	
	.px-md-6 {
	    padding-left: 6rem !important;
	    padding-right: 6rem !important;
	}
	
	.py-md-6 {
	    padding-top: 6rem !important;
	    padding-bottom: 6rem !important;
	}
}
@media (min-width: 992px) {
	.p-lg-6 {
	    padding: 6rem !important;
	}
	
	.px-lg-6 {
	    padding-left: 6rem !important;
	    padding-right: 6rem !important;
	}
	
	.py-lg-6 {
	    padding-top: 6rem !important;
	    padding-bottom: 6rem !important;
	}
}
@media (min-width: 1200px) {
	.p-xl-6 {
	    padding: 6rem !important;
	}
	
	.px-xl-6 {
	    padding-left: 6rem !important;
	    padding-right: 6rem !important;
	}
	
	.py-xl-6 {
	    padding-top: 6rem !important;
	    padding-bottom: 6rem !important;
	}
}
@media (min-width: 1400px) {
	.p-xxl-6 {
	    padding: 6rem !important;
	}
	
	.px-xxl-6 {
	    padding-left: 6rem !important;
	    padding-right: 6rem !important;
	}
	
	.py-xxl-6 {
	    padding-top: 6rem !important;
	    padding-bottom: 6rem !important;
	}
}

.dropdown-menu {
  --kaust-dropdown-link-hover-bg: var(--kaust-tertiary-bg);
}

.dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
  --kaust-dropdown-link-active-bg: rgba(var(--kaust-light-rgb), var(--kaust-bg-opacity));
}

.card {
	--kaust-card-border-radius: var(--kaust-border-radius);
}

.wp-block-cover.alignfull.ratio > .overflow-hidden video {
	height: auto;
}

body {
	overflow-x: clip;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
	padding: 0;
}

.wp-block-cover {
	padding: 3rem 0;
}

h6, .form-wrapper.accordion .accordion-item h2, .form-wrapper.accordion .accordion-item .h2, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-weight: 700;
}

.wp-block-cover.wp-block-cover-img-flip-x .wp-block-cover__image-background {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.min-h-0  {
	min-height: 0;
}

.altmetric-embed a {
	background-size: contain;
}

.field__label {
	font-weight: 600;
}

.toggle-show-more {
	appearance: none;
	width: 100%;
}

.show-more { counter-reset: more-counter -3; }
.show-more.show-more-1 { counter-reset: more-counter -1; }
.show-more.show-more-2 { counter-reset: more-counter -2; }
.show-more.show-more-3 { counter-reset: more-counter -3; }
.show-more.show-more-4 { counter-reset: more-counter -4; }
.show-more.show-more-5 { counter-reset: more-counter -5; }

.show-more:has(+ .toggle-show-more) > * { counter-increment: more-counter; }

.show-more:not(.show-more-1):not(.show-more-2):not(.show-more-3):not(.show-more-4):not(.show-more-5):has(+ .toggle-show-more:not(:checked)) > :nth-child(n+4) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.show-more.show-more-1:has(+ .toggle-show-more:not(:checked)) > :nth-child(n+2),
.show-more.show-more-2:has(+ .toggle-show-more:not(:checked)) > :nth-child(n+3),
.show-more.show-more-3:has(+ .toggle-show-more:not(:checked)) > :nth-child(n+4),
.show-more.show-more-4:has(+ .toggle-show-more:not(:checked)) > :nth-child(n+5),
.show-more.show-more-5:has(+ .toggle-show-more:not(:checked)) > :nth-child(n+6) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.show-more.show-more-1:not(:has(> :nth-child(n+2))) + .toggle-show-more,
.show-more.show-more-2:not(:has(> :nth-child(n+3))) + .toggle-show-more,
.show-more.show-more-3:not(:has(> :nth-child(n+4))) + .toggle-show-more,
.show-more.show-more-4:not(:has(> :nth-child(n+5))) + .toggle-show-more,
.show-more.show-more-5:not(:has(> :nth-child(n+6))) + .toggle-show-more {
  display: none;
}

.show-more:not(.show-more-1):not(.show-more-2):not(.show-more-3):not(.show-more-4):not(.show-more-5):not(:has(> :nth-child(n+4))) + .toggle-show-more {
  display: none;
}

.show-more + .toggle-show-more:not(:checked)::after {
  content: "show " counter(more-counter) " more \F282 ";
  font-family: bootstrap-icons, Raleway, sans-serif !important;
}

.show-more + .toggle-show-more:checked::after {
  content: "hide last " counter(more-counter) " \F286";
  font-family: bootstrap-icons, Raleway, sans-serif !important;
}

.breadcrumb {
	flex-wrap: nowrap;
	overflow: scroll;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color .3s;
}

.breadcrumb li.breadcrumb-item {
	display: flex;
	white-space: nowrap;
}

.region-header {
	width: 100%;
}

.wp-block-cover.alignfull {
	overflow: visible;
}

.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container {
	width: 100%;
}

.has-border-color {
	border-width: var(--kaust-border-width);
}

.color-red { color: var(--kaust-red); }
.bg-red { background-color: rgb(from var(--kaust-red) r g b / var(--kaust-bg-opacity)) !important; }
.has-red-color { color: var(--kaust-red); }
.has-red-background-color { background-color: rgb(from var(--kaust-red) r g b / var(--kaust-bg-opacity)); }

.region-content-wrapper.page-has-no-siderbars .wp-block-cover.alignfull > :not(.wp-block-cover__inner-container) {
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.bg-img-seeds {
	background-image: var(--kaust-svg-seeds-bg-v1);
	background-position: 0% 50%;
	background-size: cover;
}

.bg-img-seeds-v1 {
	background-image: var(--kaust-svg-seeds-bg-v1);
	background-position: 50% 50%;
	background-size: cover;
}

.bg-img-seeds-v2 {
	background-image: var(--kaust-svg-seeds-bg-v2);
	background-position: 50% 50%;
	background-size: cover;
}

.bg-img-seeds-v3 {
	background-image: var(--kaust-svg-seeds-bg-v3);
	background-position: 0% 0%;
	background-size: cover;
}

.bg-img-seeds-v4 {
	background-image: var(--kaust-svg-seeds-bg-v4);
	background-position: 100% 0%;
	background-size: cover;
}

.bg-img-seeds-v5 {
	background-image: var(--kaust-svg-seeds-bg-v5);
	background-position: 50% 100%;
	background-size: cover;
}

.wp-block-cover.bg-img-seeds-v1:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {
	background-image: var(--kaust-svg-seeds-bg-v1);
	background-position: 50% 50%;
	background-size: cover;
}

.wp-block-cover.bg-img-seeds-v2:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {
	background-image: var(--kaust-svg-seeds-bg-v2);
	background-position: 50% 50%;
	background-size: cover;
}

.wp-block-cover.bg-img-seeds-v3:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {
	background-image: var(--kaust-svg-seeds-bg-v3);
	background-position: 0% 0%;
	background-size: cover;
}

.wp-block-cover.bg-img-seeds-v4:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {
	background-image: var(--kaust-svg-seeds-bg-v4);
	background-position: 100% 0%;
	background-size: cover;
}

.wp-block-cover.bg-img-seeds-v5:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {
	background-image: var(--kaust-svg-seeds-bg-v5);
	background-position: 50% 100%;
	background-size: cover;
}

.bg-size-contain {
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-attachment-fixed {
	background-attachment: fixed;
}

.block-editor-block-list__block.wp-block-cover.alignfull {
	max-width: 100% !important;
}

.bg-gradient-black-top {
	background: linear-gradient(180deg, rgb(from var(--kaust-black) r g b / 1), transparent 75%) !important;
}

.wp-block-cover.bg-gradient-black-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-black) r g b / 1), transparent 75%) !important;
}
.wp-block-cover.bg-gradient-white-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-white) r g b / 1), transparent 75%) !important;
}
.wp-block-cover.bg-gradient-orange-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-orange) r g b / 1), transparent 75%) !important;
}
.wp-block-cover.bg-gradient-yellow-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-yellow) r g b / 1), transparent 75%) !important;
}
.wp-block-cover.bg-gradient-blue-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-blue) r g b / 1), transparent 75%) !important;
}
.wp-block-cover.bg-gradient-green-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-green) r g b / 1), transparent 75%) !important;
}
.wp-block-cover.bg-gradient-teal-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-teal) r g b / 1), transparent 75%) !important;
}
.wp-block-cover.bg-gradient-purple-top > span.has-background-dim {
	opacity: var(--kaust-bg-opacity);
	background: linear-gradient(180deg, rgb(from var(--kaust-purple) r g b / 1), transparent 75%) !important;
}

.bg-orange {background-color: rgb(from var(--kaust-orange) r g b / var(--kaust-bg-opacity)) !important;}
.bg-yellow {background-color: rgb(from var(--kaust-yellow) r g b / var(--kaust-bg-opacity)) !important;}
.bg-green {background-color: rgb(from var(--kaust-green) r g b / var(--kaust-bg-opacity)) !important;}
.bg-teal {background-color: rgb(from var(--kaust-teal) r g b / var(--kaust-bg-opacity)) !important;}
.bg-blue {background-color: rgb(from var(--kaust-blue) r g b / var(--kaust-bg-opacity)) !important;}
.bg-purple {background-color: rgb(from var(--kaust-purple) r g b / var(--kaust-bg-opacity)) !important;}
.bg-red {background-color: rgb(from var(--kaust-red) r g b / var(--kaust-bg-opacity)) !important;}
.bg-dark {background-color: rgb(from var(--kaust-dark) r g b / var(--kaust-bg-opacity)) !important;}
.bg-black {background-color: rgb(from var(--kaust-black) r g b / var(--kaust-bg-opacity)) !important;}

.bg-opacity-95 {--kaust-bg-opacity: 0.95 !important;}
.bg-opacity-90 {--kaust-bg-opacity: 0.90 !important;}
.bg-opacity-85 {--kaust-bg-opacity: 0.85 !important;}
.bg-opacity-80 {--kaust-bg-opacity: 0.80 !important;}
.bg-opacity-20 {--kaust-bg-opacity: 0.20 !important;}
.bg-opacity-15 {--kaust-bg-opacity: 0.15 !important;}
.bg-opacity-10 {--kaust-bg-opacity: 0.10 !important;}
.bg-opacity-5 {--kaust-bg-opacity: 0.05 !important;}

.border-blue {--kaust-border-color: rgb(from var(--kaust-blue) r g b / var(--kaust-border-opacity)) !important;}
.border-orange {--kaust-border-color: rgb(from var(--kaust-orange) r g b / var(--kaust-border-opacity)) !important;}
.border-yellow {--kaust-border-color: rgb(from var(--kaust-yellow) r g b / var(--kaust-border-opacity)) !important;}
.border-green {--kaust-border-color: rgb(from var(--kaust-green) r g b / var(--kaust-border-opacity)) !important;}
.border-teal {--kaust-border-color: rgb(from var(--kaust-teal) r g b / var(--kaust-border-opacity)) !important;}
.border-purple {--kaust-border-color: rgb(from var(--kaust-purple) r g b / var(--kaust-border-opacity)) !important;}
.border-red {--kaust-border-color: rgb(from var(--kaust-red) r g b / var(--kaust-border-opacity)) !important;}
.border-white {
	--kaust-border-white: rgb(from var(--kaust-white) r g b / var(--kaust-border-opacity)) !important;
	border-color: var(--kaust-border-white) !important;
}

.overflow-y-clip {
	overflow-y: clip;
}

.wp-block-cover.bg-orange:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-orange) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-yellow:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-yellow) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-green:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-green) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-teal:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-teal) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-blue:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-blue) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-purple:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-purple) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-white:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-white) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-light:not([class=block-editor-block-list__block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-light) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.bg-secondary:not([class=block-editor-block-list__block wp-block]) > span.has-background-dim:not([class*=-background-color]) {background-color: rgb(from var(--kaust-bg-secondary) r g b / var(--kaust-bg-opacity)) !important; opacity: 1}
.wp-block-cover.block-editor-block-list__block[class^='bg-'] > span.has-background-dim:not([class*=-background-color]),
.wp-block-cover.block-editor-block-list__block[class*=' bg-'] > span.has-background-dim:not([class*=-background-color]) {--kaust-bg-opacity: 0; background-color: unset;}
.wp-block-cover.block-editor-block-list__block .has-background-dim:not([class*=-background-color]) {background-color: unset;}

.bg-x-0 {background-position-x: 0%;}
.bg-x-5 {background-position-x: 5%;}
.bg-x-10 {background-position-x: 10%;}
.bg-x-15 {background-position-x: 15%;}
.bg-x-20 {background-position-x: 20%;}
.bg-x-25 {background-position-x: 25%;}
.bg-x-30 {background-position-x: 30%;}
.bg-x-35 {background-position-x: 35%;}
.bg-x-40 {background-position-x: 40%;}
.bg-x-45 {background-position-x: 45%;}
.bg-x-50 {background-position-x: 50%;}
.bg-x-55 {background-position-x: 55%;}
.bg-x-60 {background-position-x: 60%;}
.bg-x-65 {background-position-x: 65%;}
.bg-x-70 {background-position-x: 70%;}
.bg-x-75 {background-position-x: 75%;}
.bg-x-80 {background-position-x: 80%;}
.bg-x-85 {background-position-x: 85%;}
.bg-x-90 {background-position-x: 90%;}
.bg-x-95 {background-position-x: 95%;}
.bg-y-0 {background-position-y: 0%;}
.bg-y-5 {background-position-y: 5%;}
.bg-y-10 {background-position-y: 10%;}
.bg-y-15 {background-position-y: 15%;}
.bg-y-20 {background-position-y: 20%;}
.bg-y-25 {background-position-y: 25%;}
.bg-y-30 {background-position-y: 30%;}
.bg-y-35 {background-position-y: 35%;}
.bg-y-40 {background-position-y: 40%;}
.bg-y-45 {background-position-y: 45%;}
.bg-y-50 {background-position-y: 50%;}
.bg-y-55 {background-position-y: 55%;}
.bg-y-60 {background-position-y: 60%;}
.bg-y-65 {background-position-y: 65%;}
.bg-y-70 {background-position-y: 70%;}
.bg-y-75 {background-position-y: 75%;}
.bg-y-80 {background-position-y: 80%;}
.bg-y-85 {background-position-y: 85%;}
.bg-y-90 {background-position-y: 90%;}
.bg-y-95 {background-position-y: 95%;}

.text-white h6, .text-white h5, .text-white h4, .text-white h3, .text-white h2, .text-white h1,
h6.text-white, h5.text-white, h4.text-white, h3.text-white, h2.text-white, h1.text-white {
	--kaust-heading-color: rgb(from var(--kaust-white) r g b / var(--kaust-text-opacity)) !important;
}
.text-light h6, .text-light h5, .text-light h4, .text-light h3, .text-light h2, .text-light h1,
h6.text-light, h5.text-light, h4.text-light, h3.text-light, h2.text-light, h1.text-light {
	--kaust-heading-color: rgb(from var(--kaust-light) r g b / var(--kaust-text-opacity)) !important;
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)), :where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: var(--kaust-body-color-rgb);
}

.region-content h1:not(.wp-block-heading):before,
.h2-headline--with-bar h2:before,
h2.h2-headline--with-bar:before,
.headline--with-bar:before {
    content: "";
    width: 3rem;
    height: 5px;
    background: var(--kaust-orange);
    display: block;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

h1.headline--with-bar-orange:before,
h2.headline--with-bar-orange:before,
h3.headline--with-bar-orange:before,
h4.headline--with-bar-orange:before,
h5.headline--with-bar-orange:before,
h6.headline--with-bar-orange:before,
.headline--with-bar-orange h1:before,
.headline--with-bar-orange h2:before,
.headline--with-bar-orange h3:before,
.headline--with-bar-orange h4:before,
.headline--with-bar-orange h5:before,
.headline--with-bar-orange h6:before {
    background: var(--kaust-orange);
}

h1.headline--with-bar-yellow:before,
h2.headline--with-bar-yellow:before,
h3.headline--with-bar-yellow:before,
h4.headline--with-bar-yellow:before,
h5.headline--with-bar-yellow:before,
h6.headline--with-bar-yellow:before,
.headline--with-bar-yellow h1:before,
.headline--with-bar-yellow h2:before,
.headline--with-bar-yellow h3:before,
.headline--with-bar-yellow h4:before,
.headline--with-bar-yellow h5:before,
.headline--with-bar-yellow h6:before {
    background: var(--kaust-yellow);
}

h1.headline--with-bar-green:before,
h2.headline--with-bar-green:before,
h3.headline--with-bar-green:before,
h4.headline--with-bar-green:before,
h5.headline--with-bar-green:before,
h6.headline--with-bar-green:before,
.headline--with-bar-green h1:before,
.headline--with-bar-green h2:before,
.headline--with-bar-green h3:before,
.headline--with-bar-green h4:before,
.headline--with-bar-green h5:before,
.headline--with-bar-green h6:before {
    background: var(--kaust-green);
}

h1.headline--with-bar-teal:before,
h2.headline--with-bar-teal:before,
h3.headline--with-bar-teal:before,
h4.headline--with-bar-teal:before,
h5.headline--with-bar-teal:before,
h6.headline--with-bar-teal:before,
.headline--with-bar-teal h1:before,
.headline--with-bar-teal h2:before,
.headline--with-bar-teal h3:before,
.headline--with-bar-teal h4:before,
.headline--with-bar-teal h5:before,
.headline--with-bar-teal h6:before {
    background: var(--kaust-teal);
}

h1.headline--with-bar-blue:before,
h2.headline--with-bar-blue:before,
h3.headline--with-bar-blue:before,
h4.headline--with-bar-blue:before,
h5.headline--with-bar-blue:before,
h6.headline--with-bar-blue:before,
.headline--with-bar-blue h1:before,
.headline--with-bar-blue h2:before,
.headline--with-bar-blue h3:before,
.headline--with-bar-blue h4:before,
.headline--with-bar-blue h5:before,
.headline--with-bar-blue h6:before {
    background: var(--kaust-blue);
}

h1.headline--with-bar-purple:before,
h2.headline--with-bar-purple:before,
h3.headline--with-bar-purple:before,
h4.headline--with-bar-purple:before,
h5.headline--with-bar-purple:before,
h6.headline--with-bar-purple:before,
.headline--with-bar-purple h1:before,
.headline--with-bar-purple h2:before,
.headline--with-bar-purple h3:before,
.headline--with-bar-purple h4:before,
.headline--with-bar-purple h5:before,
.headline--with-bar-purple h6:before {
    background: var(--kaust-purple);
}

h1.headline--with-bar-red:before,
h2.headline--with-bar-red:before,
h3.headline--with-bar-red:before,
h4.headline--with-bar-red:before,
h5.headline--with-bar-red:before,
h6.headline--with-bar-red:before,
.headline--with-bar-red h1:before,
.headline--with-bar-red h2:before,
.headline--with-bar-red h3:before,
.headline--with-bar-red h4:before,
.headline--with-bar-red h5:before,
.headline--with-bar-red h6:before {
    background: var(--kaust-red);
}

h1.headline--with-bar-white:before,
h2.headline--with-bar-white:before,
h3.headline--with-bar-white:before,
h4.headline--with-bar-white:before,
h5.headline--with-bar-white:before,
h6.headline--with-bar-white:before,
.headline--with-bar-white h1:before,
.headline--with-bar-white h2:before,
.headline--with-bar-white h3:before,
.headline--with-bar-white h4:before,
.headline--with-bar-white h5:before,
.headline--with-bar-white h6:before {
    background: var(--kaust-white);
}

.before-d-block:before {
	display: block;
}

.before-content-empty:before {
	content: "";
}

.before-w-100:before {
	width: 100%;
}

.before-w-75:before {
	width: 75%;
}

.before-w-50:before {
	width: 50%;
}

.before-w-25:before {
	width: 25%;
}

.before-w-10:before {
	width: 10%;
}

.before-w-5:before {
	width: 3rem;
}

.before-w-4:before {
	width: 1.5rem;
}

.before-w-3:before {
	width: 1rem;
}

.before-w-2:before {
	width: 0.5rem;
}

.before-w-1:before {
	width: 0.25rem;
}

.before-my-5:before {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.before-my-4:before {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.before-my-3:before {
  margin-top: 1rem;
  margin-bottom: 1rem;
	;
}

.before-my-2:before {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.before-my-1:before {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.before-hpx-5:before {
	height: 5px;
}

.before-hpx-4:before {
	height: 4px;
}

.before-hpx-3:before {
	height: 3px;
}

.before-hpx-2:before {
	height: 2px;
}

.before-hpx-1:before {
	height: 1px;
}

.before-bg-blue:before {
  background: var(--kaust-blue);
}

.before-bg-indigo:before {
  background: var(--kaust-indigo);
}

.before-bg-purple:before {
  background: var(--kaust-purple);
}

.before-bg-pink:before {
  background: var(--kaust-pink);
}

.before-bg-red:before {
  background: var(--kaust-red);
}

.before-bg-orange:before {
  background: var(--kaust-orange);
}

.before-bg-yellow:before {
  background: var(--kaust-yellow);
}

.before-bg-green:before {
  background: var(--kaust-green);
}

.before-bg-teal:before {
  background: var(--kaust-teal);
}

.before-bg-cyan:before {
  background: var(--kaust-cyan);
}

.before-bg-black:before {
  background: var(--kaust-black);
}

.before-bg-white:before {
  background: var(--kaust-white);
}

.before-bg-gray:before {
  background: var(--kaust-gray);
}

.before-bg--graydark:before {
  background: var(--kaust-gray-dark);
}

.before-bg--gray100:before {
  background: var(--kaust-gray-100);
}

.before-bg--gray200:before {
  background: var(--kaust-gray-200);
}

.before-bg--gray300:before {
  background: var(--kaust-gray-300);
}

.before-bg--gray400:before {
  background: var(--kaust-gray-400);
}

.before-bg--gray500:before {
  background: var(--kaust-gray-500);
}

.before-bg--gray600:before {
  background: var(--kaust-gray-600);
}

.before-bg--gray700:before {
  background: var(--kaust-gray-700);
}

.before-bg--gray800:before {
  background: var(--kaust-gray-800);
}

.before-bg--gray900:before {
  background: var(--kaust-gray-900);
}
.alignwide.container.card {
	padding-right: unset;
	padding-left: unset;
}

.editor-styles-wrapper .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	width: 100%;
}

.editor-styles-wrapper .block-editor-rich-text__editable.mt-auto {
	margin-top: auto !important;
}

.wp-block-cover.d-flex > .wp-block-cover__inner-container,
.wp-block-group.d-flex > .wp-block-group__inner-container {
	display: flex;
}

.wp-block-cover.flex-column > .wp-block-cover__inner-container,
.wp-block-group.flex-column > .wp-block-group__inner-container {
	flex-direction: column;
}

.wp-block-cover.h-100 > .wp-block-cover__inner-container,
.wp-block-group.h-100 > .wp-block-group__inner-container {
	height: 100%;
}

.wp-block-cover.w-100 > .wp-block-cover__inner-container,
.wp-block-group.w-100 > .wp-block-group__inner-container {
	width: 100%;
}

figure.wp-block-image {
	margin-bottom: 0;
}

.wp-block-embed__wrapper {
  padding-top: unset;
}

.wp-block-button__link {
	text-decoration: none;
}

.gin--navigation .toolbar-menu__item--level-1 > .toolbar-link.toolbar-link--files  {
	display: none;
}

/*.region-content-wrapper.page-has-no-siderbars .wp-block-cover.alignfull > img.wp-block-cover__image-background,*/
/*.region-content-wrapper.page-has-no-siderbars .wp-block-cover.alignfull > video.wp-block-cover__video-background,*/
/*.region-content-wrapper.page-has-no-siderbars .wp-block-cover.alignfull > span.has-background-dim:not([class*=-background-color]),*/
/*.block-editor-block-list__layout .wp-block-cover.alignfull > img.wp-block-cover__image-background,*/
/*.block-editor-block-list__layout .wp-block-cover.alignfull > video.wp-block-cover__video-background,*/
/*.block-editor-block-list__layout .wp-block-cover.alignfull > span.has-background-dim:not([class*=-background-color]),*/
/*.region-content-wrapper.page-has-no-siderbars .wp-block-cover.alignfull.has-parallax div.has-parallax.wp-block-cover__image-background,*/
/*.block-editor-block-list__layout .wp-block-cover.alignfull.has-parallax div.has-parallax.wp-block-cover__image-background,*/
/*.region-content-wrapper.page-has-no-siderbars .wp-block-cover.alignfull.has-parallax div.has-parallax.wp-block-cover__video-background,*/
/*.block-editor-block-list__layout .wp-block-cover.alignfull.has-parallax div.has-parallax.wp-block-cover__video-background {*/
/*	width: 100vw;*/
/*	left: 50%;*/
/*	right: 50%;*/
/*	margin-left: -50vw;*/
/*	margin-right: -50vw;*/
/*}*/

.oembed-lazyload {
	width: 100%;
}

.ratio .wp-block-embed iframe,
.wp-block-embed.ratio iframe,
.ratio .wp-block-embed__wrapper {
	height: 100%;
}

.text-shadow-black-1 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.text-shadow-black-2 {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.text-shadow-black-3 {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.text-shadow-black-4 {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.text-shadow-black-5 {
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.breadcrumb {
  --kaust-breadcrumb-margin-bottom: 0;
}

.issuu-img-bg {
	background-color: #a3b5ad;
}

@font-face {
	font-family: "ellipsis-font";
	src: local("Times New Roman");
	unicode-range: U+2026;
	size-adjust: 0%;
}

.overflow-auto.text-truncate {
	font-family: "ellipsis-font", var(--kaust-body-font-family);
}

summary.field__label {
    font-weight: unset;
}

.container-grid {
	container-name: container-grid;
	display: grid;
}

.container-grid .node__content {
	height: 100%;
}

@container container-grid (min-width: 24em) {
.container-grid {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24em, 1fr));
}
}

@container container-flex (min-width: 26em) {
.container-grid-lg {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(26em, 1fr));
}
}

.container-grid-md {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24em, 1fr));
}

.container-grid-sm {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
}

.container-grid-xs {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
}

@container container-flex (max-width: 24em) {
	.container-grid {
		display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
	}
}

.container-flex {
	container-type: inline-size;
	container-name: container-flex;
}

@container container-flex (min-width: 24em) {
	.flex-w-xs-column {
		flex-direction: column!important;
	}
	.flex-w-xs-column-reverse {
		flex-direction: column-reverse!important;
	}
	.flex-w-xs-row {
		flex-direction: row!important;
	}
	.flex-w-xs-row-reverse {
		flex-direction: row-reverse!important;
	}
}

@container container-flex (min-width: 36em) {
	.flex-w-sm-column {
		flex-direction: column!important;
	}
	.flex-w-sm-column-reverse {
		flex-direction: column-reverse!important;
	}
	.flex-w-sm-row {
		flex-direction: row!important;
	}
	.flex-w-sm-row-reverse {
		flex-direction: row-reverse!important;
	}
}

@container container-flex (min-width: 50em) {
	.flex-w-md-column {
		flex-direction: column!important;
	}
	.flex-w-md-column-reverse {
		flex-direction: column-reverse!important;
	}
	.flex-w-md-row {
		flex-direction: row!important;
	}
	.flex-w-md-row-reverse {
		flex-direction: row-reverse!important;
	}
}

@container container-flex (min-width: 62em) {
	.flex-w-lg-column {
		flex-direction: column!important;
	}
	.flex-w-lg-column-reverse {
		flex-direction: column-reverse!important;
	}
	.flex-w-lg-row {
		flex-direction: row!important;
	}
	.flex-w-lg-row-reverse {
		flex-direction: row-reverse!important;
	}
}

@container container-flex (min-width: 75em) {
	.flex-w-xl-column {
		flex-direction: column!important;
	}
	.flex-w-xl-column-reverse {
		flex-direction: column-reverse!important;
	}
	.flex-w-xl-row {
		flex-direction: row!important;
	}
	.flex-w-xl-row-reverse {
		flex-direction: row-reverse!important;
	}
}

@container container-flex (min-width: 87.5em) {
	.flex-w-xxl-column {
		flex-direction: column!important;
	}
	.flex-w-xxl-column-reverse {
		flex-direction: column-reverse!important;
	}
	.flex-w-xxl-row {
		flex-direction: row!important;
	}
	.flex-w-xxl-row-reverse {
		flex-direction: row-reverse!important;
	}
}

.text-underline-hover {
    text-decoration: none;
}

.text-underline-hover:hover {
    text-decoration: underline;
}

.text-underline-hover:hover .overflow-auto {
    text-overflow: clip;
}

a:not([class]) {
    text-decoration: none;
}

a:not([class]):hover {
    text-decoration: underline;
}

.bg-blur {
  backdrop-filter: blur(1em);
}

.bg-blur-xs {
  backdrop-filter: blur(0.25em);
}

.bg-blur-sm {
  backdrop-filter: blur(0.5em);
}

.bg-blur-lg {
  backdrop-filter: blur(1.5em);
}

.bg-blur-xl {
  backdrop-filter: blur(2em);
}

.scroll-shadows-bg-white {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background:
    linear-gradient(
      white 30%,
      rgba(255, 255, 255, 0)
    ) center top,
    linear-gradient(
      rgba(255, 255, 255, 0), 
      white 70%
    ) center bottom,
    radial-gradient(
      farthest-side at 50% 0,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0)
    ) center top,
    radial-gradient(
      farthest-side at 50% 100%,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0)
    ) center bottom;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}


.overflow-masked {
    /* scroll bar width, for use in mask calculations */
    --scrollbar-width: 2px;

    /* mask fade distance, for use in mask calculations */
    --mask-height: 0.75em;

  /* The content mask is a linear gradient from top to bottom */
  --mask-image-content: linear-gradient(
    to bottom,
    black,
    black calc(100% - var(--mask-height)),
    transparent
  );

  /* Here we scale the content gradient to the width of the container 
  minus the scrollbar width. The height is the full container height */
  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;

  /* The scrollbar mask is a black pixel */
  --mask-image-scrollbar: linear-gradient(black, black);

  /* The width of our black pixel is the width of the scrollbar.
  The height is the full container height */
  --mask-size-scrollbar: var(--scrollbar-width) 100%;

  /* Apply the mask image and mask size variables */
  -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
  -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);

  /* Position the content gradient in the top left, and the 
  scroll gradient in the top right */
  -webkit-mask-position: 0 0, 100% 0;

  /* We don't repeat our mask images */
  -webkit-mask-repeat: no-repeat, no-repeat;


  /* Apply the mask image and mask size variables */
  -moz-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
  -moz-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);

  /* Position the content gradient in the top left, and the 
  scroll gradient in the top right */
  -moz-mask-position: 0 0, 100% 0;

  /* We don't repeat our mask images */
  -moz-mask-repeat: no-repeat, no-repeat;


  /* Apply the mask image and mask size variables */
  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);

  /* Position the content gradient in the top left, and the 
  scroll gradient in the top right */
  mask-position: 0 0, 100% 0;

  /* We don't repeat our mask images */
  mask-repeat: no-repeat, no-repeat;
}

/* Firefox */
.overflow-masked {
    scrollbar-width: thin; /* can also be normal, or none, to not render scrollbar */
    scrollbar-color: currentColor transparent; /* foreground background */
}

/* Webkit / Blink */
.overflow-masked::-webkit-scrollbar {
    width: var(--scrollbar-width);
}

.overflow-masked::-webkit-scrollbar-thumb {
    background-color: currentColor;
    border-radius: 9999px; /* always round */
}

.overflow-masked::-webkit-scrollbar-track {
    background-color: transparent;
}

#edit-meta-site .entity-meta__title {
  margin-bottom: 0;
  font-weight: var(--gin-font-weight-heavy);
}

details {
    margin-top: unset;
    margin-bottom: unset;
    border: unset;
}

.overflow-auto {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color .3s;

  &:hover {
    scrollbar-color: var(--kaust-border-color-translucent) transparent;
  }

  &:not(:hover)::-webkit-scrollbar-thumb {
    background: transparent;
  }

  &::-webkit-scrollbar {
    width: 2px;
  }

  &::-webkit-scrollbar-thumb {
    background: var(--kaust-border-color-translucent);
  	transition: background 0.3s;
  }
}

.overflow-auto:hover {
  scrollbar-color: var(--kaust-border-color-translucent) transparent;
}

.overflow-auto:not(:hover)::-webkit-scrollbar-thumb {
  background: transparent;
}

.overflow-auto::-webkit-scrollbar {
  width: 2px;
}

.overflow-auto::-webkit-scrollbar-thumb {
  background: var(--kaust-border-color-translucent);
	transition: background 0.3s;
}

.border-dashed {
	border-style: dashed !important;
}

.border-dotted {
	border-style: dotted !important;
}

.text-after-column:after {
	content: ":";
}

.text-after-space:after {
	content: " ";
}

.text-after-column-space:after {
	content: ": ";
}

.text-before-column:before {
	content: ":";
}

.text-before-space:before {
	content: " ";
}

.text-before-column-space:before {
	content: ": ";
}

.img-thumbnail {
    padding: 0;
}

.flex-shrink-2 {
	flex-shrink: 2;
}

.flex-shrink-3 {
	flex-shrink: 3;
}

.flex-shrink-4 {
	flex-shrink: 4;
}

.flex-shrink-5 {
	flex-shrink: 5;
}

.flex-shrink-6 {
	flex-shrink: 6;
}

.h-unset {
	height: unset;
}

:root {
  --kaust-spacing-xxs: .25rem;
  --kaust-spacing-xs: .5rem;
  --kaust-spacing-sm: .75rem;
  --kaust-spacing-md: 1rem;
  --kaust-spacing-lg: 1.5rem;
  --kaust-spacing-xl: 2rem;
  --kaust-spacing-xxl: 3rem;
  --kaust-spacing-xxxl: 4rem;
}

[data-kaust-layout-density=small] {
  --kaust-spacing-density-xxs: .15625rem;
  --kaust-spacing-density-xs: .3125rem;
  --kaust-spacing-density-sm: .46875rem;
  --kaust-spacing-density-md: .625rem;
  --kaust-spacing-density-lg: .9375rem;
  --kaust-spacing-density-xl: 1.25rem;
  --kaust-spacing-density-xxl: 1.875rem;
  --kaust-spacing-density-xxxl: 2.5rem;
}

[data-kaust-layout-density=medium] {
  --kaust-spacing-density-xxs: .1875rem;
  --kaust-spacing-density-xs: .375rem;
  --kaust-spacing-density-sm: .5625rem;
  --kaust-spacing-density-md: .75rem;
  --kaust-spacing-density-lg: 1.125rem;
  --kaust-spacing-density-xl: 1.5rem;
  --kaust-spacing-density-xxl: 2.25rem;
  --kaust-spacing-density-xxxl: 3rem;
}

:root {
  --kaust-spacing-density-xxs: .25rem;
  --kaust-spacing-density-xs: .5rem;
  --kaust-spacing-density-sm: .75rem;
  --kaust-spacing-density-md: 1rem;
  --kaust-spacing-density-lg: 1.5rem;
  --kaust-spacing-density-xl: 2rem;
  --kaust-spacing-density-xxl: 3rem;
  --kaust-spacing-density-xxxl: 4rem;
}

.p-xxs {
	padding: var(--kaust-spacing-density-xxs);
}

.p-xs {
	padding: var(--kaust-spacing-density-xs);
}

.p-sm {
	padding: var(--kaust-spacing-density-sm);
}

.p-md {
	padding: var(--kaust-spacing-density-md);
}

.p-lg {
	padding: var(--kaust-spacing-density-lg);
}

.p-xl {
	padding: var(--kaust-spacing-density-xl);
}

.p-xxl {
	padding: var(--kaust-spacing-density-xxl);
}

.p-xxxl {
	padding: var(--kaust-spacing-density-xxxl);
}

.m-xxs {
	margin: var(--kaust-spacing-density-xxs);
}

.m-xs {
	margin: var(--kaust-spacing-density-xs);
}

.m-sm {
	margin: var(--kaust-spacing-density-sm);
}

.m-md {
	margin: var(--kaust-spacing-density-md);
}

.m-lg {
	margin: var(--kaust-spacing-density-lg);
}

.m-xl {
	margin: var(--kaust-spacing-density-xl);
}

.m-xxl {
	margin: var(--kaust-spacing-density-xxl);
}

.m-xxxl {
	margin: var(--kaust-spacing-density-xxxl);
}

@container container-flex (min-width: 12em) {
	.p-wxxs-xxs {
		padding: var(--kaust-spacing-density-xxs);
	}
	.m-wxxs-xxs {
		margin: var(--kaust-spacing-density-xxs);
	}
	.p-wxxs-xs {
		padding: var(--kaust-spacing-density-xs);
	}
	.m-wxxs-xs {
		margin: var(--kaust-spacing-density-xs);
	}
	.p-wxxs-sm {
		padding: var(--kaust-spacing-density-sm);
	}
	.m-wxxs-sm {
		margin: var(--kaust-spacing-density-sm);
	}
	.p-wxxs-md {
		padding: var(--kaust-spacing-density-md);
	}
	.m-wxxs-md {
		margin: var(--kaust-spacing-density-md);
	}
	.p-wxxs-lg {
		padding: var(--kaust-spacing-density-lg);
	}
	.m-wxxs-lg {
		margin: var(--kaust-spacing-density-lg);
	}
	.p-wxxs-xl {
		padding: var(--kaust-spacing-density-xl);
	}
	.m-wxxs-xl {
		margin: var(--kaust-spacing-density-xl);
	}
	.p-wxxs-xxl {
		padding: var(--kaust-spacing-density-xxl);
	}
	.m-wxxs-xxl {
		margin: var(--kaust-spacing-density-xxl);
	}
	.p-wxxs-xxxl {
		padding: var(--kaust-spacing-density-xxxl);
	}
	.m-wxxs-xxxl {
		margin: var(--kaust-spacing-density-xxxl);
	}
}

@container container-flex (min-width: 24em) {
	.p-wxs-xxs {
		padding: var(--kaust-spacing-density-xxs);
	}
	.m-wxs-xxs {
		margin: var(--kaust-spacing-density-xxs);
	}
	.p-wxs-xs {
		padding: var(--kaust-spacing-density-xs);
	}
	.m-wxs-xs {
		margin: var(--kaust-spacing-density-xs);
	}
	.p-wxs-sm {
		padding: var(--kaust-spacing-density-sm);
	}
	.m-wxs-sm {
		margin: var(--kaust-spacing-density-sm);
	}
	.p-wxs-md {
		padding: var(--kaust-spacing-density-md);
	}
	.m-wxs-md {
		margin: var(--kaust-spacing-density-md);
	}
	.p-wxs-lg {
		padding: var(--kaust-spacing-density-lg);
	}
	.m-wxs-lg {
		margin: var(--kaust-spacing-density-lg);
	}
	.p-wxs-xl {
		padding: var(--kaust-spacing-density-xl);
	}
	.m-wxs-xl {
		margin: var(--kaust-spacing-density-xl);
	}
	.p-wxs-xxl {
		padding: var(--kaust-spacing-density-xxl);
	}
	.m-wxs-xxl {
		margin: var(--kaust-spacing-density-xxl);
	}
	.p-wxs-xxxl {
		padding: var(--kaust-spacing-density-xxxl);
	}
	.m-wxs-xxxl {
		margin: var(--kaust-spacing-density-xxxl);
	}
}

@container container-flex (min-width: 36em) {
	.p-wsm-xxs {
		padding: var(--kaust-spacing-density-xxs);
	}
	.m-wsm-xxs {
		margin: var(--kaust-spacing-density-xxs);
	}
	.p-wsm-xs {
		padding: var(--kaust-spacing-density-xs);
	}
	.m-wsm-xs {
		margin: var(--kaust-spacing-density-xs);
	}
	.p-wsm-sm {
		padding: var(--kaust-spacing-density-sm);
	}
	.m-wxxs-sm {
		margin: var(--kaust-spacing-density-sm);
	}
	.p-wsm-md {
		padding: var(--kaust-spacing-density-md);
	}
	.m-wsm-md {
		margin: var(--kaust-spacing-density-md);
	}
	.p-wsm-lg {
		padding: var(--kaust-spacing-density-lg);
	}
	.m-wsm-lg {
		margin: var(--kaust-spacing-density-lg);
	}
	.p-wsm-xl {
		padding: var(--kaust-spacing-density-xl);
	}
	.m-wsm-xl {
		margin: var(--kaust-spacing-density-xl);
	}
	.p-wsm-xxl {
		padding: var(--kaust-spacing-density-xxl);
	}
	.m-wsm-xxl {
		margin: var(--kaust-spacing-density-xxl);
	}
	.p-wsm-xxxl {
		padding: var(--kaust-spacing-density-xxxl);
	}
	.m-wsm-xxxl {
		margin: var(--kaust-spacing-density-xxxl);
	}
}