:root {
/* other layout settins */
--layout-gap-big: 3.5rem;
--layout-gap-big-mobile: 3.5rem;
--layout-grid-item-gap: 1.5rem;
/* end other layout settins */
/* button settings */
/* base settings */
--button-font_weight: 700;
--button-px: 2rem;
--button-py: 13px;
--button-text-size: 18px;
--button-border-width: 2px;
--button-border-radius: 9999px;
--button-link-style: none;
/* -- end base settings */
/* -- color themes */
/* -- -- color theme A (default) */
--button-col_theme_A-main: rgb(230, 0, 126);
--button-col_theme_A-main_lighter: rgb(235, 51, 152);
--button-col_theme_A-main_darker: rgb(184, 0, 101);
--button-col_theme_A-second: rgb(255, 255, 255);
--button-col_theme_A-second_darker: rgb(245, 153, 203);
--button-col_theme_A-neutral: rgb(240, 102, 178);
--button-col_theme_A-disabled: rgb(87, 83, 78);
--button-col_theme_A-disabled_bg: rgb(245, 245, 244);
--button-col_theme_A-disabled_border: rgb(231, 229, 228);
--button-col_theme_A-hover: rgb(252, 229, 242);
/* -- -- end color theme A (default) */
/* -- -- color theme MONO (monochromatic) */
--button-col_theme_MONO-main: rgb(87, 83, 78);
--button-col_theme_MONO-main_lighter: rgb(120, 113, 108);
--button-col_theme_MONO-main_darker: rgb(68, 64, 60);
--button-col_theme_MONO-second: rgb(255, 255, 255);
--button-col_theme_MONO-second_darker: rgb(231, 229, 228);
--button-col_theme_MONO-neutral: rgb(214, 211, 209);
--button-col_theme_MONO-disabled: rgb(87, 83, 78);
--button-col_theme_MONO-disabled_bg: rgb(245, 245, 244);
--button-col_theme_MONO-disabled_border: rgb(231, 229, 228);
--button-col_theme_MONO-hover: rgb(250, 250, 249);
/* -- -- end color theme MONO (monochromatic) */
/* -- end color themes */
/* -- sizes */
--button-text-size-large: 1rem;
--button-text-size-small: 0.75rem;
--button-py_large: 0.875rem;
--button-px_large: 1.25rem;
--button-py_small: 0.5rem;
--button-px_small: 0.75rem;
/* -- end sizes */
/* -- icons */
--button-icon-start_again: url('data:image/svg+xml;utf8,');
--button-icon-chevron: url('data:image/svg+xml;utf8,');
--button-icon-arrow: url('data:image/svg+xml,');
--button-icon-download: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.5L3%207.5L4.4%206.05L7%208.65V0.5H9V8.65L11.6%206.05L13%207.5L8%2012.5ZM2%2016.5C1.45%2016.5%200.979333%2016.3043%200.588%2015.913C0.196666%2015.5217%200.000666667%2015.0507%200%2014.5V11.5H2V14.5H14V11.5H16V14.5C16%2015.05%2015.8043%2015.521%2015.413%2015.913C15.0217%2016.305%2014.5507%2016.5007%2014%2016.5H2Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
/* -- end icons */
/* -- tags */
--tag-text-size: 0.875rem;
--tag-border-radius: 4px;
--tag-py: 0.5rem;
--tag-px: 1rem;
--tag-color: rgb(5, 128, 111);
--tag-bg-color: rgb(250, 204, 229);
--tag-hover-color: rgb(255, 255, 255);
--tag-hover-bg-color: rgb(4, 102, 89);
/* -- end tags */
/* end button settings */
/* accordion */
--accordion-button-text-size: 1rem;
--accordion-py: 1.75rem;
--accordion-px: 1.25rem;
/* end accordion */
/* tables setting */
--table-border-radius: 1rem;
--table-border-color: rgb(4, 102, 89);
--table-inner-border-color: ;
--table-border-width: 1px;
--table-border-bottom-width: var(--table-border-width);
--table-head-bg-color: rgb(5, 128, 111);
--table-head-text-color: rgb(255, 255, 255);
--table-inner-border-color: rgb(205, 230, 226);
--table-px: 1.25rem;
--table-py: 0.875rem;
--table-text-color: rgb(28, 25, 23);
/* end tables settings */
/* paragraph tips */
/* if via tips enabled */
/* we need to have config with all values in every theme */
--tip-border-radius: 1rem;
--tip-border-color: transparent;
--tip-border-width: 1px;
--tip-counter-color: transparent;
/* end paragraph tips setting */
/* custom classes */
--adv-img--padding--left: 10rem;
--adv-img--gap-md: 4rem;
--adv-img--gap: 2rem;
/* custom classes - end */
/* img settings */
--image-caption-color: rgb(28, 25, 23);
--image-caption-color-embed: rgb(245, 245, 244);
--image-border-radius: 1.5rem;
/* end img settings */
/* video */
--video-border-radius: 1.5rem;
--video-play-button: url("data:image/svg+xml,%3Csvg%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22128%22%20height%3D%22128%22%20rx%3D%2264%22%20fill%3D%22%23E6007E%22%2F%3E%3Cpath%20d%3D%22M85.75%2062.701C86.75%2063.2783%2086.75%2064.7217%2085.75%2065.299L54.25%2083.4856C53.25%2084.0629%2052%2083.3412%2052%2082.1865L52%2045.8135C52%2044.6588%2053.25%2043.9371%2054.25%2044.5144L85.75%2062.701Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
--video-overlay-color: linear-gradient(0deg, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.20));
--video-lazyload-bg_init: transparent;
/* end video */
/* wysiwyg-text */
--wsg-title-color: rgb(41, 37, 36);
--wsg-text-color: rgb(28, 25, 23);
--wsg-ol-text-color: rgb(28, 25, 23);
--wsg-ol-mark-color: rgb(230, 0, 126);
--wsg-ul-text-color: rgb(28, 25, 23);
--wsg-ul-mark-color: rgb(230, 0, 126);
--wsg-link-text-color: rgb(230, 0, 126);
/* end wysiwyg text */
/* wysiwyg-table */
--wsg-table-bg-color: rgb(250, 204, 229);
--wsg-table-bg-alt-color: rgb(252, 229, 242);
--wsg-table-bg-hover-color: rgb(250, 211, 156);
--wsg-table-border-color: rgb(255,255,255);
--wsg-table-label-color: rgb(49, 29, 2);
--wsg-table-text-color: rgb(68, 64, 60);
--wsg-table-border-radius: 1rem;
/* end wysiwyg-table */
/* file description */
--file-description-text-color: rgb(87, 83, 78);
/* end file description*/
/* timeline */
--timeline-bg-color: rgb(255, 255, 255);
--timeline-mark-color: rgb(35, 25, 73);
--timeline-radius: 24px;
/* end timeline */
/* table of content */
--table-of-content-offset: calc(0 + 20px);
--table-of-content-title-size: 1.5rem;
--table-of-content-title-size-mobile: 1.25rem;
--table-of-content-title-color: rgb(46, 0, 25);
--table-of-content-item-size: 0.875rem;
--table-of-content-item-size-mobile: 0.875rem;
--table-of-content-item-color: rgb(46, 0, 25);
--table-of-content-item-color-mobile: rgb(46, 0, 25);
--table-of-content-item-color-hover: rgb(46, 0, 25);
--table-of-content-item-border-left-color: rgb(214, 211, 209);
--table-of-content-item-border-right-radius: 0.75rem;
--table-of-content-item-background-active: rgb(255, 255, 255);
--table-of-content-item-border-left-color-active: rgb(230, 0, 126);
--table-of-content-layout-gap: 5rem;
--table-of-content-layout-gap-mobile: 2.5rem;
/* end table of content */
/* form */
--form-item-margin-bottom: 30px;
--form-label-text-size: 15px;
--form-input-text-size: 15px;
--form-error-text-size: 13px;
--form-helper-text-size: 13px;
--form-label-weight: 600;
--form-label-margin-bottom: 0.75rem;
--form-label-text-color: rgb(28, 25, 23);
--form-input-text-color: rgb(28, 25, 23);
--form-error-text-color: rgb(190, 65, 65);
--form-success-text-color: rgb(230, 0, 126);
--form-helper-text-color: rgb(172, 172, 172);
--form-placeholder-text-color: rgb(172, 172, 172);
--form-input-shadow: 0px 8px 20px 0px #00000014;
--form-input-radius: 24px;
--form-input-border-size: 0px;
--form-input-border-color: rgba(0,0,0,0);
--form-input-bg-light-color: rgb(255, 255, 255);
--form-input-padding-top: 0.75rem;
--form-input-padding-bottom: 0.75rem;
--form-input-radio-label-color: rgb(28, 25, 23);
--form-input-radio-color: rgb(230, 0, 126);
--form-input-checkbox-size: 1.25rem;
--form-input-checkbox-label-color: rgb(172, 172, 172);
--form-input-checkbox-background-color: rgb(255, 255, 255);
--form-input-checkbox-background-checked-color: rgb(230, 0, 126);
--form-input-checkbox-radius: 0;
--form-input-checkbox-mark-color: rgb(255, 255, 255);
--form-input-checkbox-mark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' stroke='currentColor' stroke-width='1'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e");
--form-select-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
/* end form */
/* resource header */
--hero-resource-text-color: rgb(255, 255, 255);
--hero-resource-bg-color: rgb(46, 0, 25);
--hero-resource-border-radius: 24px;
--hero-resource-textbox-spacing: 3rem;
--hero-resource-textbox-spacing-mobile: 1.5rem;
--hero-resource-tag-bg-color: rgb(245, 245, 244);
--hero-resource-tag-bg-color-hover: rgb(230, 0, 126);
/* resource header - end*/
/* calculator */
--calculator-input-border-color: rgba(216, 196, 255, 1);
--calculator-checkbox-bg-color: rgb(255, 255, 255);
--calculator-checkbox-border-color: rgba(216, 196, 255, 1);
--calculator-checkbox-checked-bg-color: rgb(255, 255, 255);
--calculator-checkbox-checked-border-color: rgb(230, 0, 126);
--calculator-checkbox-mark-color: rgb(230, 0, 126);
/* calculator end */
/* restricted block */
--restricted-text-color: rgb(46, 0, 25);
--restricted-paragraph-color: rgb(46, 0, 25);
--restricted-margins: 3rem;
--restricted-padding: 4rem;
--restricted-overlay-color: rgba(0, 0, 0, 0.25);
--restricted-background-color: rgb(255, 255, 255);
--restricted-border-radius: 24px;
/* restricted block end */
/* messages */
--messages-bg-color: rgb(230, 0, 126);
--messages-text-color: rgb(255, 255, 255);
--messages-error-bg-color: rgb(190, 65, 65);
--messages-error-text-color: rgb(255, 255, 255);
/* messages end */
/* scorm */
--scorm-text-color: rgb(46, 0, 25);
--scorm-header-bg-color: rgb(46, 0, 25);
--scorm-header-text-color: rgb(255, 255, 255);
--scorm-header-padding: 3rem;
--scorm-header-padding-mobile: 1.5rem;
--scorm-header-border-radius: 24px;
--scorm-container-inner-padding: 3rem;
--scorm-btn-px: 18px;
--scorm-btn-py: 18px;
--scorm-btn-color-disabled_light: rgb(245, 245, 244);
--scorm-btn-color-disabled_dark: rgb(68, 64, 60);
--scorm-btn-color-light: rgb(255, 255, 255);
--scorm-btn-color-base: rgb(46, 0, 25);
--scorm-btn-color-secondary: rgba(26, 163, 122, 1);
--scorm-btn-color-third: rgb(255, 255, 255);
--scorm-banner-bg-color: rgb(255, 255, 255);
--scorm-banner-border-bg-color: rgb(250, 250, 249);
--scorm-banner-border-radius: 24px;
--scorm-banner-border-color: rgb(231, 229, 228);
--scorm-all_courses-bg-color: rgb(255, 255, 255);
--scorm-all_courses-border-radius: 24px;
--scorm-course-main-bg-color: rgb(250, 250, 249);
--scorm-course-module-bg-color: rgb(255, 255, 255);
--scorm-course-border-radius: 24px;
--scorm-course-border-color: rgb(228, 228, 231);
--scorm-paragraphs-spacing: 3.5rem;
--scorm-paragraphs-margin-bottom: 6rem;
--scorm-bubble-border-color: rgba(216, 196, 255, 1);
--scorm-push-border-color: rgba(216, 196, 255, 1);
--scorm-push-border-radius: 0.75rem;
--scorm-push-delta-text-color: rgb(87, 83, 78);
--scorm-push-progress-empty: rgb(245, 245, 244);
--scorm-push-secondary-color: rgba(216, 196, 255, 1);
--scorm-updated-tag-bg-color: rgba(216, 196, 255, 1);
--scorm-updated-tag-text-color: rgb(46, 0, 25);
/* scorm end */
/* gallery - carousel */
--gallery-nav-arrows-size: 2rem;
--gallery-nav-dots-size: 0.75rem;
--gallery-nav-color: rgb(46, 0, 25);
--gallery-image-radius: 0px;
--product-gallery-nav-color: rgb(46, 0, 25);
--product-gallery-preview-border-color: rgb(255, 255, 255);
/* gallery - carousel end */
}
/* base/typography.css - START */
.wysiwyg-text h1,
.wysiwyg-text h2,
.wysiwyg-text h3,
.wysiwyg-text h4,
.wysiwyg-text h5,
.wysiwyg-text h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: VAGRounded, sans-serif;
&:is(.paragraph--type--component-title) * {
font-family: VAGRounded, sans-serif;
}
}
@media not all and (min-width: 1024px) {
.h1,
.wysiwyg-text h1 {
font-size: 36px;
line-height: 1.2em;
}
}
@media (min-width: 1024px) {
.h1,
.wysiwyg-text h1 {
font-size: 40px;
line-height: 1.2em;
}
}
.h1,
.wysiwyg-text h1 {
margin-bottom: var(--title-h1_margin_bottom, var(--title-margin_bottom, 0.4em));
font-weight: var(--title-h1_weight, bold);
}
@media not all and (min-width: 1024px) {
.h2,
.wysiwyg-text h2 {
font-size: 32px;
line-height: 1.2em;
}
}
@media (min-width: 1024px) {
.h2,
.wysiwyg-text h2 {
font-size: 36px;
line-height: 1.2em;
}
}
.h2,
.wysiwyg-text h2 {
margin-bottom: var(--title-h2_margin_bottom, var(--title-margin_bottom, 0.4em));
font-weight: var(--title-h2_weight, bold);
}
@media not all and (min-width: 1024px) {
.h3,
.wysiwyg-text h3 {
font-size: 28px;
line-height: 1.2em;
}
}
@media (min-width: 1024px) {
.h3,
.wysiwyg-text h3 {
font-size: 32px;
line-height: 1.2em;
}
}
.h3,
.wysiwyg-text h3 {
margin-bottom: var(--title-h3_margin_bottom, var(--title-margin_bottom, 0.4em));
font-weight: var(--title-h3_weight, bold);
}
@media not all and (min-width: 1024px) {
.h4,
.wysiwyg-text h4 {
font-size: 24px;
line-height: 1.2em;
}
}
@media (min-width: 1024px) {
.h4,
.wysiwyg-text h4 {
font-size: 28px;
line-height: 1.2em;
}
}
.h4,
.wysiwyg-text h4 {
margin-bottom: var(--title-h4_margin_bottom, var(--title-margin_bottom, 0.4em));
font-weight: var(--title-h4_weight, bold);
}
@media not all and (min-width: 1024px) {
.h5,
.wysiwyg-text h5 {
font-size: 20px;
line-height: 1.2em;
}
}
@media (min-width: 1024px) {
.h5,
.wysiwyg-text h5 {
font-size: 24px;
line-height: 1.2em;
}
}
.h5,
.wysiwyg-text h5 {
margin-bottom: var(--title-h5_margin_bottom, var(--title-margin_bottom, 0.4em));
font-weight: var(--title-h5_weight, bold);
}
@media not all and (min-width: 1024px) {
.h6,
.wysiwyg-text h6 {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 1024px) {
.h6,
.wysiwyg-text h6 {
font-size: 21px;
}
}
.h6,
.wysiwyg-text h6 {
margin-bottom: var(--title-h6_margin_bottom, var(--title-margin_bottom, 0.4em));
font-weight: var(--title-h6_weight, bold);
}
.wysiwyg-text {
font-size: 17px;
line-height: 1.65em;
p {
font-size: inherit;
line-height: inherit;
&:not(:last-child) {
margin-bottom: var(--wsg-inner-margin, 1em);
}
}
ol,
ul {
background-color: var(--wsg-list-bg);
padding-inline-end: var(--wsg-list-padding, 0);
padding-top: var(--wsg-list-padding, 0);
padding-bottom: var(--wsg-list-padding, 0);
&:not(:last-child) {
margin-bottom: var(--wsg-inner-margin, 1em);
}
li {
list-style: inherit;
}
&:is(ul) {
list-style-type: disc;
}
&:is(ul) {
list-style: disc;
padding-inline-start: calc(var(--wsg-ul-padding-start, 1.5rem) + var(--wsg-list-padding, 0px));
li:not(:last-child) {
margin-bottom: var(--wsg-ol-item-margin, 0.4em);
}
}
&:is(ol) {
list-style: var(--wsg-ol-style, decimal);
counter-reset: custom-counter;
padding-inline-start: calc(var(--wsg-ol-padding-start, 2.5rem) + var(--wsg-list-padding, 0px));
li {
padding-inline-start: var(--wsg-ol-li-padding);
counter-increment: custom-counter;
position: relative;
&:not(:last-child) {
margin-bottom: var(--wsg-ul-item-margin, 0.4em);
}
&:before {
display: var(--wsg-ol-counter-display, none);
content: counter(custom-counter);
font-size: var(--wsg-ol-counter-size, inherit);
color: var(--wsg-ol-mark-color);
background-color: var(--wsg-ol-counter-bg, #c4c4c4);
font-weight: bold;
justify-content: center;
align-items: center;
inset-inline-start: 0;
top: -0.25rem;
width: 2.25rem;
height: 2.25rem;
position: absolute;
border-radius: var(--wsg-ol-counter-radius, 0.5rem);
}
}
}
ol,
ul {
--wsg-list-padding: 0px;
margin-top: var(--wsg-ul-item-margin, 0.75rem);
}
}
a {
font-weight: var(--wsg-link-font_weight, normal);
-webkit-text-decoration: var(--wsg-link-underline, none);
text-decoration: var(--wsg-link-underline, none);
}
&:not(:last-child) {
margin-bottom: var(--wsg-outer-margin_bottom, 2.5rem);
}
/* set default colors only when there is no custom color selected in CMS */
&:not(
[class^="text-f-"],
[class*=" text-f-"],
[class^="text-n-"],
[class*=" text-n-"]
) {
p {
color: var(--wsg-text-color);
}
a {
color: var(--wsg-link-text-color);
}
ol,
ul {
li {
&::marker {
color: var(--wsg-ul-mark-color);
}
}
&:is(ul) {
li {
color: var(--wsg-ul-text-color);
}
}
&:is(ol) {
li {
color: var(--wsg-ol-text-color);
}
}
}
h1, h2, h3, h4, h5, h6 {
color: var(--wsg-title-color);
&:is(:not(:first-child)) {
margin-top: var(--title-margin_top, 0);
}
}
}
}
/* base/typography.css - END */
iframe {
aspect-ratio: 16 / 9;
height: auto;
width: 100% !important;
}
.local_tasks_block {
position: absolute;
top: 250px;
right: 0px;
z-index: 40;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 2.5rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.local_tasks_block {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.local_tasks_block {
ul:not(.contextual-links) {
display: flex;
}
ul:not(.contextual-links) {
align-items: center;
}
ul:not(.contextual-links) {
justify-content: flex-start;
}
ul:not(.contextual-links) {
border-radius: 0.75rem;
}
ul:not(.contextual-links) {
border-width: 1px;
}
ul:not(.contextual-links) {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
ul:not(.contextual-links) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
ul:not(.contextual-links) {
padding: 0.375rem;
}
ul:not(.contextual-links) {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
justify-content: center;
}
}
ul:not(.contextual-links) {
li {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
}
#block-views-block-adv-products-products-category-filtered-agerange-groupped {
h2.view-title,
h3.view-title,
h3.view-title a {
margin-bottom: 1em;
}
h2.view-title,
h3.view-title,
h3.view-title a {
display: block;
}
h2.view-title,
h3.view-title,
h3.view-title a {
text-align: center;
}
h2.view-title,
h3.view-title,
h3.view-title a {
font-size: 1.5rem;
line-height: 2rem;
}
h2.view-title,
h3.view-title,
h3.view-title a {
font-weight: 700;
}
h2.view-title,
h3.view-title,
h3.view-title a {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
h2.view-title,
h3.view-title,
h3.view-title a {
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.views-view-grid {
margin-bottom: 1em;
}
}
/* move to settings? */
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.flex {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
/* paragraph-image */
.paragraph--type--c-grid-item:has(>.paragraph--type--component-video),
.paragraph--type--c-grid-item:has(>.paragraph--type--component-image) {
/* other elements has order: 0 based on cms flow */
}
@media not all and (min-width: 1024px) {
.paragraph--type--c-grid-item:has(>.paragraph--type--component-video),
.paragraph--type--c-grid-item:has(>.paragraph--type--component-image) {
order: 1;
}
}
.grid-item > .paragraph--type--c-grid {
width: 100%;
}
@media screen and (min-width: 1062px) {
.container {
max-width: 1062px !important;
}
.container_slim.container,
.container_slim .container {
max-width: 900px !important;
}
.container_slim.paragraph--type--c-grid-item {
width: 100%;
max-width: 900px !important;
justify-self: center;
}
}
.container_full_width .container {
max-width: 100% !important;
}
.style-clean > .container {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.style-clean > .grid {
gap: 0px !important;
}
/* classy - gap */
.adv-gap-none > .grid {
gap: 0px;
}
.adv-gap-big > .grid {
gap: 2rem;
}
@media (min-width: 768px) {
.adv-gap-big > .grid {
gap: 4rem;
}
}
.adv-gap-big > .grid {
@media (min-width: 768px) {
gap: var(--layout-gap-big, 4rem);
}
@media (max-width: 767px) {
gap: var(--layout-gap-big-mobile, 2rem);
}
}
.items-inherit {
align-items: inherit;
}
.layout-container {
margin: 0px !important;
}
/* @import "./buttons.css"; */
/* paragraph related styles - START */
.paragraph--type--component-file+.paragraph--type--component-file,
.paragraph--type--component-link+.paragraph--type--component-link {
margin-top: 1.25rem;
a:not(.btn) {
text-decoration: underline;
}
}
.paragraph--type--c-row-100 {
.paragraph--type--component-file+.paragraph--type--component-file,
.paragraph--type--component-link+.paragraph--type--component-link {
margin-top: 0px;
}
}
/* paragraph related styles - END */
/* default links - START */
.paragraph--type--component-link a:not(.btn) {
text-decoration: underline;
color: var(--wsg-link-text-color, inherit);
}
/* default links - END */
/* plain download link - START */
.adv-download_link {
text-decoration: underline;
color: var(--wsg-link-text-color, inherit);
display: flex;
align-items: center;
max-width: -moz-max-content;
max-width: max-content;
gap: 0.5em;
&:after {
height: 1em;
width: 1em;
content: '';
flex-shrink: 0;
background-color: currentColor;
-webkit-mask: var(--button-icon-download) center / contain;
mask: var(--button-icon-download) center / contain;
}
}
/* plain download link - END */
/* buttons - START */
.btn {
/* set variables - START */
--btn-col_theme-main: var(--button-col_theme_A-main);
--btn-col_theme-main_lighter: var(--button-col_theme_A-main_lighter, var(--btn-col_theme-main));
--btn-col_theme-main_darker: var(--button-col_theme_A-main_darker, var(--btn-col_theme-main));
--btn-col_theme-second: var(--button-col_theme_A-second);
--btn-col_theme-second_darker: var(--button-col_theme_A-second_darker, var(--btn-col_theme-second));
--btn-col_theme-outline_hover: var(--button-col_theme_A-hover, var(--btn-col_theme-main_darker));
--btn-col_theme-disabled: var(--button-col_theme_A-disabled);
--btn-col_theme-disabled_bg: var(--button-col_theme_A-disabled_bg);
--btn-col_theme-disabled_border: var(--button-col_theme_A-disabled_border, var(--btn-col_theme-disabled_bg));
--btn-col_theme-outline_disabled: var(--button-col_theme_A-neutral, var(--btn-col_theme-disabled));
--btn-inverted-main: var(--button-col_theme_A-second);
--btn-inverted-main_darker: var(--button-col_theme_A-second_darker);
--btn-inverted-second: var(--button-col_theme_A-main);
--btn-inverted-disabled: var(--button-col_theme_A-neutral);
/* set variables - END */
font-family: var(--button-font_family, inherit);
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s;
max-width: -moz-max-content;
max-width: max-content;
font-size: var(--btn-text_size, var(--button-text-size));
font-weight: var(--btn-font_weight, var(--button-font_weight));
line-height: calc(var(--btn-text_size, var(--button-text-size)) + 2px);
padding-top: calc(var(--btn-py, var(--button-py)) - 1px);
padding-bottom: calc(var(--btn-py, var(--button-py)) + 1px);
padding-left: var(--btn-px, var(--button-px));
padding-right: var(--btn-px, var(--button-px));
border-width: var(--btn-border-width, var(--button-border-width));
border-radius: var(--btn-border-radius, var(--button-border-radius));
border-style: var(--btn-border-style, solid);
box-shadow: var(--btn-box-shadow, var(--button-box-shadow, none));
-webkit-text-decoration: var(--btn-underline, none);
text-decoration: var(--btn-underline, none);
color: var(--btn-color, var(--btn-col_theme-second));
background-color: var(--btn-bg, var(--btn-col_theme-main));
border-color: var(--btn-border_color, var(--btn-col_theme-main_lighter));
&:hover {
color: var(--btn-hover-color, var(--btn-col_theme-second));
background-color: var(--btn-hover-bg, var(--btn-col_theme-main_lighter));
border-color: var(--btn-hover-border_color, var(--btn-col_theme-main));
}
&:active {
color: var(--btn-active-color, var(--btn-col_theme-second_darker));
background-color: var(--btn-active-bg, var(--btn-col_theme-main));
border-color: var(--btn-active-border_color, var(--btn-col_theme-main));
}
&:is(:focus, :focus-visible) {
color: var(--btn-focus-color, var(--btn-col_theme-second));
background-color: var(--btn-focus-bg, var(--btn-col_theme-main));
border-color: var(--btn-focus-border_color, var(--btn-col_theme-main));
outline: 2px solid var(--btn-focus-border_color, var(--btn-col_theme-main));
box-shadow: none;
}
&[disabled],
&:disabled {
color: var(--btn-disabled-color, var(--btn-col_theme-disabled));
background-color: var(--btn-disabled-bg, var(--btn-col_theme-disabled_bg));
border-color: var(--btn-disabled-border_color, var(--btn-col_theme-disabled_border));
cursor: not-allowed;
pointer-events: none;
}
/* btn icons - START */
&:is(.btn--icon-download, .btn--icon-arrow) {
gap: calc(var(--btn-text_size, var(--button-text-size)) / 2);
&:after {
height: 1em;
width: 1em;
content: '';
flex-shrink: 0;
background-color: currentColor;
-webkit-mask: var(--btn-icon) center / contain;
mask: var(--btn-icon) center / contain;
}
}
&.btn--icon-arrow {
--btn-icon: var(--button-icon-arrow);
}
&.btn--icon-download {
--btn-icon: var(--button-icon-download);
& + .file-description {
margin-top: var(--button-text-size);
font-size: var(--button-text-size);
line-height: 150%;
}
}
/* btn icons - END */
/* btn icon-position - START */
&.btn--icon_position-reversed {
flex-direction: row-reverse;
&:after {
transform: scaleX(-1);
}
}
/* btn icon-position - END */
/* btn position - START */
&.btn--position-center {
margin: 0 auto;
& + .file-description {
text-align: center;
}
}
&.btn--position-end {
margin-inline-start: auto;
& + .file-description {
text-align: end;
}
}
&.btn--position-stretch {
width: 100%;
max-width: 100%;
}
/* btn position - END */
/* btn size - START */
&.btn--size-large {
--btn-text_size: var(--button-text-size_large, calc(var(--button-text-size) + 2px));
--btn-py: var(--button-py_large, calc(var(--button-py) + 4px));
--btn-px: var(--button-px_large, calc(var(--button-px) + 4px));
}
&.btn--size-small {
--btn-text_size: var(--button-text-size_small, calc(var(--button-text-size) - 2px));
--btn-py: var(--button-py_small, calc(var(--button-py) - 4px));
--btn-px: var(--button-px_small, calc(var(--button-px) - 4px));
}
/* btn size - END */
/* btn-other colors - START */
&.btn--color-mono {
--btn-col_theme-main: var(--button-col_theme_MONO-main);
--btn-col_theme-main_lighter: var(--button-col_theme_MONO-main_lighter, var(--btn-col_theme-main));
--btn-col_theme-main_darker: var(--button-col_theme_MONO-main_darker, var(--btn-col_theme-main));
--btn-col_theme-second: var(--button-col_theme_MONO-second);
--btn-col_theme-second_darker: var(--button-col_theme_MONO-second_darker, var(--btn-col_theme-second));
--btn-col_theme-outline_hover: var(--button-col_theme_MONO-hover, var(--btn-col_theme-main_darker));
--btn-col_theme-disabled: var(--button-col_theme_MONO-disabled);
--btn-col_theme-disabled_bg: var(--button-col_theme_MONO-disabled_bg);
--btn-col_theme-disabled_border: var(--button-col_theme_MONO-disabled_border, var(--btn-col_theme-disabled_bg));
--btn-col_theme-outline_disabled: var(--button-col_theme_MONO-neutral, var(--btn-col_theme-disabled));
--btn-inverted-main: var(--button-col_theme_MONO-second);
--btn-inverted-second: var(--button-col_theme_MONO-main);
--btn-inverted-disabled: var(--button-col_theme_MONO-neutral);
}
/* btn-other colors - END */
/* btn-color-theme - START */
&.btn--theme-inversed {
--btn-col_theme-main: var(--btn-inverted-main);
--btn-col_theme-main_lighter: var(--btn-inverted-main_darker);
--btn-col_theme-main_darker: var(--btn-inverted-main);
--btn-col_theme-second: var(--btn-inverted-second);
--btn-col_theme-second_darker: var(--btn-inverted-second);
--btn-col_theme-outline_hover: var(--btn-inverted-second);
&.btn--icon-download + .file-description {
color: var(--btn-inverted-main);
}
}
/* btn-color-theme - END */
/* btn-variants - START */
&.btn-outline {
--btn-color: var(--btn-col_theme-main);
--btn-bg: transparent;
--btn-border_color: var(--btn-col_theme-main);
--btn-hover-color: var(--btn-col_theme-main);
--btn-hover-bg: var(--btn-col_theme-outline_hover);
--btn-hover-border_color: var(--btn-col_theme-main_lighter);
--btn-active-color: var(--btn-col_theme-main);
--btn-active-bg: var(--btn-col_theme-outline_hover);
--btn-active-border_color: var(--btn-col_theme-main_lighter);
--btn-focus-color: var(--btn-col_theme-main);
--btn-focus-bg: transparent;
--btn-focus-border_color: var(--btn-col_theme-main_lighter);
}
&.btn-outline_full {
--btn-color: var(--btn-col_theme-main);
--btn-bg: transparent;
--btn-border_color: var(--btn-col_theme-main);
--btn-hover-color: var(--btn-col_theme-second);
--btn-hover-bg: var(--btn-col_theme-main);
--btn-hover-border_color: var(--btn-col_theme-main);
--btn-active-color: var(--btn-col_theme-second);
--btn-active-bg: var(--btn-col_theme-main);
--btn-active-border_color: var(--btn-col_theme-main);
--btn-focus-color: var(--btn-col_theme-second);
--btn-focus-bg: var(--btn-col_theme-main);
--btn-focus-border_color: var(--btn-col_theme-main);
}
&.btn-tag {
--btn-font_weight: 400;
--btn-text_size: var(--tag-text-size);
--btn-border-radius: var(--tag-border-radius);
--btn-border-width: 0;
--btn-py: var(--tag-py);
--btn-px: var(--tag-px);
--btn-color: var(--tag-color);
--btn-bg: var(--tag-bg-color);
--btn-hover-color: var(--tag-hover-color);
--btn-hover-bg: var(--tag-hover-bg-color);
--btn-active-color: var(--tag-hover-color);
--btn-active-bg: var(--tag-hover-bg-color);
--btn-focus-color: var(--tag-color);
--btn-focus-bg: var(--tag-hover-bg-color);
&:is(:focus, :focus-visible) {
outline: none;
}
}
&.btn-link {
--btn-color: var(--btn-col_theme-main);
--btn-bg: transparent;
--btn-border_color: transparent;
--btn-hover-color: var(--btn-col_theme-main_lighter);
--btn-hover-bg: transparent;
--btn-hover-border_color: transparent;
--btn-active-color: var(--btn-col_theme-main_lighter);
--btn-active-bg: transparent;
--btn-active-border_color: transparent;
--btn-focus-color: var(--btn-col_theme-main);
--btn-focus-bg: transparent;
--btn-focus-border_color: var(--btn-col_theme-main_lighter);
--btn-box-shadow: none;
--btn-underline: var(--button-link-style, underline);
}
/* btn-variants - END */
}
/* buttons - END */
.popup-open {
overflow: hidden;
}
.popup-open main {
filter: blur(3px);
}
.lang-wrapper:before {
margin-right: 0.375rem;
display: inline-block;
height: 1rem;
width: 1rem;
flex-shrink: 0;
--tw-bg-opacity: 1;
background-color: rgb(230 0 126 / var(--tw-bg-opacity, 1));
--tw-content: '';
content: var(--tw-content);
-webkit-mask: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00202%2016.9951C6.52202%2016.9951%204.18202%2015.8451%202.67202%2013.8751C1.15202%2011.9151%200.632016%209.36511%201.26202%206.96511C1.89202%204.56511%203.60202%202.59511%205.88202%201.62511C8.52202%200.515111%2011.542%200.895111%2013.822%202.61511C16.102%204.33511%2017.292%207.14511%2016.932%209.98511C16.582%2012.8251%2014.742%2015.2551%2012.102%2016.3651C11.122%2016.7851%2010.062%2016.9951%208.99202%2016.9951H9.00202ZM9.00202%201.50511C4.86202%201.50511%201.50202%204.86511%201.50202%208.99511C1.50202%2013.1251%204.86202%2016.4951%209.00202%2016.4951C13.142%2016.4951%2016.502%2013.1351%2016.502%208.99511C16.502%204.85511%2013.132%201.50511%209.00202%201.50511Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00212%2016.995C8.57212%2016.995%208.17212%2016.755%207.80212%2016.285C7.47212%2015.875%207.18212%2015.285%206.94212%2014.545C6.44212%2013.055%206.17212%2011.085%206.17212%208.98499C6.17212%206.88499%206.44212%204.915%206.94212%203.425C7.19212%202.685%207.48212%202.105%207.80212%201.685C8.16212%201.235%208.57212%200.994995%209.00212%200.994995C9.43212%200.994995%209.83212%201.235%2010.2021%201.705C10.5321%202.115%2010.8221%202.705%2011.0621%203.445C11.5621%204.935%2011.8321%206.905%2011.8321%209.005C11.8321%2011.105%2011.5621%2013.075%2011.0621%2014.565C10.8121%2015.305%2010.5221%2015.885%2010.2021%2016.305C9.83212%2016.775%209.43212%2017.005%209.00212%2017.005V16.995ZM9.00212%201.505C8.73212%201.505%208.46212%201.675%208.19212%202.015C7.90212%202.375%207.64212%202.92499%207.41212%203.595C6.93212%205.035%206.67212%206.955%206.67212%208.995C6.67212%2011.035%206.93212%2012.955%207.41212%2014.395C7.63212%2015.065%207.90212%2015.615%208.19212%2015.975C8.46212%2016.315%208.73212%2016.485%209.00212%2016.485C9.27212%2016.485%209.54212%2016.315%209.81212%2015.975C10.1021%2015.615%2010.3621%2015.065%2010.5921%2014.395C11.0721%2012.955%2011.3321%2011.035%2011.3321%208.995C11.3321%206.955%2011.0721%205.035%2010.5921%203.595C10.3721%202.92499%2010.1021%202.375%209.81212%202.015C9.54212%201.675%209.27212%201.505%209.00212%201.505Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00204%206.66494C7.60204%206.66494%206.22204%206.54494%205.02204%206.30494C3.84204%206.07494%202.85204%205.73494%202.16204%205.34494C2.04204%205.27494%202.00204%205.12494%202.07204%205.00494C2.14204%204.88494%202.29204%204.84494%202.41204%204.91494C3.76204%205.69494%206.28204%206.17494%209.00204%206.17494C11.722%206.17494%2014.242%205.69494%2015.592%204.91494C15.712%204.84494%2015.862%204.88494%2015.932%205.00494C16.002%205.12494%2015.962%205.27494%2015.842%205.34494C15.152%205.74494%2014.162%206.07494%2012.982%206.30494C11.782%206.54494%2010.402%206.66494%209.00204%206.66494Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M15.712%2013.1251C15.712%2013.1251%2015.622%2013.1151%2015.582%2013.0951C14.232%2012.3251%2011.712%2011.8351%208.99203%2011.8351C6.27203%2011.8351%203.75203%2012.3151%202.40203%2013.0951C2.28203%2013.1651%202.13203%2013.1251%202.06203%2013.0051C1.99203%2012.8851%202.03203%2012.7351%202.15203%2012.6651C2.84203%2012.2651%203.83203%2011.9351%205.01203%2011.7051C6.21203%2011.4651%207.59203%2011.3451%208.99203%2011.3451C10.392%2011.3451%2011.772%2011.4651%2012.972%2011.7051C14.152%2011.9351%2015.142%2012.2751%2015.832%2012.6651C15.932%2012.7251%2015.982%2012.8351%2015.952%2012.9451C15.922%2013.0551%2015.822%2013.1351%2015.712%2013.1351V13.1251Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
mask: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00202%2016.9951C6.52202%2016.9951%204.18202%2015.8451%202.67202%2013.8751C1.15202%2011.9151%200.632016%209.36511%201.26202%206.96511C1.89202%204.56511%203.60202%202.59511%205.88202%201.62511C8.52202%200.515111%2011.542%200.895111%2013.822%202.61511C16.102%204.33511%2017.292%207.14511%2016.932%209.98511C16.582%2012.8251%2014.742%2015.2551%2012.102%2016.3651C11.122%2016.7851%2010.062%2016.9951%208.99202%2016.9951H9.00202ZM9.00202%201.50511C4.86202%201.50511%201.50202%204.86511%201.50202%208.99511C1.50202%2013.1251%204.86202%2016.4951%209.00202%2016.4951C13.142%2016.4951%2016.502%2013.1351%2016.502%208.99511C16.502%204.85511%2013.132%201.50511%209.00202%201.50511Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00212%2016.995C8.57212%2016.995%208.17212%2016.755%207.80212%2016.285C7.47212%2015.875%207.18212%2015.285%206.94212%2014.545C6.44212%2013.055%206.17212%2011.085%206.17212%208.98499C6.17212%206.88499%206.44212%204.915%206.94212%203.425C7.19212%202.685%207.48212%202.105%207.80212%201.685C8.16212%201.235%208.57212%200.994995%209.00212%200.994995C9.43212%200.994995%209.83212%201.235%2010.2021%201.705C10.5321%202.115%2010.8221%202.705%2011.0621%203.445C11.5621%204.935%2011.8321%206.905%2011.8321%209.005C11.8321%2011.105%2011.5621%2013.075%2011.0621%2014.565C10.8121%2015.305%2010.5221%2015.885%2010.2021%2016.305C9.83212%2016.775%209.43212%2017.005%209.00212%2017.005V16.995ZM9.00212%201.505C8.73212%201.505%208.46212%201.675%208.19212%202.015C7.90212%202.375%207.64212%202.92499%207.41212%203.595C6.93212%205.035%206.67212%206.955%206.67212%208.995C6.67212%2011.035%206.93212%2012.955%207.41212%2014.395C7.63212%2015.065%207.90212%2015.615%208.19212%2015.975C8.46212%2016.315%208.73212%2016.485%209.00212%2016.485C9.27212%2016.485%209.54212%2016.315%209.81212%2015.975C10.1021%2015.615%2010.3621%2015.065%2010.5921%2014.395C11.0721%2012.955%2011.3321%2011.035%2011.3321%208.995C11.3321%206.955%2011.0721%205.035%2010.5921%203.595C10.3721%202.92499%2010.1021%202.375%209.81212%202.015C9.54212%201.675%209.27212%201.505%209.00212%201.505Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00204%206.66494C7.60204%206.66494%206.22204%206.54494%205.02204%206.30494C3.84204%206.07494%202.85204%205.73494%202.16204%205.34494C2.04204%205.27494%202.00204%205.12494%202.07204%205.00494C2.14204%204.88494%202.29204%204.84494%202.41204%204.91494C3.76204%205.69494%206.28204%206.17494%209.00204%206.17494C11.722%206.17494%2014.242%205.69494%2015.592%204.91494C15.712%204.84494%2015.862%204.88494%2015.932%205.00494C16.002%205.12494%2015.962%205.27494%2015.842%205.34494C15.152%205.74494%2014.162%206.07494%2012.982%206.30494C11.782%206.54494%2010.402%206.66494%209.00204%206.66494Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M15.712%2013.1251C15.712%2013.1251%2015.622%2013.1151%2015.582%2013.0951C14.232%2012.3251%2011.712%2011.8351%208.99203%2011.8351C6.27203%2011.8351%203.75203%2012.3151%202.40203%2013.0951C2.28203%2013.1651%202.13203%2013.1251%202.06203%2013.0051C1.99203%2012.8851%202.03203%2012.7351%202.15203%2012.6651C2.84203%2012.2651%203.83203%2011.9351%205.01203%2011.7051C6.21203%2011.4651%207.59203%2011.3451%208.99203%2011.3451C10.392%2011.3451%2011.772%2011.4651%2012.972%2011.7051C14.152%2011.9351%2015.142%2012.2751%2015.832%2012.6651C15.932%2012.7251%2015.982%2012.8351%2015.952%2012.9451C15.922%2013.0551%2015.822%2013.1351%2015.712%2013.1351V13.1251Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
}
/* header - search */
header .exposed-search-form {
@media not all and (min-width: 1280px) {
form {
display: none;
}
}
@media not all and (min-width: 1280px) {
.mobile-search-button {
display: block;
}
}
}
header .exposed-search-form.show-search {
@media not all and (min-width: 1280px) {
form {
position: absolute;
}
}
@media not all and (min-width: 1280px) {
form {
left: 50%;
}
}
@media not all and (min-width: 1280px) {
form {
z-index: 50;
}
}
@media not all and (min-width: 1280px) {
form {
display: flex;
}
}
@media not all and (min-width: 1280px) {
form {
width: calc(100% - 40px);
}
}
@media not all and (min-width: 1280px) {
form {
max-width: none;
}
}
@media not all and (min-width: 1280px) {
form {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
@media not all and (min-width: 1280px) {
form {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
form {
justify-content: center;
}
}
@media not all and (min-width: 1280px) {
form {
--tw-shadow: 0px 0px 0px 10px #ffffff;
--tw-shadow-colored: 0px 0px 0px 10px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
.mobile-search-button-close {
position: absolute;
}
.mobile-search-button-close {
z-index: 99;
}
@media not all and (min-width: 1280px) {
.mobile-search-button-close {
display: block;
}
}
@media not all and (min-width: 1280px) {
.js-form-item {
width: 100%;
}
}
}
.search-block-form,
.exposed-search-form {
display: flex;
align-items: center;
justify-content: flex-start;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.search-block-form,.paragraph--type--c-row-100
.exposed-search-form {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.search-block-form,
.exposed-search-form {
form {
position: relative;
}
form {
display: flex;
}
form {
width: -moz-fit-content;
width: fit-content;
}
form {
max-width: 180px;
}
form {
align-items: center;
}
form {
justify-content: flex-start;
}
form {
overflow: hidden;
}
form {
border-radius: 8px;
}
form {
border-width: 1px;
}
form {
border-color: rgba(216, 196, 255, 1);
}
form {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
form {
padding: 5px;
}
@media not all and (min-width: 1280px) {
form.paragraph--type--c-row-100 {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
form.paragraph--type--c-row-100 {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
form.paragraph--type--c-row-100 {
justify-content: center;
}
}
.form-item-search-api-fulltext label,
.form-item-keywords label {
display: none;
}
.mobile-search-button:after,
.form-actions:after {
pointer-events: none;
}
.mobile-search-button:after,
.form-actions:after {
position: absolute;
}
.mobile-search-button:after,
.form-actions:after {
top: 50%;
}
.mobile-search-button:after,
.form-actions:after {
left: 50%;
}
.mobile-search-button:after,
.form-actions:after {
display: inline-block;
}
.mobile-search-button:after,
.form-actions:after {
height: 0.75rem;
}
.mobile-search-button:after,
.form-actions:after {
width: 0.75rem;
}
.mobile-search-button:after,
.form-actions:after {
flex-shrink: 0;
}
.mobile-search-button:after,
.form-actions:after {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.mobile-search-button:after,
.form-actions:after {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.mobile-search-button:after,
.form-actions:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.mobile-search-button:after,
.form-actions:after {
--tw-content: '';
content: var(--tw-content);
}
.mobile-search-button:after,
.form-actions:after {
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
}
.mobile-search-button,
.form-submit {
display: inline-block;
}
.mobile-search-button,
.form-submit {
height: 30px;
}
.mobile-search-button,
.form-submit {
width: 100%;
}
.mobile-search-button,
.form-submit {
max-width: 30px;
}
.mobile-search-button,
.form-submit {
border-radius: 8px;
}
.mobile-search-button,
.form-submit {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.mobile-search-button,
.form-submit {
padding: 0px;
}
.mobile-search-button,
.form-submit {
color: rgba(0,0,0,0);
}
.mobile-search-button-close {
display: none;
}
.mobile-search-button {
display: none;
}
.mobile-search-button {
width: 30px;
}
@media (min-width: 1280px) {
.mobile-search-button {
display: none;
}
}
form:has(input:focus) {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.mobile-search-button,
.form-actions {
position: relative;
}
.mobile-search-button,
.form-actions {
cursor: pointer;
}
.form-item-search-api-fulltext input,
.form-item-keywords input {
width: 100%;
}
.form-item-search-api-fulltext input,
.form-item-keywords input {
flex-shrink: 1;
}
.form-item-search-api-fulltext input,
.form-item-keywords input {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.form-item-search-api-fulltext input,
.form-item-keywords input {
font-size: 0.875rem;
line-height: 1rem;
}
.form-item-search-api-fulltext input,
.form-item-keywords input {
font-weight: 300;
}
.form-item-search-api-fulltext input,
.form-item-keywords input {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
.form-item-search-api-fulltext input,
.form-item-keywords input {
outline: 2px solid transparent;
outline-offset: 2px;
}
.form-item-search-api-fulltext input::-moz-placeholder, .form-item-keywords input::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
.form-item-search-api-fulltext input::placeholder,
.form-item-keywords input::placeholder {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
}
/* end header - search */
/* header - product view mode block */
.menu__item--has-children.view-mode-block:hover>ul {
display: grid;
grid-template-columns: repeat(2,min(50%,300px));
align-items: flex-start;
justify-content: flex-start;
gap: 0px;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0px 8px 20px 0px #00000014;
--tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.style-clean > .menu__item--has-children.view-mode-block:hover>ul {
gap: 0px !important;
}
.adv-gap-none > .menu__item--has-children.view-mode-block:hover>ul {
gap: 0px;
}
.adv-gap-big > .menu__item--has-children.view-mode-block:hover>ul {
gap: 2rem;
}
@media (min-width: 768px) {
.adv-gap-big > .menu__item--has-children.view-mode-block:hover>ul {
gap: 4rem;
}
}
.adv-gap-big > .menu__item--has-children.view-mode-block:hover>ul {
@media (min-width: 768px) {
gap: var(--layout-gap-big, 4rem);
}
@media (max-width: 767px) {
gap: var(--layout-gap-big-mobile, 2rem);
}
}
.footer .menu__item--has-children.view-mode-block:hover>ul>div:first-of-type p {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
color: rgb(255 255 255 / 0.5);
}
.paragraph--type--c-grid > .menu__item--has-children.view-mode-block:hover>ul:has(.paragraph--type--component-tip) {
counter-reset: index;
}
.paragraph--type--c-grid > .menu__item--has-children.view-mode-block:hover>ul .paragraph--type--component-tip:after {
position: absolute;
top: 2rem;
left: 2rem;
font-size: 32px;
line-height: 0.7em;
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
.paragraph--type--c-grid > .menu__item--has-children.view-mode-block:hover>ul:has(.show-numbering) {
counter-reset: index;
}
@media not all and (min-width: 1280px) {
.menu__item--has-children.view-mode-block:hover>ul {
justify-content: center;
}
}
@media (min-width: 1280px) {
.menu__item--has-children.view-mode-block:hover>ul {
grid-template-columns: repeat(3,150px);
border-radius: 24px;
}
}
.menu__item--has-children.view-mode-block:hover>ul {
.menu__item.view-mode-block {
border-radius: 0;
}
.menu__item.view-mode-block {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.menu__item.view-mode-block {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.menu__item.view-mode-block {
text-align: center;
}
.menu__item.view-mode-block:hover {
background-color: rgb(0 0 0 / 0.05);
}
.menu__item.view-mode-block>a {
background-color: rgba(0,0,0,0);
}
.menu__item.view-mode-block>a {
padding: 0px;
}
.menu__item.view-mode-block {
img {
margin-left: auto;
margin-right: auto;
}
img {
margin-bottom: 1.25rem;
}
@media not all and (min-width: 1280px) {
img {
max-width: min(50%,100px);
}
}
@media (min-width: 1280px) {
img {
max-width: 2.5rem;
}
}
}
}
.menu__item--has-children {
position: relative;
}
.menu__link--level-1.menu__link--has-children {
display: inline-block;
cursor: pointer;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-weight: 700;
}
@media not all and (min-width: 1280px) {
.multi-menu-inner {
position: relative;
}
}
.multi-menu-inner {
@media not all and (min-width: 1280px) {
li {
position: relative;
}
}
@media not all and (min-width: 1280px) {
li {
z-index: 20;
}
}
@media not all and (min-width: 1280px) {
li {
text-align: center;
}
}
}
@media not all and (min-width: 1280px) {
.multi-menu-inner:after {
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
--tw-brightness: brightness(.75);
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);
--tw-content: '';
content: var(--tw-content);
}
}
/* end header - product view mode block */
/* header - views */
.views-element-container {
h2 {
text-align: center;
}
h2 {
font-family: VAGRounded, sans-serif;
}
h2 {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 1024px) {
h2 {
font-size: 32px;
line-height: 1.2em;
}
}
@media (min-width: 1024px) {
h2 {
font-size: 36px;
line-height: 1.2em;
}
}
h2 {
font-weight: var(--title-h2_weight, bold);
}
header {
text-align: center;
}
}
/* end - header - views */
.product-header-features {
margin-bottom: 2.5rem;
h4,
h5 {
margin-bottom: .4em;
}
h4,
h5 {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
p,
li {
font-size: 17px;
line-height: 1.65em;
}
p {
margin-bottom: 1em;
}
ul {
margin-bottom: 1rem;
}
ul {
list-style-type: disc;
}
ul {
padding-left: 1.5rem;
}
ul {
p {
margin-bottom: 10px;
}
li {
margin-bottom: 0.375rem;
}
li {
list-style-type: disc;
}
}
}
/* footer col 1 text */
.footer .grid>div:first-of-type p {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
color: rgb(255 255 255 / 0.5);
}
@media not all and (min-width: 1280px) {
.footer {
text-align: center;
}
}
.footer img {
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25rem;
}
@media not all and (min-width: 1280px) {
.footer img {
max-width: 180px;
}
}
@media not all and (min-width: 1024px) {
.footer ul {
margin-bottom: 1.25rem;
}
}
/* tables */
.wysiwyg-text table,
.paragraph--type--component-table table {
width: 100%;
border-collapse: separate;
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
overflow: hidden;
border-width: 1px;
border-radius: var(--table-border-radius);
border-bottom-left-radius: var(--table-border-radius-bottom, var(--table-border-radius));
border-bottom-right-radius: var(--table-border-radius-bottom, var(--table-border-radius));
border-color: var(--table-border-color);
border-width: var(--table-border-width);
caption {
display: none;
}
thead {
text-align: left;
}
thead {
background-color: var(--table-head-bg-color);
color: var(--table-head-text-color);
th {
border-radius: 0;
}
th {
padding: var(--table-py) var(--table-px);
}
}
tbody {
td {
padding: var(--table-py) var(--table-px);
color: var(--table-text-color);
}
}
thead th,
tbody td {
border-bottom-width: 1px;
}
thead th,
tbody td {
border-right-width: 1px;
}
thead th,
tbody td {
border-color: var(--table-inner-border-color);
}
tbody tr:last-of-type td {
border-bottom-width: var(--table-border-bottom-width, 0);
}
thead th:last-of-type,
tbody td:last-of-type {
border-right-width: 0px;
}
}
.wysiwyg-text table {
margin-bottom: 1em;
}
.wysiwyg-text table:last-child {
margin-bottom: 0px;
}
.paragraph--type--component-table {
margin-bottom: 2.5rem;
}
.paragraph--type--component-table:last-child {
margin-bottom: 0px;
}
.paragraph--type--component-table {
p + ul,
p + ol {
margin-top: 1em;
}
ol,
ul {
padding-left: 1.5rem;
}
ol,
ul {
&:not(:last-child) {
margin-bottom: 1em;
}
li:not(:last-child) {
margin-bottom: .4em;
}
}
a {
color: var(--wsg-link-text-color);
}
ul {
list-style-type: disc;
}
ul {
li {
list-style-type: disc;
}
li {
color: var(--wsg-ul-text-color);
}
li::marker {
color: var(--wsg-ul-mark-color);
}
}
ol {
list-style-type: decimal;
}
ol {
li {
list-style-type: decimal;
}
li {
color: var(--wsg-ol-text-color);
}
li::marker {
color: var(--wsg-ol-mark-color);
}
}
ol ol {
padding-left: 0px;
}
ol ol {
padding-top: 0.75rem;
}
ul ul {
padding-top: 0px;
padding-bottom: 0px;
}
ul ul {
padding-right: 0px;
}
ul ul {
padding-left: 1.5rem;
}
ul ul {
padding-top: 0.75rem;
}
}
/* fix anchors */
div.paragraph[id] {
margin-top: -150px;
padding-top: 150px;
}
/* leaflet map */
.map-text-stroke {
-webkit-text-stroke: 2px var(--accessible-f-secondary ,rgb(140, 185, 224));
/* Stroke width and color */
color: rgb(255, 255, 255);
font-weight: 700;
}
.leaflet-control-zoom a {
text-decoration-line: none !important;
}
.leaflet-control-attribution {
display: none !important;
}
.leaflet-container {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
/* view default */
.paragraph--type--component-title+.paragraph--type--component-view {
padding-top: 0px;
}
.paragraph--type--component-text:not(:last-child) {
margin-bottom: var(--layout-grid-item-gap, 2.5rem);
}
/* end view default */
.file-description {
margin-top: 1.25rem;
width: 100%;
font-size: 1rem;
line-height: 1.5rem;
color: var(--file-description-text-color);
}
.style-push {
height: 100%;
.paragraph--type--component-image {
margin-bottom: 1.25rem;
}
.paragraph--type--component-image {
width: 100%;
}
.paragraph--type--component-image {
img {
margin-left: auto;
margin-right: auto;
}
img {
height: 195px;
}
img {
-o-object-fit: cover;
object-fit: cover;
}
img {
-o-object-position: center;
object-position: center;
}
}
.paragraph--type--c-row-100 {
gap: 0.625rem;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
display: flex;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
flex-direction: column;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
align-items: flex-start;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
justify-content: flex-start;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
overflow: hidden;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
border-radius: 24px;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
padding-bottom: 1.25rem;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
--tw-shadow: 0px 8px 20px 0px #00000014;
--tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&.paragraph--type--c-grid-item,.paragraph--type--c-row-100
.paragraph-inner {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&.paragraph--type--c-grid-item,.paragraph--type--c-row-100
.paragraph-inner {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&.paragraph--type--c-grid-item,.paragraph--type--c-row-100
.paragraph-inner {
justify-content: center;
}
}
.paragraph-inner>div:not(.paragraph--type--component-image) {
width: 100%;
}
.paragraph-inner>div:not(.paragraph--type--component-image) {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.paragraph-inner>.paragraph--type--c-row-100 {
margin-top: auto;
}
}
/* captioned video - START */
.video__caption {
margin-top: 0.75rem;
font-size: 14px;
line-height: 1.2em;
--tw-text-opacity: 1;
color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
/* captioned video - END */
.lazy-video {
overflow: hidden;
border-radius: var(--video-border-radius);
}
.lazy-video .before-load:before {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0.25;
--tw-content: '';
content: var(--tw-content);
background: var(--video-overlay-color);
}
.lazy-video-icon {
background-image: var(--video-play-button);
}
/* component visiblity block - START */
@media screen and (max-width: 767px) {
.component-visibility-status {
position: absolute;
right: 0;
bottom: 0;
padding-top: 8px;
transform: translateY(100%);
span {
font-size: 12px;
white-space: nowrap;
text-align: right;
}
}
}
/* component visiblity block - END */
.adv-form form,
.user-pass,
.dsu-security-user-pass-reset,
.user-form,
.my-settings,
.user-login-form,
.user-register-form,
.user-cancel-form {
max-width: var(--form-wrapper-max-width, 800px);
margin-left: var(--form-wrapper-margin_x, auto);
margin-right: var(--form-wrapper-margin_x, auto);
min-height: var(--form-wrapper-min_height, 50svh);
padding-top: var(--form-wrapper-padding_y, 80px);
padding-bottom: var(--form-wrapper-padding_y, 80px);
padding-left: var(--form-wrapper-padding_x, 20px);
padding-right: var(--form-wrapper-padding_x, 20px);
.password-strength,
.password-confirm-message,
.password-strength__title,
.description {
font-size: var(--form-helper-text-size);
}
.password-strength,
.password-confirm-message,
.password-strength__title,
.description,
> p {
margin-top: var(--form-label-margin-bottom, 0.75rem);
}
a {
text-decoration-line: underline;
}
}
.adv-form form,
.user-pass,
.dsu-security-user-pass-reset,
.user-form,
.my-settings,
.user-login-form,
.user-register-form,
.paragraph--type--component-webform .webform-submission-form,
.paragraph--type--component-calculator,
.user-cancel-form {
.webform-flexbox {
margin: 0px;
}
.webform-flexbox {
align-items: flex-start;
}
.webform-flexbox {
justify-content: flex-start;
}
.webform-flexbox {
gap: 50px;
}
.form-item:not(.form-type-radio) {
margin-bottom: var(--form-item-margin-bottom, 30px);
}
fieldset legend,
.form-type-tel label,
.form-type-number label,
.form-type-date label,
.form-type-textarea label,
.form-type-password label,
.form-type-select label,
.form-type-email label,
.form-type-textfield label,
.adv_form-label {
display: block;
max-width: 100%;
width: 100%;
font-size: var(--form-label-text-size);
color: var(--form-label-text-color);
font-weight: var(--form-label-weight, 400);
margin-bottom: var(--form-label-margin-bottom, 1rem);
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
box-sizing: border-box;
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
width: 100%;
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
padding-left: 1rem;
padding-right: 1rem;
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
color: var(--form-input-text-color);
font-size: var(--form-input-text-size);
box-shadow: var(--form-input-shadow);
border-radius: var(--form-input-radius);
border-color: var(--form-input-border-color);
border-width: var(--form-input-border-size);
background-color: var(--form-input-bg-light-color);
padding-top: var(--form-input-padding-top, 18px);
padding-bottom: var(--form-input-padding-top, 18px);
}
input::-moz-placeholder {
color: var(--form-placeholder-text-color);
}
input::placeholder {
color: var(--form-placeholder-text-color);
}
input.form-tel {
padding-left: 52px;
}
input[type="tel"] {
width: 100%;
}
input[type="tel"] {
padding-top: var(--form-input-padding-top, 18px);
padding-bottom: var(--form-input-padding-top, 18px);
border-radius: var(--form-input-radius);
}
.form-type-checkbox {
flex-direction: row;
}
.form-type-checkbox {
label {
font-size: var(--form-label-text-size);
color: var(--form-label-text-color);
font-weight: var(--form-label-weight, 400);
a {
text-decoration-line: underline;
}
a {
color: var(--wsg-link-text-color);
}
}
.checkbox-tick {
position: relative;
}
.checkbox-tick {
margin: 0px;
}
.checkbox-tick {
margin-right: 0.5rem;
}
.checkbox-tick {
display: inline-block;
}
.checkbox-tick {
flex-shrink: 0;
}
.checkbox-tick {
cursor: pointer;
}
@media not all and (min-width: 1024px) {
.checkbox-tick {
margin-top: 0.25rem;
}
}
@media not all and (min-width: 1024px) {
.checkbox-tick {
align-self: flex-start;
}
}
.checkbox-tick {
width: var(--form-input-checkbox-size);
height: var(--form-input-checkbox-size);
border-width: var(--form-input-border-size);
border-color: var(--form-input-border-color);
border-radius: var(--form-input-checkbox-radius);
background-color: var(--form-input-checkbox-background-color);
input {
position: absolute;
}
input {
z-index: 20;
}
input {
height: 100%;
}
input {
width: 100%;
}
input {
opacity: 0;
}
span {
position: absolute;
}
span {
height: 100%;
}
span {
width: 100%;
}
span {
opacity: 0;
}
span {
background-color: var(--form-input-checkbox-mark-color);
-webkit-mask-image: var(--form-input-checkbox-mark);
mask-image: var(--form-input-checkbox-mark);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
}
.checkbox-tick:has(input:checked) {
border-color: var(--form-input-checkbox-background-checked-color);
background-color: var(--form-input-checkbox-background-checked-color);
span {
opacity: 1;
}
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: var(--form-select-arrow);
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
}
/* phone */
.iti--allow-dropdown {
width: 100%;
}
.webform-type-radios {
margin-bottom: 30px;
}
.webform-type-radios {
label {
cursor: pointer;
}
label {
color: var(--form-input-radio-label-color);
font-size: var(--form-input-text-size);
}
}
.js-webform-radios.webform-options-display-side-by-side {
display: flex;
}
.js-webform-radios.webform-options-display-side-by-side {
align-items: center;
}
.js-webform-radios.webform-options-display-side-by-side {
justify-content: flex-start;
}
.js-webform-radios.webform-options-display-side-by-side {
gap: 0.625rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.js-webform-radios.webform-options-display-side-by-side {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.js-webform-radios.webform-options-display-side-by-side {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.js-webform-radios.webform-options-display-side-by-side {
justify-content: center;
}
}
.form-type-radio {
display: flex;
}
.form-type-radio {
max-width: -moz-max-content;
max-width: max-content;
}
.form-type-radio {
cursor: pointer;
}
.form-type-radio {
align-items: center;
}
.form-type-radio {
justify-content: flex-start;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.form-type-radio {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.form-type-radio {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.form-type-radio {
justify-content: center;
}
}
input[type="radio"] {
position: relative;
}
input[type="radio"] {
margin-right: 0.375rem;
}
input[type="radio"] {
height: 1.25rem;
}
input[type="radio"] {
width: 1.25rem;
}
input[type="radio"] {
cursor: pointer;
}
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"] {
border-radius: 9999px;
}
input[type="radio"] {
border-width: 1px;
}
input[type="radio"] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
input[type="radio"] {
border-color: color-mix(in srgb, var(--form-input-radio-color) 30%, transparent);
}
/* Custom inner circle for checked state */
input[type="radio"]:checked::before {
position: absolute;
}
input[type="radio"]:checked::before {
top: 50%;
}
input[type="radio"]:checked::before {
left: 50%;
}
input[type="radio"]:checked::before {
display: block;
}
input[type="radio"]:checked::before {
height: 0.625rem;
}
input[type="radio"]:checked::before {
width: 0.625rem;
}
input[type="radio"]:checked::before {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
input[type="radio"]:checked::before {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
input[type="radio"]:checked::before {
border-radius: 9999px;
}
input[type="radio"]:checked::before {
--tw-content: '';
content: var(--tw-content);
}
input[type="radio"]:checked::before {
background-color: var(--form-input-radio-color);
}
.webform-flex--container {
margin: 0;
}
.form-item--error-message {
margin-top: 0.25rem;
}
.form-item--error-message {
--tw-text-opacity: 1;
color: rgb(190 65 65 / var(--tw-text-opacity, 1));
}
.form-item--error-message {
font-size: var(--form-error-text-size);
font-weight: 400;
}
}
.dsu-security-user-pass-reset .form-type-password-confirm > label {
display: none;
}
.component-accordion-item {
margin-bottom: 1.5rem;
border-radius: 24px;
}
.accordion-button {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
text-align: left;
font-weight: 700;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.accordion-button {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.accordion-button:after {
display: inline-block;
height: 1.25rem;
width: 1.25rem;
--tw-content: '';
content: var(--tw-content);
--accordion-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask: var(--accordion-mask);
mask: var(--accordion-mask);
-webkit-mask-size: contain;
mask-size: contain;
}
.component-accordion-item.open .accordion-button:after {
--accordion-mask: url('data:image/svg+xml;utf8,') no-repeat center;
}
.component-accordion-item .accordion-collapse {
display: grid;
grid-template-rows: 0fr;
transition: 250ms grid-template-rows ease;
}
.component-accordion-item.open .accordion-collapse {
grid-template-rows: 1fr;
}
.adv--component-image-1,
.adv--component-image-1-darker {
> div {
gap: var(--adv-img--gap)
}
> div {
align-items: center;
}
@media not all and (min-width: 1024px) {
> div {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
> div {
@media screen and (min-width: 768px) {
gap: var(--adv-img--gap-md);
}
@media screen and (min-width: 1024px) {
gap: 0;
}
}
.paragraph--type--c-grid-item:has(img):first-child {
/* @apply xl:pe-40 lg:pe-20; */
@media screen and (min-width: 1024px) {
padding-inline-end: var(--adv-img--padding--left);
}
}
.paragraph--type--c-grid-item:has(img):last-child {
@media screen and (min-width: 1024px) {
padding-inline-start: var(--adv-img--padding--left);
}
}
}
.adv--component-image-1-darker {
background-color: rgb(255, 255, 255);
}
.adv--component-image-3,
.adv--component-image-3-darker {
> div {
gap: var(--adv-img--gap)
}
> div {
align-items: center;
}
> div {
@media screen and (min-width: 768px) {
gap: var(--adv-img--gap-md);
}
}
.paragraph--type--c-grid-item:has(img) {
margin-left: -1rem;
margin-right: -1rem;
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item:has(img) {
margin-left: 0;
margin-right: 0;
}
}
.paragraph--type--c-grid-item:has(.paragraph--type--component-title) {
max-width: 900px !important;
}
.paragraph--type--c-grid-item:has(.paragraph--type--component-title) {
justify-self: center;
}
}
.adv--component-image-3-darker {
background-color: rgb(255, 255, 255);
}
.adv--component-image-4,
.adv--component-image-4-darker {
> div {
max-width: 900px !important;
}
> div {
align-items: center;
}
> div {
gap: 2rem;
}
@media (min-width: 768px) {
> div {
gap: 4rem;
}
}
}
.adv--component-image-4-darker {
background-color: rgb(255, 255, 255);
}
.adv--component-image-5,
.adv--component-image-5-darker {
> div {
max-width: 900px !important;
}
> div {
align-items: center;
}
> div {
gap: 2rem;
}
@media not all and (min-width: 1024px) {
> div {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
> div {
gap: 4rem;
}
}
@media (min-width: 1024px) {
> div {
gap: 0px;
}
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item:has(img):first-child {
padding-inline-end: 2rem;
}
}
@media (min-width: 1280px) {
.paragraph--type--c-grid-item:has(img):first-child {
padding-inline-end: 4rem;
}
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item:has(img):last-child {
padding-inline-start: 2rem;
}
}
@media (min-width: 1280px) {
.paragraph--type--c-grid-item:has(img):last-child {
padding-inline-start: 4rem;
}
}
}
.adv--component-image-5-darker {
background-color: rgb(255, 255, 255);
}
/* adv teasers bg change - START */
.adv--pushes--white .adv--teaser {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
/* adv teasers bg change - END */
/* TBC: btns row stretch - START */
.buttons-stretch {
.paragraph--type--component-link,
.paragraph--type--component-file {
flex-grow: 1;
.btn {
max-width: 100%;
width: 100%;
}
}
}
/* TBC: btns row stretch - END */
/* border style card - START */
.paragraph--type--c-grid-item.box-bordered-top {
border-top-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item.box-bordered-top {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.paragraph--type--c-grid-item.box-bordered-top {
>.paragraph--type--component-image {
margin-bottom: 2.5rem;
}
>.paragraph--type--component-image {
width: 100%;
}
>.paragraph--type--component-image .media--type-image {
width: 100%;
}
>.paragraph--type--component-image img {
height: 245px;
}
>.paragraph--type--component-image img {
width: 100%;
}
>.paragraph--type--component-image img {
-o-object-fit: cover;
object-fit: cover;
}
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file {
margin-bottom: 1.25rem;
margin-top: auto;
flex-direction: row;
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file:last-child {
margin-bottom: 0px;
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file a {
border-style: none;
background-color: rgba(0,0,0,0);
padding: 0px;
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
text-decoration-line: underline !important;
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file a::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(230 0 126 / var(--tw-bg-opacity, 1));
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file a:hover {
background-color: rgba(0,0,0,0);
}
.paragraph--type--c-grid-item.box-bordered-top>div:not(.paragraph--type--component-image) {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
/* border style card - END */
/* adv teasers horizontal - START*/
@media screen and (min-width: 768px) {
.md\:grid-cols-1 > .paragraph > .adv--teaser--wrapper > .adv--teaser {
flex-direction: row;
min-height: 480px;
align-items: stretch;
> div {
width: 50%;
}
img {
position: absolute;
height: 100%;
}
}
}
/* adv teasers horizontal - END*/
.paragraph--type--component-tip {
position: relative;
overflow: hidden;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(68 64 60 / var(--tw-border-opacity, 1));
padding: 2rem;
padding-left: 106px;
}
.paragraph--type--c-grid-item.style-card > .paragraph--type--component-tip {
border-top-width: 4px;
border-left-width: 0px;
padding-left: 2rem;
}
.paragraph--type--c-grid-item .paragraph--type--component-tip > .tip-image {
margin-bottom: 0.75rem;
}
.paragraph--type--c-grid-item .paragraph--type--component-tip > .tip-image:empty {
margin-bottom: 0px;
}
.paragraph--type--c-grid-item.style-card .paragraph--type--component-tip .tip-image {
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
max-width: 12rem;
align-items: center;
justify-content: center;
padding-left: 3rem;
padding-right: 3rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.paragraph--type--c-grid-item.style-card .paragraph--type--component-tip .tip-image {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.paragraph--type--c-grid-item.style-card .paragraph--type--component-tip:not(:has( > .tip-image)) > .paragraph--type--c-grid {
padding-top: 2.25rem;
}
.paragraph--type--c-grid > .grid:has(.paragraph--type--component-tip) {
counter-reset: index;
}
.paragraph--type--c-grid > .grid .paragraph--type--component-tip:after {
position: absolute;
top: 2rem;
left: 2rem;
font-size: 32px;
line-height: 0.7em;
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
.paragraph--type--component-tip:not(.show-numbering):after {
display: none;
}
.paragraph--type--component-timeline {
--col-gap: 20px;
--row-gap: 16px;
--line-w: 3px;
display: grid;
padding: 40px 0 80px;
grid-template-columns: var(--line-w) 1fr;
grid-auto-columns: max-content;
-moz-column-gap: var(--col-gap);
column-gap: var(--col-gap);
list-style: none;
width: min(60rem, 90%);
margin-inline: auto;
}
.component-timeline--item {
background-color: var(--timeline-bg-color);
padding: 40px 32px;
border-radius: var(--timeline-radius);
max-height: -moz-max-content;
max-height: max-content;
position: relative;
grid-column: 2;
grid-row: span 2;
display: grid;
grid-template-rows: min-content min-content min-content;
}
.component-timeline--item .paragraph--type--component-image {
margin-bottom: 32px;
img {
border-radius: var(--timeline-radius);
}
}
.paragraph--type--component-timeline:before {
content: "";
grid-column: 1;
grid-row: 1 / span 20;
background: var(--timeline-bg-color);
border-radius: calc(var(--line-w) / 2);
}
.component-timeline--item:not(:last-child) {
margin-bottom: var(--row-gap);
}
.component-timeline--item:after {
content: "";
position: absolute;
width: 16px;
aspect-ratio: 1;
background: var(--timeline-mark-color);
border-radius: 50%;
top: 50%;
transform: translate(50%, -50%);
right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}
.component-timeline--item:before {
content: "";
position: absolute;
top: 50%;
transform: translate(50%, -50%) rotate(45deg);
right: 99%;
width: 20px;
height: 20px;
border-radius: 4px;
background-color: var(--timeline-bg-color);
}
@media (min-width: 40rem) {
.paragraph--type--component-timeline {
--col-gap: 40px;
--row-gap: 80px;
--line-w: 3px;
grid-template-columns: 1fr var(--line-w) 1fr;
}
.paragraph--type--component-timeline:before {
grid-column: 2;
}
.component-timeline--item:before {
width: 32px;
height: 32px;
border-radius: 6px;
}
.component-timeline--item:nth-child(odd) {
grid-column: 1;
}
.component-timeline--item:nth-child(even) {
grid-column: 3;
}
/* start second card */
.component-timeline--item:nth-child(2) {
grid-row: 2/4;
}
.component-timeline--item:nth-child(odd):before {
transform: translate(-50%, -50%) rotate(45deg);
left: 99%;
}
.component-timeline--item:nth-child(odd):after {
transform: translate(-50%, -50%);
left: calc(100% + var(--col-gap) + var(--line-w) / 2);
}
}
.author-related-content-link {
cursor: pointer;
:hover {
text-decoration-line: underline;
}
}
@media screen and (min-width: 1024px) {
.widget--table_of_content {
top: var(--table-of-content-offset);
}
}
.widget--table_of_content--title {
color: var(--table-of-content-title-color);
font-weight: 400;
line-height: 1.2;
margin-bottom: 1em;
@media screen and (min-width: 1024px) {
font-size: var(--table-of-content-title-size);
}
@media screen and (max-width: 1023px) {
font-size: var(--table-of-content-title-size-mobile);
}
}
.widget--table_of_content--item {
display: block;
position: relative;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
transition: all 0.2s ease-in-out;
@media screen and (min-width: 1024px) {
color: var(--table-of-content-item-color);
font-size: var(--table-of-content-item-size-mobile);
border-left: solid 2px var(--table-of-content-item-border-left-color);
border-top-right-radius: var(--table-of-content-item-border-right-radius);
border-bottom-right-radius: var(--table-of-content-item-border-right-radius);
padding: 1.75em;
}
@media screen and (max-width: 1023px) {
color: var(--table-of-content-item-color-mobile);
font-size: var(--table-of-content-item-size-mobile);
text-decoration: underline;
padding: 0.5em 1em;
&:not(:last-child) {
margin-bottom: 0.75em;
}
&:before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 2px;
height: 1.2em;
background-color: var(--table-of-content-item-border-left-color);
}
}
&:not(.active):hover {
color: var(--table-of-content-item-color-hover);
}
&.active {
@media screen and (min-width: 1024px) {
background-color: var(--color-primary-100, rgba(234, 236, 253, 1));
border-left-color: var(--color-primary-600, rgba(71, 67, 228, 1));
text-shadow: 0 0 1px var(--table-of-content-item-color);
}
}
}
.table-of-content-content {
display: grid;
grid-template-columns: 100%;
@media screen and (min-width: 768px) {
grid-gap: var(--table-of-content-layout-gap);
}
@media screen and (max-width: 767px) {
grid-gap: var(--table-of-content-layout-gap-mobile);
}
> .paragraph > .adv-grid-container {
padding: 0;
}
}
.hero_resource {
color: var(--hero-resource-text-color);
}
.hero_resource--grid {
background-color: var(--hero-resource-bg-color);
border-radius: var(--hero-resource-border-radius);
}
.hero_resource--content {
padding: var(--hero-resource-textbox-spacing-mobile);
}
@media screen and (min-width: 768px) {
.hero_resource--content {
padding: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--title {
margin-bottom: var(--hero-resource-textbox-spacing-mobile);
}
@media screen and (min-width: 768px) {
.hero_resource--title {
margin-bottom: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--person {
div:not(:last-child) {
margin-inline-end: 0.3em;
}
.author-related-content-link {
text-decoration: underline;
&:not(:last-child):after {
content: ', ';
}
}
}
.hero_resource--disease {
margin-top: var(--hero-resource-textbox-spacing-mobile);
.tag {
background-color: var(--hero-resource-tag-bg-color);
line-height: 1;
padding: 7px 10px;
font-size: 12px;
&:hover {
background-color: var(--hero-resource-tag-bg-color-hover);
border-radius: calc(var(--hero-resource-border-radius) / 4);
.button--text {
color: var(--hero-resource-text-color);
}
}
}
.button--text {
font-weight: 400;
font-size: inherit;
line-height: 1;
color: var(--hero-resource-bg-color);
}
}
@media screen and (min-width: 768px) {
.hero_resource--disease {
margin-top: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--text {
--wsg-text-color: var(--hero-resource-text-color);
--wsg-link-text-color: var(--hero-resource-text-color);
margin-bottom: var(--hero-resource-textbox-spacing-mobile);
}
@media screen and (min-width: 768px) {
.hero_resource--text {
margin-bottom: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--links {
.paragraph {
margin: 0 !important;
padding: 0 !important;
}
}
.hero_resource--img {
.contextual-region {
position: initial;
}
@media (min-width: 768px) {
img {
position: absolute;
}
}
@media (min-width: 768px) {
img {
height: 100%;
}
}
@media (min-width: 768px) {
img {
width: 100%;
}
}
@media (min-width: 768px) {
img {
-o-object-fit: cover;
object-fit: cover;
}
}
}
.paragraph--type--component-image {
img {
overflow: hidden;
border-radius: var(--image-border-radius);
}
}
/* captions - START */
.image__caption {
color: var(--image-caption-color);
margin-top: 1em;
width: 100%;
font-size: 14px;
line-height: 1.2em;
}
.adv-caption-embeded {
position: relative;
.image__caption {
color: var(--image-caption-color-embed);
}
.image__caption {
position: absolute;
}
.image__caption {
bottom: 0px;
}
.image__caption {
left: 0px;
}
.image__caption {
right: 0px;
}
.image__caption {
background-color: rgb(0 0 0 / 0.5);
}
.image__caption {
padding: 0.75rem;
}
}
.adv-caption-embeded_hover {
position: relative;
.image__caption {
color: var(--image-caption-color-embed);
}
.image__caption {
position: absolute;
}
.image__caption {
bottom: 0px;
}
.image__caption {
left: 0px;
}
.image__caption {
right: 0px;
}
.image__caption {
background-color: rgb(0 0 0 / 0.5);
}
.image__caption {
padding: 0.75rem;
}
.image__caption {
opacity: 0;
}
.image__caption {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
&:hover {
cursor: pointer;
}
&:hover {
.image__caption {
opacity: 1;
}
}
}
/* captions - END */
/* use masonry class on parent, break-inside on children */
.masonry {
-moz-column-gap: 20px;
column-gap: 20px;
-moz-column-count: 1;
column-count: 1;
}
@media (min-width: 1024px) {
.masonry {
-moz-column-count: 2;
column-count: 2;
}
}
.break-inside {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.system_main_block:has(.paragraph--type--node-restrict) {
position: relative;
padding-bottom: var(--restricted-margins);
&::after {
content: '';
position: absolute;
inset: 0;
background-color: var(--restricted-overlay-color);
z-index: 1;
}
}
.paragraph:nth-child(n+2 of .paragraph--type--node-restrict) .restrict-inner {
display: none;
}
.restrict-inner {
position: relative;
z-index: 20;
padding: var(--restricted-padding);
margin-top: calc(var(--restricted-margins) * -1);
background-color: var(--restricted-background-color);
box-shadow: 0 0 10px var(--restricted-overlay-color);
border-radius: var(--restricted-border-radius, 0);
}
.restrict-inner-text {
color:var(--restricted-text-color);
p {
color:var(--restricted-paragraph-color);
}
}
.block_user_info {
.user-info-dropdown--list {
background-color: var(--user-info-bg-color, #fff);
li {
a {
&:hover {
background-color: var(--user-info-hover-bg-color, #f0f0f0);
}
}
}
}
}
.region--messages:not(:has(.error)) {
background-color: var(--messages-bg-color, transparent);
color: var(--messages-text-color, #000);
}
.region--messages:has(.error) {
background-color: var(--messages-error-bg-color, transparent);
color: var(--messages-error-text-color, #000);
.message-item.error {
color: var(--messages-error-text-color, #000);
}
.message-wrapper {
list-style: none;
}
}
.message-wrapper {
list-style: disc;
padding-inline-start: 1em;
li:not(:last-child) {
margin-bottom: 0.5em;
}
.close {
margin-inline-start: 1em;
font-size: larger;
cursor: pointer;
}
}
/* scorm header - START */
.comp_scorm-header {
background-color: var(--scorm-header-bg-color, #313131);
color: var(--scorm-header-text-color , #ffffff);
padding: var(--scorm-header-padding, 2rem);
border-radius: var(--scorm-header-border-radius, 0.5rem);
@media (max-width: 768px) {
padding: var(--scorm-header-padding-mobile, 1rem);
}
h1 {
font-size: var(--scorm-header-title-font-size, 1.5rem);
}
}
/* scorm header - END */
/* all courses view block - START */
.comp_scorm-all_courses {
background-color: var(--scorm-all_courses-bg-color, rgba(244, 246, 254, 1));
border-radius: var(--scorm-all_courses-border-radius, 1rem);
}
.comp_scorm-all_courses-list_wrapper {
display: grid;
grid-template-rows: 1fr;
transition: grid-template-rows 400ms ease-in-out;
&.closed {
grid-template-rows: 0fr;
}
}
.comp_scorm-show_new {
color: rgba(25, 120, 65, 1);
border-color: rgba(25, 120, 65, 1);
background-color: rgba(228, 246, 236, 1);
}
/* all courses view block - END */
/* all course block - START */
.comp_scorm-course {
color: var(--scorm-text-color, #313131);
border-radius: var(--scorm-course-border-radius, 1rem);
border: 1px solid var(--scorm-course-border-color, #E4E4E7);
.comp_scorm-module_push-buttons_wrapper .comp_scorm-certificate_button {
display: none;
}
}
.comp_scorm-course--main {
background-color: var(--scorm-course-main-bg-color, #F4F6FC);
.comp_scorm-button_wrapper {
display: contents;
}
svg path {
fill: var(--scorm-push-secondary-color, #313131);
}
}
.comp_scorm-course--module {
.comp_scorm-module_push {
padding: 40px 32px;
width: 100%;
border: 0;
border-radius: 0;
background-color: var(--scorm-course-module-bg-color, #3b15e7);
}
}
.comp_scorm-completed {
background-color: var(--scorm-course-module-bg-color, #FFFFFF);
.comp_scorm-button_wrapper {
display: contents;
}
svg path {
fill: var(--scorm-btn-color-secondary, #638062);
}
}
.comp_scorm-text_dark {
color: var(--scorm-text-color-dark, #292929);
}
/* all course block - END */
/* scorm courses paragraph- START */
.paragraph--type--component-scorm {
color: var(--scorm-text-color, #313131);
&:not(:first-child) {
margin-top: var(--scorm-paragraphs-spacing, 3.5rem);
}
&:last-child {
margin-bottom: var(--scorm-paragraphs-margin-bottom, 6rem);
}
}
/* scorm courses paragraph- END */
/* scorm push - START */
.comp_scorm-module_push {
border: 1px solid var(--scorm-push-border-color, #E4E4E7);
border-radius: var(--scorm-push-border-radius, 0.5rem);
h5 {
color: var(--scorm-push-title-color, #313131);
}
}
.comp_scorm-updated_tag-btn {
background-color: var(--scorm-updated-tag-bg-color, #a8a8a8);
color: var(--scorm-updated-tag-text-color, #ffffff);
border-bottom-left-radius: var(--scorm-push-border-radius, 0.5rem);
svg path {
fill: var(--scorm-updated-tag-text-color, #ffffff);
}
}
.comp_scorm-module_push-course_updated + .comp_scorm-module_push-course_delta {
margin-top: 1.25rem;
}
.comp_scorm-module_push-course_delta {
color: var(--scorm-push-delta-text-color, #818181);
}
.comp_scorm-module_push-buttons_wrapper .comp_scorm-button_wrapper {
display: contents;
}
.comp_scorm-module_push-svg {
svg path {
fill: var(--scorm-push-secondary-color, #313131);
}
}
.comp_scorm-module_push-progress_value {
color: var(--scorm-push-progress_bar-color, #313131);
}
.comp_scorm-module_push-progress_bar {
background-color: var(--scorm-push-progress-empty, #ebebeb);
div {
background-color: var(--scorm-push-progress_bar-color, #313131);
}
}
/* scorm push - END */
/* scorm buttons - START */
button.comp_scorm-btn,
a.comp_scorm-btn {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-transform: var(--scorm-btn-text_transformation, uppercase);
font-weight: bold;
font-family: var(--scorm-btn-font_family, inherit);
padding: var(--scorm-btn-py) var(--scorm-btn-px);
border-radius: var(--button-border-radius);
border: var(--button-border-width, 1px) solid transparent;
transition: all 0.3s ease-in-out;
text-decoration: none !important;
--btn-color-main: var(--scorm-btn-color-light, #ffffff);
--btn-color-secondary: var(--scorm-btn-color-base, #313131);
color: var(--btn-color-main);
background-color: var(--btn-color-secondary);
border-color: var(--btn-color-secondary);
&.comp_scorm-btn--theme-light {
--btn-color-main: var(--scorm-btn-color-base, #313131);
--btn-color-secondary: transparent;
border-color: var(--btn-color-main);
&:hover {
--btn-color-secondary: var(--scorm-btn-color-light, #ffffff);
}
}
&.comp_scorm-btn--theme-second {
--btn-color-secondary: var(--scorm-btn-color-secondary, #638062);
}
&.comp_scorm-btn--theme-third {
--btn-color-main: var(--scorm-btn-color-base, #313131);
--btn-color-secondary: var(--scorm-btn-color-third, #b1b1b1);
}
&:disabled,
&.comp_scorm-btn--theme-disabled {
--btn-color-main: var(--scorm-btn-color-disabled_dark, #c9c9c9);
--btn-color-secondary: var(--scorm-btn-color-disabled_light, #dddddd);
}
&:hover:not(:disabled):not(.comp_scorm-btn--theme-disabled) {
background-color: var(--btn-color-main);
color: var(--btn-color-secondary);
&:after {
background-color: var(--btn-color-secondary);
}
}
}
.comp_scorm-btn--style-start_again,
.comp_scorm-btn--style-download,
.comp_scorm-btn--style-arrow,
.comp_scorm-btn--style-arrow_back,
.comp_scorm-btn--style-dropdown {
display: flex;
align-items: center;
gap: 0.5rem;
&:after {
content: '';
transition: all 0.3s ease-in-out;
background-color: var(--btn-color-main, #ffffff);
width: 1rem;
height: 1rem;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
}
.comp_scorm-btn--style-start_again {
&:after {
-webkit-mask-image: var(--button-icon-start_again);
mask-image: var(--button-icon-start_again);
}
&:hover:after {
transform: rotate(180deg);
}
}
.comp_scorm-btn--style-download:after {
-webkit-mask-image: var(--button-icon-download);
mask-image: var(--button-icon-download);
}
.comp_scorm-btn--style-arrow:after {
-webkit-mask-image: var(--button-icon-arrow);
mask-image: var(--button-icon-arrow);
}
.comp_scorm-btn--style-arrow_back {
flex-direction: row-reverse;
&:after {
-webkit-mask-image: var(--button-icon-arrow);
mask-image: var(--button-icon-arrow);
transform: rotateY(180deg);
}
}
.comp_scorm-btn--style-dropdown {
&:after {
transition: all 0.3s ease-in-out;
-webkit-mask-image: var(--button-icon-chevron);
mask-image: var(--button-icon-chevron);
-webkit-mask-size: 200%;
mask-size: 200%;
}
&.active:after {
transform: rotateX(180deg);
}
&:hover {
background-color: var(--scorm-btn-color-dropdown, rgba(0, 0, 0, 0.1));
}
}
/* scorm buttons - END */
/* scorm other - START */
.scorm-container--inner {
@media (min-width: 768px) {
padding: 0 var(--scorm-container-inner-padding, 0);
}
}
.comp_scorm-push_my_profile {
background-color: var(--scorm-banner-bg-color, rgb(244, 246, 252));
border-radius: var(--scorm-banner-border-radius, 1rem);
border: 1px solid var(--scorm-banner-border-color, #b2b2b2);
}
.comp_scorm-module_detail_banner {
background-color: var(--scorm-banner-bg-color, #F4F6FC);
border-radius: var(--scorm-banner-border-radius, 1rem);
}
.comp_scorm-title {
color: var(--scorm-text-color, #313131);
}
@media (min-width: 768px) {
.scorm-ui-player-iframe-wrapper iframe {
min-height: auto !important;
max-height: calc(100svh - var(--scorm-course_detail-top_offset, 0));
}
}
/* scorm other - END */
/* tippy bubble - START */
.tippy-box[data-theme~='comp-scorm'] {
background-color: #F4F6FC;
color: var(--scorm-bubble-text-color, #1B1464);
border-radius: 16px;
padding: 30px;
max-width: 420px;
box-shadow:
0px 3px 7px rgba(21, 20, 95, 0.05),
0px 14px 14px rgba(21, 20, 95, 0.05);
border: 1px solid var(--scorm-bubble-border-color, #b2b2b2);
}
.tippy-box[data-theme~='comp-scorm'] .tippy-arrow {
color: #F4F6FC;
}
.tippy-box[data-theme~='comp-scorm'] .tippy-content {
display: contents;
}
.comp_scorm-info_bubble-close svg path {
fill: var(--scorm-bubble-text-color, #1B1464);
}
/* tippy bubble - END */
/* other paragraphs adjustment - START */
.system_main_block:has(.paragraph--type--component-scorm) {
.paragraph--type--c-grid {
margin-top: var(--scorm-paragraphs-spacing, 3.5rem);
margin-bottom: var(--scorm-paragraphs-spacing, 3.5rem);
}
.adv-grid-container {
padding-top: 0;
padding-bottom: 0;
}
}
/* other paragraphs adjustment - END */
/* view adjustment - START */
.comp_scorm-all_courses-list_wrapper .views-view-grid,
#block-views-block-adv-scorm-courses-master .views-view-grid {
margin-bottom: 0px;
gap: 2.5rem;
}
@media (min-width: 768px) {
.comp_scorm-all_courses-list_wrapper .views-view-grid,
#block-views-block-adv-scorm-courses-master .views-view-grid {
gap: 3.5rem;
}
}
/* view adjustment - END */
/* fonts */
@font-face {
font-family: 'VAGRounded';
font-weight: 100 499;
/* Thin pokryje vÅ¡echny nÃzké váhy */
font-style: normal;
src: url('/themes/custom/myrenal_components/webfonts/VAGRoundedStd-Thin.woff2') format('woff2'),
url('/themes/custom/myrenal_components/webfonts/VAGRoundedStd-Thin.woff') format('woff');
}
@font-face {
font-family: 'VAGRounded';
font-weight: 500 900;
font-style: normal;
src: url('/themes/custom/myrenal_components/webfonts/VAGRoundedStd-Bold.woff2') format('woff2'),
url('/themes/custom/myrenal_components/webfonts/VAGRoundedStd-Bold.woff') format('woff');
}
.adv-components_wrapper {
* {
font-family: 'VAGRounded', sans-serif;
}
.h5 {
font-weight: 700;
}
.h6 {
font-weight: 700;
}
ol li {
&::marker {
font-weight: bold;
}
}
}
.wysiwyg-text:is(
[class^="text-f-"],
[class*=" text-f-"],
[class^="text-n-"],
[class*=" text-n-"]
) {
ul {
li {
color: inherit;
}
}
}
.paragraph--type--component-title:not(
[class^="text-f-"],
[class*=" text-f-"],
[class^="text-n-"],
[class*=" text-n-"]
) {
--tw-text-opacity: 1;
color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}
.paragraph--type--component-title > * {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0;
}
.paragraph--type--component-title:not(:last-child) {
margin-bottom: var(--layout-grid-item-gap);
}
.paragraph--type--component-title:last-child {
margin-bottom: 0;
}
.adv-title-underline * {
display: inline-block;
position: relative;
&:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 7px;
/* výška SVG */
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: -1;
}
}
/* sort after dev */
/* text */
.wysiwyg-text a {
font-weight: 700;
text-decoration: underline;
}
.wysiwyg-text li {
font-size: 17px;
line-height: 1.65em;
}
/* wysiwyg table */
.wysiwyg-text .comp-table-wrapper table {
border-radius: var(--wsg-table-border-radius);
tr {
background-color: var(--wsg-table-bg-color);
}
tr td:first-of-type {
color: var(--wsg-table-label-color);
}
tr:hover td,
tr:hover td:nth-of-type(2n) {
background-color: var(--wsg-table-bg-hover-color);
}
td {
border-color: var(--wsg-table-border-color);
p {
color: var(--wsg-table-text-color);
}
}
tr td:nth-of-type(2n) {
background-color: var(--wsg-table-bg-alt-color);
}
}
.adv-container-wide > .adv-grid-container {
max-width: calc(1240px + (2 * 1rem)) !important;
}
.paragraph--type--c-grid-item:not(.style-clean) {
overflow: hidden;
border-radius: 1.5rem;
}
@media not all and (min-width: 1024px) {
.paragraph--type--c-grid-item:not(.style-clean) {
padding: 2rem;
}
}
@media (min-width: 1024px) {
.paragraph--type--c-grid-item:not(.style-clean) {
padding: 3.5rem;
}
}
.hero-inner-img,
.hero-inner-default {
.paragraph--type--component-title {
* {
font-family: VAGRounded, sans-serif;
}
* {
font-size: 36px;
line-height: 1.2em;
}
* {
font-weight: 700;
}
* {
--tw-text-opacity: 1;
color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
* {
font-size: 40px;
line-height: 1.2em;
}
}
&:not(:last-child) {
margin-bottom: 24px;
}
}
/* .wysiwyg-text * {
@apply !text-n-neutral-700 text-n-body-3;
} */
}
.hero-inner-img {
--tw-bg-opacity: 1;
background-color: rgb(5 128 111 / var(--tw-bg-opacity, 1));
display: grid;
@media (min-width: 1024px) {
grid-template-columns: 1fr minmax(0, 600px) calc(50% + 100px);
.hero-inner {
transform: translateX(100px);
}
}
@media (max-width: 1024px) {
.hero__image {
order: -1;
img {
width: 100%;
}
}
.hero-inner {
padding-left: 1rem;
padding-right: 1rem;
}
.hero-inner {
margin-top: -100px;
}
}
}
.hero__content .paragraph--type--component-link {
margin-top: 0 !important;
}
.adv_header_product {
position: relative;
@media screen and (min-width: 768px) {
&:before {
content: "";
position: absolute;
inset-inline-start: calc(50% - 100px);
inset-inline-end: 0;
top: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.2);
}
}
.adv_header_product-content {
z-index: 1;
margin-left: auto;
margin-right: auto;
width: 100%;
@media screen and (min-width: 768px) {
max-width: calc(1240px + (2 * 1rem));
padding: 80px 1rem;
}
@media not screen and (min-width: 768px) {
padding: 40px 16px;
}
.wysiwyg-text {
ul,
ol {
* {
font-size: 17px !important;
}
}
}
}
.hero-img {
position: relative;
@media not screen and (min-width: 768px) {
order: -1;
&:before {
content: "";
position: absolute;
inset-inline-start: -16px;
inset-inline-end: -16px;
top: -40px;
bottom: -100px;
background-color: rgba(255, 255, 255, 0.2);
}
}
img {
width: 100%;
aspect-ratio: 1;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
}
}
.btn {
&.btn-outline {
--btn-color: var(--btn-col_theme-second);
--btn-bg: var(--btn-col_theme-main);
--btn-hover-color: var(--btn-col_theme-second);
--btn-hover-bg: var(--btn-col_theme-main_darker);
--btn-active-color: var(--btn-col_theme-second);
--btn-active-bg: var(--btn-col_theme-main_darker);
--btn-focus-color: var(--btn-col_theme-second);
--btn-focus-bg: var(--btn-col_theme-main_darker);
border-color: rgba(255, 255, 255, 0.5) !important;
}
&.btn-outline_full {
--btn-bg: var(--btn-col_theme-second);
--btn-border_color: rgba(230, 0, 126, 0.5);
}
&.btn-link {
--btn-focus-border_color: transparent;
--btn-px: 0;
--btn-py: 0;
outline: none;
&:hover {
--btn-underline: underline;
}
}
&:is(.btn--icon-arrow) {
&::after {
height: calc(1em + 2px);
width: calc(1em + 2px);
}
}
}
.paragraph--type--component-quote {
background-color: #fff;
padding: 4rem 3.5rem 2.5rem;
border-radius: 24px;
position: relative;
text-align: center;
.quote-mark {
display: none;
}
&::before,
&::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 100%;
background: rgb(230, 0, 126);
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
&::after {
left: 1px;
background: #fff;
transform: scaleX(0.6);
transform-origin: right;
}
.quote-text * {
color: rgb(41, 37, 36);
font-size: 20px;
line-height: 1.5;
}
.quote-author {
margin-top: 24px;
}
.quote-author-name {
margin-top: 24px;
font-weight: 700;
font-size: 18px;
line-height: 1.6;
color: rgb(230, 0, 126);
}
.quote-author-sub {
margin-top: 16px;
color: rgb(68, 64, 60);
}
}
/* tips */
.paragraph--type--c-grid > .grid:has(.show-numbering) {
counter-reset: index;
}
.show-numbering:before {
counter-increment: index;
content: counter(index, decimal-leading-zero);
font-size: 28px;
position: relative;
top: -12px;
}
.myrenal-tip {
display: flex;
height: 100%;
flex-direction: column;
border-radius: 1.5rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.myrenal-tip {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media not all and (min-width: 768px) {
.myrenal-tip {
padding: 2rem;
}
}
@media (min-width: 768px) {
.myrenal-tip {
padding: 2.5rem;
}
}
.myrenal-tip {
.tip-image:not(:empty),
.paragraph--type--component-title:not(:last-child),
.paragraph--type--component-text:not(:last-child) {
margin-bottom: 24px;
}
.tip-image {
a,
time,
span {
display: none;
}
}
.paragraph--type--c-grid,
.adv-grid-container {
height: 100%;
}
.paragraph--type--c-grid-item {
display: flex;
flex-direction: column;
}
.paragraph--type--component-link {
margin-top: auto;
}
}
.style-card {
@media not all and (min-width: 768px) {
&.paragraph--type--c-grid-item {
padding: 2rem;
}
}
@media (min-width: 768px) {
&.paragraph--type--c-grid-item {
padding: 5rem;
}
}
&.paragraph--type--c-grid-item {
& > .paragraph--type--component-title,
& > .paragraph--type--component-text {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
}
.adv-grid-container:has(.paragraph--type--component-image) {
align-items: center;
@media screen and (min-width: 1024px) {
grid-template-columns: minmax(0, 1fr) minmax(0, 432px);
gap: 3.5rem;
}
@media not screen and (min-width: 1024px) {
gap: 1.5rem;
}
}
.paragraph--type--component-title,
.paragraph--type--component-text {
&:not(:last-child) {
margin-bottom: 24px;
}
}
.paragraph--type--component-image {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 16px;
aspect-ratio: 1;
justify-content: center;
align-content: center;
div {
display: contents;
}
img {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
}
.btn {
@media not screen and (min-width: 768px) {
max-width: 100%;
width: 100%;
}
}
}
.style-doc {
--tw-bg-opacity: 1;
background-color: rgb(5 128 111 / var(--tw-bg-opacity, 1));
@media (min-width: 768px) {
&:has(.adv-grid-container) {
padding-left: 6rem;
padding-right: 6rem;
}
}
@media (min-width: 768px) {
&:has(.adv-grid-container) {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
&:not(:has(.adv-grid-container)) {
display: flex;
}
&:not(:has(.adv-grid-container)) {
flex-direction: column;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&:not(:has(.adv-grid-container)) {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&:not(:has(.adv-grid-container)) {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&:not(:has(.adv-grid-container)) {
justify-content: center;
}
}
@media (min-width: 768px) {
&:not(:has(.adv-grid-container)) {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 768px) {
&:not(:has(.adv-grid-container)) {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
&:not(:has(.adv-grid-container)) {
.paragraph--type--component-file {
margin-top: auto;
}
}
.paragraph--type--component-title,
.paragraph--type--component-text {
* {
color: #fff !important;
}
}
.adv-grid-container {
align-items: center;
}
@media not all and (min-width: 768px) {
.adv-grid-container {
gap: 1.5rem;
}
}
@media (min-width: 768px) {
.adv-grid-container {
gap: 3.5rem;
}
}
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item.style-contact {
padding-left: 6rem;
padding-right: 6rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.paragraph--type--c-grid-item.style-contact {
& > .paragraph--type--c-grid {
max-width: 700px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
.adv-grid-container {
justify-content: center;
}
.adv-grid-container {
gap: 3.5rem;
}
.paragraph--type--component-image {
margin-bottom: 38px;
}
.paragraph--type--component-text * {
color: inherit;
font-weight: inherit;
}
}
}
.component-accordion-item {
margin-bottom: 0px;
border-radius: 0.5rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
.accordion-button {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.accordion-button {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.accordion-button {
font-size: 18px;
}
.accordion-button {
font-weight: 700;
}
.accordion-button {
--tw-text-opacity: 1;
color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}
.accordion-button {
background-color: transparent;
background-image: none;
border: none;
}
.accordion-button:after {
--tw-bg-opacity: 1;
background-color: rgb(138 0 76 / var(--tw-bg-opacity, 1));
}
.accordion-button:after {
--myrenal-mask: url('data:image/svg+xml,') no-repeat center;
--accordion-mask: var(--myrenal-mask);
transition: all 0.3s ease-in-out;
}
&.open .accordion-button:after {
--tw-bg-opacity: 1;
background-color: rgb(230 0 126 / var(--tw-bg-opacity, 1));
}
&.open .accordion-button:after {
--accordion-mask: var(--myrenal-mask);
transform: rotateX(180deg);
}
&:not(.open):hover {
--tw-bg-opacity: 1;
background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}
&.open .accordion-button {
padding-bottom: 1rem;
}
&.open .accordion-button {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
&.open .accordion-button {
padding-bottom: 1.5rem;
}
}
&:has(+ &) {
margin-bottom: 1rem !important;
}
&:not(:last-child) {
margin-bottom: var(--layout-grid-item-gap);
}
.accordion-body {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.accordion-body {
padding-bottom: 1.25rem;
}
.accordion-body img {
border-radius: 10px;
}
}
.wysiwyg-text table,
.paragraph--type--component-table table {
tbody tr:nth-child(2n + 1) {
background-color: rgb(255,255,255);
}
tbody tr:nth-child(2n) {
background-color: rgb(236, 252, 249);
}
}
/* @import url("https://use.typekit.net/riq5lhn.css"); */
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
html {
--tw-text-opacity: 1;
color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.tham {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition-timing-function: linear;
transition-duration: .15s;
transition-property: opacity;
}
.tham:hover {
opacity: 0.7;
}
.tham-box {
position: relative;
display: inline-block;
}
.tham-inner {
top: 50%;
display: block;
background-color: #000;
position: absolute;
border-radius: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
.tham-inner::before {
content: "";
background-color: inherit;
position: absolute;
display: block;
border-radius: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
.tham-inner::after {
content: "";
background-color: inherit;
position: absolute;
display: block;
border-radius: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
.tham.tham-w-4.tham-e-slider .tham-inner {
top: 1px;
}
.tham.tham-w-4.tham-e-slider .tham-inner::before {
top: 4px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-4.tham-e-slider .tham-inner::after {
top: 8px;
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 4px, 0) rotate(45deg);
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-2.2857142857142856px, -2px, 0);
opacity: 0;
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -8px, 0) rotate(-90deg);
}
.tham.tham-e-squeeze .tham-inner {
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-duration: 75ms;
}
.tham.tham-e-squeeze .tham-inner::before {
transition: top 75ms ease .12s,opacity 75ms ease;
}
.tham.tham-e-squeeze .tham-inner::after {
transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.tham.tham-e-squeeze.tham-active .tham-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
transform: rotate(45deg);
}
.tham.tham-e-squeeze.tham-active .tham-inner::before {
top: 0;
transition: top 75ms ease,opacity 75ms ease .12s;
opacity: 0;
}
.tham.tham-e-squeeze.tham-active .tham-inner::after {
bottom: 0;
transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
transform: rotate(-90deg);
}
.tham.tham-w-4.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-3.20px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-3.20px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-4.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-4.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-3.20px, -4.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-4.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-3.20px, 4.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(3.20px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(3.20px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-4.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-4.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-4.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-5.tham-e-slider .tham-inner {
top: 1.25px;
}
.tham.tham-w-5.tham-e-slider .tham-inner::before {
top: 5px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-5.tham-e-slider .tham-inner::after {
top: 10px;
}
.tham.tham-w-5.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 5px, 0) rotate(45deg);
}
.tham.tham-w-5.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-2.857142857142857px, -2.5px, 0);
opacity: 0;
}
.tham.tham-w-5.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -10px, 0) rotate(-90deg);
}
.tham.tham-w-5.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-4.00px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-5.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-4.00px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-5.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-5.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-5.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-4.00px, -5.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-5.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-4.00px, 5.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-5.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-5.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(4.00px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-5.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(4.00px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-5.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-5.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-5.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-5.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-5.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-5.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-6.tham-e-slider .tham-inner {
top: 1.5px;
}
.tham.tham-w-6.tham-e-slider .tham-inner::before {
top: 6px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-6.tham-e-slider .tham-inner::after {
top: 12px;
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 6px, 0) rotate(45deg);
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-3.4285714285714284px, -3px, 0);
opacity: 0;
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -12px, 0) rotate(-90deg);
}
.tham.tham-w-6.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-4.80px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-4.80px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-6.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-6.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-4.80px, -6.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-6.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-4.80px, 6.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(4.80px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(4.80px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-6.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-6.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-6.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-7.tham-e-slider .tham-inner {
top: 1.75px;
}
.tham.tham-w-7.tham-e-slider .tham-inner::before {
top: 7px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-7.tham-e-slider .tham-inner::after {
top: 14px;
}
.tham.tham-w-7.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 7px, 0) rotate(45deg);
}
.tham.tham-w-7.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-4px, -3.5px, 0);
opacity: 0;
}
.tham.tham-w-7.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -14px, 0) rotate(-90deg);
}
.tham.tham-w-7.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-5.60px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-7.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-5.60px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-7.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-7.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-7.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-5.60px, -7.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-7.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-5.60px, 7.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-7.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-7.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(5.60px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-7.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(5.60px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-7.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-7.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-7.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-7.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-7.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-7.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-8.tham-e-slider .tham-inner {
top: 2px;
}
.tham.tham-w-8.tham-e-slider .tham-inner::before {
top: 8px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-8.tham-e-slider .tham-inner::after {
top: 16px;
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-4.571428571428571px, -4px, 0);
opacity: 0;
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -16px, 0) rotate(-90deg);
}
.tham.tham-w-8.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-6.40px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-6.40px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-8.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-8.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-6.40px, -8.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-8.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-6.40px, 8.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(6.40px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(6.40px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-8.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-8.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-8.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-9.tham-e-slider .tham-inner {
top: 2.25px;
}
.tham.tham-w-9.tham-e-slider .tham-inner::before {
top: 9px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-9.tham-e-slider .tham-inner::after {
top: 18px;
}
.tham.tham-w-9.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 9px, 0) rotate(45deg);
}
.tham.tham-w-9.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-5.142857142857143px, -4.5px, 0);
opacity: 0;
}
.tham.tham-w-9.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -18px, 0) rotate(-90deg);
}
.tham.tham-w-9.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-7.20px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-9.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-7.20px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-9.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-9.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-9.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-7.20px, -9.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-9.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-7.20px, 9.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-9.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-9.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(7.20px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-9.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(7.20px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-9.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-9.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-9.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-9.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-9.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-9.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-10.tham-e-slider .tham-inner {
top: 2.5px;
}
.tham.tham-w-10.tham-e-slider .tham-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-10.tham-e-slider .tham-inner::after {
top: 20px;
}
.tham.tham-w-10.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.tham.tham-w-10.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-5.714285714285714px, -5px, 0);
opacity: 0;
}
.tham.tham-w-10.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.tham.tham-w-10.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-8.00px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-10.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-8.00px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-10.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-10.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-10.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-8.00px, -10.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-10.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-8.00px, 10.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-10.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-10.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(8.00px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-10.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(8.00px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-10.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-10.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-10.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-10.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-10.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-10.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-11.tham-e-slider .tham-inner {
top: 2.75px;
}
.tham.tham-w-11.tham-e-slider .tham-inner::before {
top: 11px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-11.tham-e-slider .tham-inner::after {
top: 22px;
}
.tham.tham-w-11.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.tham.tham-w-11.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-6.285714285714286px, -5.5px, 0);
opacity: 0;
}
.tham.tham-w-11.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -22px, 0) rotate(-90deg);
}
.tham.tham-w-11.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-8.80px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-11.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-8.80px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-11.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-11.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-11.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-8.80px, -11.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-11.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-8.80px, 11.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-11.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-11.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(8.80px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-11.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(8.80px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-11.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-11.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-11.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-11.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-11.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-11.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-12.tham-e-slider .tham-inner {
top: 3px;
}
.tham.tham-w-12.tham-e-slider .tham-inner::before {
top: 12px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.tham.tham-w-12.tham-e-slider .tham-inner::after {
top: 24px;
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner {
transform: translate3d(0, 12px, 0) rotate(45deg);
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner::before {
transform: rotate(-45deg) translate3d(-6.857142857142857px, -6px, 0);
opacity: 0;
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner::after {
transform: translate3d(0, -24px, 0) rotate(-90deg);
}
.tham.tham-w-12.tham-e-arrow.tham-active .tham-inner::before {
transform: translate3d(-9.60px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-arrow.tham-active .tham-inner::after {
transform: translate3d(-9.60px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-arrow-alt .tham-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-12.tham-e-arrow-alt .tham-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tham.tham-w-12.tham-e-arrow-alt.tham-active .tham-inner::before {
top: 0;
transform: translate3d(-9.60px, -12.00px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-12.tham-e-arrow-alt.tham-active .tham-inner::after {
bottom: 0;
transform: translate3d(-9.60px, 12.00px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner {
transform: rotate(-180deg);
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner::before {
transform: translate3d(9.60px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner::after {
transform: translate3d(9.60px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.tham.tham-w-12.tham-e-spin .tham-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-12.tham-e-spin .tham-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.tham.tham-w-12.tham-e-spin .tham-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tham-w-4 .tham-box {
width: 16px;
height: 10px;
}
.tham-w-4 .tham-inner {
margin-top: -1px;
width: 16px;
height: 2px;
}
.tham-w-4 .tham-inner::before {
width: 16px;
height: 2px;
top: -4px;
}
.tham-w-4 .tham-inner::after {
width: 16px;
height: 2px;
bottom: -4px;
}
.tham-w-5 .tham-box {
width: 20px;
height: 12.5px;
}
.tham-w-5 .tham-inner {
margin-top: -1.25px;
width: 20px;
height: 2.5px;
}
.tham-w-5 .tham-inner::before {
width: 20px;
height: 2.5px;
top: -5px;
}
.tham-w-5 .tham-inner::after {
width: 20px;
height: 2.5px;
bottom: -5px;
}
.tham-w-6 {
width: 24px;
height: 15px;
}
.tham-w-6 .tham-box {
width: 24px;
height: 15px;
}
.tham-w-6 .tham-inner {
margin-top: -1.5px;
width: 24px;
height: 3px;
}
.tham-w-6 .tham-inner::before {
width: 24px;
height: 3px;
top: -6px;
}
.tham-w-6 .tham-inner::after {
width: 24px;
height: 3px;
bottom: -6px;
}
.tham-w-7 .tham-box {
width: 28px;
height: 17.5px;
}
.tham-w-7 .tham-inner {
margin-top: -1.75px;
width: 28px;
height: 3.5px;
}
.tham-w-7 .tham-inner::before {
width: 28px;
height: 3.5px;
top: -7px;
}
.tham-w-7 .tham-inner::after {
width: 28px;
height: 3.5px;
bottom: -7px;
}
.tham-w-8 .tham-box {
width: 32px;
height: 20px;
}
.tham-w-8 .tham-inner {
margin-top: -2px;
width: 32px;
height: 4px;
}
.tham-w-8 .tham-inner::before {
width: 32px;
height: 4px;
top: -8px;
}
.tham-w-8 .tham-inner::after {
width: 32px;
height: 4px;
bottom: -8px;
}
.tham-w-9 .tham-box {
width: 36px;
height: 22.5px;
}
.tham-w-9 .tham-inner {
margin-top: -2.25px;
width: 36px;
height: 4.5px;
}
.tham-w-9 .tham-inner::before {
width: 36px;
height: 4.5px;
top: -9px;
}
.tham-w-9 .tham-inner::after {
width: 36px;
height: 4.5px;
bottom: -9px;
}
.tham-w-10 .tham-box {
width: 40px;
height: 25px;
}
.tham-w-10 .tham-inner {
margin-top: -2.5px;
width: 40px;
height: 5px;
}
.tham-w-10 .tham-inner::before {
width: 40px;
height: 5px;
top: -10px;
}
.tham-w-10 .tham-inner::after {
width: 40px;
height: 5px;
bottom: -10px;
}
.tham-w-11 .tham-box {
width: 44px;
height: 27.5px;
}
.tham-w-11 .tham-inner {
margin-top: -2.75px;
width: 44px;
height: 5.5px;
}
.tham-w-11 .tham-inner::before {
width: 44px;
height: 5.5px;
top: -11px;
}
.tham-w-11 .tham-inner::after {
width: 44px;
height: 5.5px;
bottom: -11px;
}
.tham-w-12 .tham-box {
width: 48px;
height: 30px;
}
.tham-w-12 .tham-inner {
margin-top: -3px;
width: 48px;
height: 6px;
}
.tham-w-12 .tham-inner::before {
width: 48px;
height: 6px;
top: -12px;
}
.tham-w-12 .tham-inner::after {
width: 48px;
height: 6px;
bottom: -12px;
}
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.bottom-0\.5 {
bottom: 0.125rem;
}
.bottom-10 {
bottom: 2.5rem;
}
.bottom-2 {
bottom: 0.5rem;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.right-10 {
right: 2.5rem;
}
.top-0 {
top: 0px;
}
.top-full {
top: 100%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-50 {
z-index: 50;
}
.order-first {
order: -9999;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.\!mb-7 {
margin-bottom: 1.75rem !important;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-\[\.4em\] {
margin-bottom: .4em;
}
.mb-\[1\.2em\] {
margin-bottom: 1.2em;
}
.mb-\[1em\] {
margin-bottom: 1em;
}
.mb-\[22px\] {
margin-bottom: 22px;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.ml-2\.5 {
margin-left: 0.625rem;
}
.ml-auto {
margin-left: auto;
}
.mr-2 {
margin-right: 0.5rem;
}
.mt-0 {
margin-top: 0px;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-auto {
margin-top: auto;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.h-12 {
height: 3rem;
}
.h-2 {
height: 0.5rem;
}
.h-3 {
height: 0.75rem;
}
.h-\[100px\] {
height: 100px;
}
.h-\[16px\] {
height: 16px;
}
.h-\[600px\] {
height: 600px;
}
.h-\[70px\] {
height: 70px;
}
.h-\[92px\] {
height: 92px;
}
.h-full {
height: 100%;
}
.h-svh {
height: 100svh;
}
.min-h-\[300px\] {
min-height: 300px;
}
.min-h-\[380px\] {
min-height: 380px;
}
.w-12 {
width: 3rem;
}
.w-3 {
width: 0.75rem;
}
.w-\[100px\] {
width: 100px;
}
.w-\[14px\] {
width: 14px;
}
.w-\[92px\] {
width: 92px;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-full {
width: 100%;
}
.w-max {
width: -moz-max-content;
width: max-content;
}
.min-w-0 {
min-width: 0px;
}
.max-w-\[1240px\] {
max-width: 1240px;
}
.max-w-\[1400px\] {
max-width: 1400px;
}
.max-w-\[140px\] {
max-width: 140px;
}
.max-w-\[1768px\] {
max-width: 1768px;
}
.max-w-\[1920px\] {
max-width: 1920px;
}
.max-w-\[480px\] {
max-width: 480px;
}
.max-w-\[620px\] {
max-width: 620px;
}
.max-w-\[680px\] {
max-width: 680px;
}
.max-w-\[708px\] {
max-width: 708px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[850px\] {
max-width: 850px;
}
.max-w-\[90px\] {
max-width: 90px;
}
.max-w-full {
max-width: 100%;
}
.max-w-max {
max-width: -moz-max-content;
max-width: max-content;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.scale-125 {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.break-inside-avoid {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[1fr_3fr\] {
grid-template-columns: 1fr 3fr;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-0 {
gap: 0px;
}
.gap-1 {
gap: 0.25rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-12 {
gap: 3rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-2\.5 {
gap: 0.625rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-\[25px\] {
gap: 25px;
}
.gap-\[30px\] {
gap: 30px;
}
.gap-gridGap {
gap: 1.5rem;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-\[20px\] {
border-radius: 20px;
}
.rounded-\[40px\] {
border-radius: 40px;
}
.rounded-baseRadius {
border-radius: 24px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.border {
border-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-t {
border-top-width: 1px;
}
.border-t-4 {
border-top-width: 4px;
}
.\!border-none {
border-style: none !important;
}
.border-bg-light {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-border-primary-light {
border-color: rgba(216, 196, 255, 1);
}
.border-f-secondary {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.border-n-grayscale-200 {
--tw-border-opacity: 1;
border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}
.bg-bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-bg-dark {
--tw-bg-opacity: 1;
background-color: rgb(28 25 23 / var(--tw-bg-opacity, 1));
}
.bg-bg-dark\/50 {
background-color: rgb(28 25 23 / 0.5);
}
.bg-bg-footer {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.bg-bg-header {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-bg-light {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-bg-main {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.bg-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-n-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-50 {
--tw-bg-opacity: 1;
background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}
.bg-n-primary-50 {
--tw-bg-opacity: 1;
background-color: rgb(252 229 242 / var(--tw-bg-opacity, 1));
}
.bg-n-secondary-100 {
--tw-bg-opacity: 1;
background-color: rgb(253 233 206 / var(--tw-bg-opacity, 1));
}
.bg-n-secondary-300 {
--tw-bg-opacity: 1;
background-color: rgb(248 190 107 / var(--tw-bg-opacity, 1));
}
.bg-n-secondary-400 {
--tw-bg-opacity: 1;
background-color: rgb(245 168 57 / var(--tw-bg-opacity, 1));
}
.bg-n-secondary-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 244 230 / var(--tw-bg-opacity, 1));
}
.bg-n-tertiary-100 {
--tw-bg-opacity: 1;
background-color: rgb(205 230 226 / var(--tw-bg-opacity, 1));
}
.bg-n-tertiary-400 {
--tw-bg-opacity: 1;
background-color: rgb(55 153 140 / var(--tw-bg-opacity, 1));
}
.bg-n-tertiary-500 {
--tw-bg-opacity: 1;
background-color: rgb(5 128 111 / var(--tw-bg-opacity, 1));
}
.bg-n-transparent {
background-color: rgba(0,0,0,0);
}
.bg-n-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
background-color: rgba(0,0,0,0);
}
.bg-opacity-20 {
--tw-bg-opacity: 0.2;
}
.fill-bg-light {
fill: rgb(255, 255, 255);
}
.fill-bg-main {
fill: rgb(35, 25, 73);
}
.fill-f-primary {
fill: rgb(230, 0, 126);
}
.\!p-6 {
padding: 1.5rem !important;
}
.p-10 {
padding: 2.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-7 {
padding: 1.75rem;
}
.p-8 {
padding: 2rem;
}
.p-\[30px_40px_40px\] {
padding: 30px 40px 40px;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.px-28 {
padding-left: 7rem;
padding-right: 7rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-40 {
padding-left: 10rem;
padding-right: 10rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.py-\[30px\] {
padding-top: 30px;
padding-bottom: 30px;
}
.py-defaultYMob {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-14 {
padding-bottom: 3.5rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pb-28 {
padding-bottom: 7rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-32 {
padding-bottom: 8rem;
}
.pb-36 {
padding-bottom: 9rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-40 {
padding-bottom: 10rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-7 {
padding-bottom: 1.75rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-9 {
padding-bottom: 2.25rem;
}
.pl-0 {
padding-left: 0px;
}
.pl-1 {
padding-left: 0.25rem;
}
.pl-10 {
padding-left: 2.5rem;
}
.pl-12 {
padding-left: 3rem;
}
.pl-16 {
padding-left: 4rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-20 {
padding-left: 5rem;
}
.pl-24 {
padding-left: 6rem;
}
.pl-28 {
padding-left: 7rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-32 {
padding-left: 8rem;
}
.pl-36 {
padding-left: 9rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-40 {
padding-left: 10rem;
}
.pl-5 {
padding-left: 1.25rem;
}
.pl-7 {
padding-left: 1.75rem;
}
.pl-8 {
padding-left: 2rem;
}
.pl-9 {
padding-left: 2.25rem;
}
.pr-0 {
padding-right: 0px;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-10 {
padding-right: 2.5rem;
}
.pr-12 {
padding-right: 3rem;
}
.pr-16 {
padding-right: 4rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-20 {
padding-right: 5rem;
}
.pr-24 {
padding-right: 6rem;
}
.pr-28 {
padding-right: 7rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pr-32 {
padding-right: 8rem;
}
.pr-36 {
padding-right: 9rem;
}
.pr-4 {
padding-right: 1rem;
}
.pr-40 {
padding-right: 10rem;
}
.pr-5 {
padding-right: 1.25rem;
}
.pr-7 {
padding-right: 1.75rem;
}
.pr-8 {
padding-right: 2rem;
}
.pr-9 {
padding-right: 2.25rem;
}
.pt-0 {
padding-top: 0px;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-14 {
padding-top: 3.5rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-2\.5 {
padding-top: 0.625rem;
}
.pt-20 {
padding-top: 5rem;
}
.pt-24 {
padding-top: 6rem;
}
.pt-28 {
padding-top: 7rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-32 {
padding-top: 8rem;
}
.pt-36 {
padding-top: 9rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-40 {
padding-top: 10rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-7 {
padding-top: 1.75rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-9 {
padding-top: 2.25rem;
}
.pt-\[14px\] {
padding-top: 14px;
}
.pt-\[70px\] {
padding-top: 70px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[21px\] {
font-size: 21px;
}
.text-\[28px\] {
font-size: 28px;
}
.text-\[32px\] {
font-size: 32px;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-base\/4 {
font-size: 1rem;
line-height: 1rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-n-body-1 {
font-size: 14px;
line-height: 1.65em;
}
.text-n-heading-2 {
font-size: 36px;
line-height: 1.2em;
}
.text-n-subheading {
font-size: 22px;
line-height: 1.2em;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.leading-\[1\.2em\] {
line-height: 1.2em;
}
.leading-\[1em\] {
line-height: 1em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.\!text-f-primary {
--tw-text-opacity: 1 !important;
color: rgb(230 0 126 / var(--tw-text-opacity, 1)) !important;
}
.text-f-dark {
--tw-text-opacity: 1;
color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}
.text-f-error {
--tw-text-opacity: 1;
color: rgb(190 65 65 / var(--tw-text-opacity, 1));
}
.text-f-gray {
--tw-text-opacity: 1;
color: rgb(172 172 172 / var(--tw-text-opacity, 1));
}
.text-f-light {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-f-primary {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
.text-f-secondary {
--tw-text-opacity: 1;
color: rgb(140 185 224 / var(--tw-text-opacity, 1));
}
.text-n-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-n-grayscale-800 {
--tw-text-opacity: 1;
color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}
.text-n-neutral-800 {
--tw-text-opacity: 1;
color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}
.text-n-neutral-900 {
--tw-text-opacity: 1;
color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}
.text-n-primary-500 {
--tw-text-opacity: 1;
color: rgb(230 0 126 / var(--tw-text-opacity, 1));
}
.text-n-primary-950 {
--tw-text-opacity: 1;
color: rgb(23 0 13 / var(--tw-text-opacity, 1));
}
.underline {
text-decoration-line: underline;
}
.opacity-0 {
opacity: 0;
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-menu {
--tw-shadow: 0px 8px 20px 0px #00000014;
--tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
outline-style: solid;
}
.drop-shadow-menu {
--tw-drop-shadow: drop-shadow(0px 8px 20px #00000014);
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);
}
.grayscale {
--tw-grayscale: grayscale(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-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-shadow {
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-500 {
transition-duration: 500ms;
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\@container {
container-type: inline-size;
}
.last\:mb-0:last-child {
margin-bottom: 0px;
}
.last\:mt-12:last-child {
margin-top: 3rem;
}
.first-of-type\:rounded-t-\[10px\]:first-of-type {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.last-of-type\:rounded-b-\[10px\]:last-of-type {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.last-of-type\:pb-0:last-of-type {
padding-bottom: 0px;
}
.hover\:bg-bg-dark\/100:hover {
background-color: rgb(28 25 23 / 1);
}
.hover\:bg-bg-light:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-bg-main:hover {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:shadow-menuHover:hover {
--tw-shadow: 0px 12px 26px 0px #00000030;
--tw-shadow-colored: 0px 12px 26px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:\!text-f-light {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.group:focus .group-focus\:block {
display: block;
}
.group:active .group-active\:block {
display: block;
}
@container (min-width: 400px) {
.\@\[400px\]\:grid-cols-\[205px_auto\] {
grid-template-columns: 205px auto;
}
}
@media not all and (min-width: 1280px) {
.max-xl\:left-0 {
left: 0px;
}
.max-xl\:top-full {
top: 100%;
}
.max-xl\:order-first {
order: -9999;
}
.max-xl\:mb-5 {
margin-bottom: 1.25rem;
}
.max-xl\:mb-8 {
margin-bottom: 2rem;
}
.max-xl\:flex {
display: flex;
}
.max-xl\:\!hidden {
display: none !important;
}
.max-xl\:hidden {
display: none;
}
.max-xl\:h-full {
height: 100%;
}
.max-xl\:min-h-\[calc\(100svh\+70px\)\] {
min-height: calc(100svh + 70px);
}
.max-xl\:w-full {
width: 100%;
}
.max-xl\:flex-col {
flex-direction: column;
}
.max-xl\:items-center {
align-items: center;
}
.max-xl\:justify-center {
justify-content: center;
}
.max-xl\:gap-5 {
gap: 1.25rem;
}
.max-xl\:overflow-scroll {
overflow: scroll;
}
.max-xl\:bg-bg-main {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.max-xl\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.max-xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.max-xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.max-xl\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.max-xl\:\!text-left {
text-align: left !important;
}
.max-xl\:text-center {
text-align: center;
}
.max-xl\:text-n-heading-2-mob {
font-size: 32px;
line-height: 1.2em;
}
.max-xl\:text-f-light {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
}
@media not all and (min-width: 1024px) {
.max-lg\:order-first {
order: -9999;
}
.max-lg\:hidden {
display: none;
}
.max-lg\:pt-10 {
padding-top: 2.5rem;
}
}
@media not all and (min-width: 768px) {
.max-md\:mt-3 {
margin-top: 0.75rem;
}
.max-md\:hidden {
display: none;
}
.max-md\:w-full {
width: 100%;
}
.max-md\:flex-col {
flex-direction: column;
}
.max-md\:gap-6 {
gap: 1.5rem;
}
.max-md\:gap-gridGapMob {
gap: 1rem;
}
.max-md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 640px) {
.sm\:grid-cols-\[92px_auto\] {
grid-template-columns: 92px auto;
}
}
@media (min-width: 768px) {
.md\:mb-5 {
margin-bottom: 1.25rem;
}
.md\:mt-12 {
margin-top: 3rem;
}
.md\:mt-14 {
margin-top: 3.5rem;
}
.md\:mt-24 {
margin-top: 6rem;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:h-full {
height: 100%;
}
.md\:min-h-\[490px\] {
min-height: 490px;
}
.md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);
}
.md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,2fr);
}
.md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 4fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,4fr);
}
.md\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr);
}
.md\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
}
.md\:grid-cols-\[minmax\(0\2c 4fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,4fr) minmax(0,1fr);
}
.md\:flex-wrap {
flex-wrap: wrap;
}
.md\:items-start {
align-items: flex-start;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:gap-10 {
gap: 2.5rem;
}
.md\:gap-12 {
gap: 3rem;
}
.md\:gap-14 {
gap: 3.5rem;
}
.md\:gap-gridGap {
gap: 1.5rem;
}
.md\:gap-gridGapMob {
gap: 1rem;
}
.md\:self-end {
align-self: flex-end;
}
.md\:p-14 {
padding: 3.5rem;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.md\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.md\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.md\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.md\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.md\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.md\:px-28 {
padding-left: 7rem;
padding-right: 7rem;
}
.md\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.md\:px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-40 {
padding-left: 10rem;
padding-right: 10rem;
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.md\:px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.md\:px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.md\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.md\:py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.md\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.md\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.md\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.md\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.md\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.md\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.md\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.md\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.md\:py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.md\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.md\:py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.md\:py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.md\:pb-0 {
padding-bottom: 0px;
}
.md\:pb-1 {
padding-bottom: 0.25rem;
}
.md\:pb-10 {
padding-bottom: 2.5rem;
}
.md\:pb-12 {
padding-bottom: 3rem;
}
.md\:pb-16 {
padding-bottom: 4rem;
}
.md\:pb-2 {
padding-bottom: 0.5rem;
}
.md\:pb-20 {
padding-bottom: 5rem;
}
.md\:pb-24 {
padding-bottom: 6rem;
}
.md\:pb-28 {
padding-bottom: 7rem;
}
.md\:pb-3 {
padding-bottom: 0.75rem;
}
.md\:pb-32 {
padding-bottom: 8rem;
}
.md\:pb-36 {
padding-bottom: 9rem;
}
.md\:pb-4 {
padding-bottom: 1rem;
}
.md\:pb-40 {
padding-bottom: 10rem;
}
.md\:pb-5 {
padding-bottom: 1.25rem;
}
.md\:pb-7 {
padding-bottom: 1.75rem;
}
.md\:pb-8 {
padding-bottom: 2rem;
}
.md\:pb-9 {
padding-bottom: 2.25rem;
}
.md\:pl-0 {
padding-left: 0px;
}
.md\:pl-1 {
padding-left: 0.25rem;
}
.md\:pl-10 {
padding-left: 2.5rem;
}
.md\:pl-12 {
padding-left: 3rem;
}
.md\:pl-16 {
padding-left: 4rem;
}
.md\:pl-2 {
padding-left: 0.5rem;
}
.md\:pl-20 {
padding-left: 5rem;
}
.md\:pl-24 {
padding-left: 6rem;
}
.md\:pl-28 {
padding-left: 7rem;
}
.md\:pl-3 {
padding-left: 0.75rem;
}
.md\:pl-32 {
padding-left: 8rem;
}
.md\:pl-36 {
padding-left: 9rem;
}
.md\:pl-4 {
padding-left: 1rem;
}
.md\:pl-40 {
padding-left: 10rem;
}
.md\:pl-5 {
padding-left: 1.25rem;
}
.md\:pl-7 {
padding-left: 1.75rem;
}
.md\:pl-8 {
padding-left: 2rem;
}
.md\:pl-9 {
padding-left: 2.25rem;
}
.md\:pr-0 {
padding-right: 0px;
}
.md\:pr-1 {
padding-right: 0.25rem;
}
.md\:pr-10 {
padding-right: 2.5rem;
}
.md\:pr-12 {
padding-right: 3rem;
}
.md\:pr-16 {
padding-right: 4rem;
}
.md\:pr-2 {
padding-right: 0.5rem;
}
.md\:pr-20 {
padding-right: 5rem;
}
.md\:pr-24 {
padding-right: 6rem;
}
.md\:pr-28 {
padding-right: 7rem;
}
.md\:pr-3 {
padding-right: 0.75rem;
}
.md\:pr-32 {
padding-right: 8rem;
}
.md\:pr-36 {
padding-right: 9rem;
}
.md\:pr-4 {
padding-right: 1rem;
}
.md\:pr-40 {
padding-right: 10rem;
}
.md\:pr-5 {
padding-right: 1.25rem;
}
.md\:pr-7 {
padding-right: 1.75rem;
}
.md\:pr-8 {
padding-right: 2rem;
}
.md\:pr-9 {
padding-right: 2.25rem;
}
.md\:pt-0 {
padding-top: 0px;
}
.md\:pt-1 {
padding-top: 0.25rem;
}
.md\:pt-10 {
padding-top: 2.5rem;
}
.md\:pt-12 {
padding-top: 3rem;
}
.md\:pt-16 {
padding-top: 4rem;
}
.md\:pt-2 {
padding-top: 0.5rem;
}
.md\:pt-20 {
padding-top: 5rem;
}
.md\:pt-24 {
padding-top: 6rem;
}
.md\:pt-28 {
padding-top: 7rem;
}
.md\:pt-3 {
padding-top: 0.75rem;
}
.md\:pt-32 {
padding-top: 8rem;
}
.md\:pt-36 {
padding-top: 9rem;
}
.md\:pt-4 {
padding-top: 1rem;
}
.md\:pt-40 {
padding-top: 10rem;
}
.md\:pt-5 {
padding-top: 1.25rem;
}
.md\:pt-7 {
padding-top: 1.75rem;
}
.md\:pt-8 {
padding-top: 2rem;
}
.md\:pt-9 {
padding-top: 2.25rem;
}
}
@media (min-width: 1024px) {
.lg\:\!mb-4 {
margin-bottom: 1rem !important;
}
.lg\:mb-\[\.6em\] {
margin-bottom: .6em;
}
.lg\:w-\[340px\] {
width: 340px;
}
.lg\:max-w-\[600px\] {
max-width: 600px;
}
.lg\:grid-cols-\[1fr_320px\] {
grid-template-columns: 1fr 320px;
}
.lg\:grid-cols-\[1fr_3fr\] {
grid-template-columns: 1fr 3fr;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:gap-16 {
gap: 4rem;
}
.lg\:p-14 {
padding: 3.5rem;
}
.lg\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.lg\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.lg\:text-\[42px\] {
font-size: 42px;
}
}
@media (min-width: 1280px) {
.xl\:absolute {
position: absolute;
}
.xl\:relative {
position: relative;
}
.xl\:bottom-20 {
bottom: 5rem;
}
.xl\:right-20 {
right: 5rem;
}
.xl\:top-\[calc\(100\%\)\+8px\] {
top: calc(100%)+8px;
}
.xl\:top-full {
top: 100%;
}
.xl\:mb-10 {
margin-bottom: 2.5rem;
}
.xl\:mb-\[22px\] {
margin-bottom: 22px;
}
.xl\:mb-\[60px\] {
margin-bottom: 60px;
}
.xl\:flex {
display: flex;
}
.xl\:grid {
display: grid;
}
.xl\:\!hidden {
display: none !important;
}
.xl\:hidden {
display: none;
}
.xl\:h-20 {
height: 5rem;
}
.xl\:h-\[140px\] {
height: 140px;
}
.xl\:min-h-\[380px\] {
min-height: 380px;
}
.xl\:w-20 {
width: 5rem;
}
.xl\:w-\[400px\] {
width: 400px;
}
.xl\:min-w-60 {
min-width: 15rem;
}
.xl\:max-w-\[180px\] {
max-width: 180px;
}
.xl\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);
}
.xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,2fr);
}
.xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 4fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,4fr);
}
.xl\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr);
}
.xl\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
}
.xl\:grid-cols-\[minmax\(0\2c 4fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,4fr) minmax(0,1fr);
}
.xl\:items-start {
align-items: flex-start;
}
.xl\:items-center {
align-items: center;
}
.xl\:justify-end {
justify-content: flex-end;
}
.xl\:justify-between {
justify-content: space-between;
}
.xl\:gap-16 {
gap: 4rem;
}
.xl\:gap-6 {
gap: 1.5rem;
}
.xl\:gap-\[30px\] {
gap: 30px;
}
.xl\:bg-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.xl\:p-10 {
padding: 2.5rem;
}
.xl\:p-14 {
padding: 3.5rem;
}
.xl\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xl\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.xl\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.xl\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.xl\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.xl\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.xl\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.xl\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.xl\:px-28 {
padding-left: 7rem;
padding-right: 7rem;
}
.xl\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.xl\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.xl\:px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.xl\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.xl\:px-40 {
padding-left: 10rem;
padding-right: 10rem;
}
.xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.xl\:px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.xl\:px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.xl\:px-\[50px\] {
padding-left: 50px;
padding-right: 50px;
}
.xl\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.xl\:py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.xl\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.xl\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.xl\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.xl\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.xl\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.xl\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.xl\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.xl\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.xl\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.xl\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.xl\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.xl\:py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.xl\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.xl\:py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.xl\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.xl\:py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.xl\:py-defaultY {
padding-top: 5rem;
padding-bottom: 5rem;
}
.xl\:pb-0 {
padding-bottom: 0px;
}
.xl\:pb-1 {
padding-bottom: 0.25rem;
}
.xl\:pb-10 {
padding-bottom: 2.5rem;
}
.xl\:pb-12 {
padding-bottom: 3rem;
}
.xl\:pb-16 {
padding-bottom: 4rem;
}
.xl\:pb-2 {
padding-bottom: 0.5rem;
}
.xl\:pb-20 {
padding-bottom: 5rem;
}
.xl\:pb-24 {
padding-bottom: 6rem;
}
.xl\:pb-28 {
padding-bottom: 7rem;
}
.xl\:pb-3 {
padding-bottom: 0.75rem;
}
.xl\:pb-32 {
padding-bottom: 8rem;
}
.xl\:pb-36 {
padding-bottom: 9rem;
}
.xl\:pb-4 {
padding-bottom: 1rem;
}
.xl\:pb-40 {
padding-bottom: 10rem;
}
.xl\:pb-5 {
padding-bottom: 1.25rem;
}
.xl\:pb-7 {
padding-bottom: 1.75rem;
}
.xl\:pb-8 {
padding-bottom: 2rem;
}
.xl\:pb-9 {
padding-bottom: 2.25rem;
}
.xl\:pe-12 {
padding-inline-end: 3rem;
}
.xl\:pl-0 {
padding-left: 0px;
}
.xl\:pl-1 {
padding-left: 0.25rem;
}
.xl\:pl-10 {
padding-left: 2.5rem;
}
.xl\:pl-12 {
padding-left: 3rem;
}
.xl\:pl-16 {
padding-left: 4rem;
}
.xl\:pl-2 {
padding-left: 0.5rem;
}
.xl\:pl-20 {
padding-left: 5rem;
}
.xl\:pl-24 {
padding-left: 6rem;
}
.xl\:pl-28 {
padding-left: 7rem;
}
.xl\:pl-3 {
padding-left: 0.75rem;
}
.xl\:pl-32 {
padding-left: 8rem;
}
.xl\:pl-36 {
padding-left: 9rem;
}
.xl\:pl-4 {
padding-left: 1rem;
}
.xl\:pl-40 {
padding-left: 10rem;
}
.xl\:pl-5 {
padding-left: 1.25rem;
}
.xl\:pl-7 {
padding-left: 1.75rem;
}
.xl\:pl-8 {
padding-left: 2rem;
}
.xl\:pl-9 {
padding-left: 2.25rem;
}
.xl\:pr-0 {
padding-right: 0px;
}
.xl\:pr-1 {
padding-right: 0.25rem;
}
.xl\:pr-10 {
padding-right: 2.5rem;
}
.xl\:pr-12 {
padding-right: 3rem;
}
.xl\:pr-16 {
padding-right: 4rem;
}
.xl\:pr-2 {
padding-right: 0.5rem;
}
.xl\:pr-20 {
padding-right: 5rem;
}
.xl\:pr-24 {
padding-right: 6rem;
}
.xl\:pr-28 {
padding-right: 7rem;
}
.xl\:pr-3 {
padding-right: 0.75rem;
}
.xl\:pr-32 {
padding-right: 8rem;
}
.xl\:pr-36 {
padding-right: 9rem;
}
.xl\:pr-4 {
padding-right: 1rem;
}
.xl\:pr-40 {
padding-right: 10rem;
}
.xl\:pr-5 {
padding-right: 1.25rem;
}
.xl\:pr-7 {
padding-right: 1.75rem;
}
.xl\:pr-8 {
padding-right: 2rem;
}
.xl\:pr-9 {
padding-right: 2.25rem;
}
.xl\:pt-0 {
padding-top: 0px;
}
.xl\:pt-1 {
padding-top: 0.25rem;
}
.xl\:pt-10 {
padding-top: 2.5rem;
}
.xl\:pt-12 {
padding-top: 3rem;
}
.xl\:pt-16 {
padding-top: 4rem;
}
.xl\:pt-2 {
padding-top: 0.5rem;
}
.xl\:pt-20 {
padding-top: 5rem;
}
.xl\:pt-24 {
padding-top: 6rem;
}
.xl\:pt-28 {
padding-top: 7rem;
}
.xl\:pt-3 {
padding-top: 0.75rem;
}
.xl\:pt-32 {
padding-top: 8rem;
}
.xl\:pt-36 {
padding-top: 9rem;
}
.xl\:pt-4 {
padding-top: 1rem;
}
.xl\:pt-40 {
padding-top: 10rem;
}
.xl\:pt-5 {
padding-top: 1.25rem;
}
.xl\:pt-7 {
padding-top: 1.75rem;
}
.xl\:pt-8 {
padding-top: 2rem;
}
.xl\:pt-9 {
padding-top: 2.25rem;
}
.xl\:pt-\[140px\] {
padding-top: 140px;
}
.xl\:\[gap\:clamp\(40px\2c 10vw\2c 160px\)\] {
gap: clamp(40px,10vw,160px);
}
.xl\:hover\:bg-bg-light:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
}
.\[\&\.button-visible\]\:pointer-events-auto.button-visible {
pointer-events: auto;
}
.\[\&\.button-visible\]\:opacity-100.button-visible {
opacity: 1;
}
@media not all and (min-width: 1280px) {
.\[\&\.open\]\:max-xl\:block.open {
display: block;
}
}
.\[\&\>a\]\:py-2>a {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.\[\&\>a\]\:font-bold>a {
font-weight: 700;
}
.\[\&\>button\]\:py-2>button {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.\[\&\>button\]\:font-bold>button {
font-weight: 700;
}
.\[\&\>svg\]\:w-\[80px\]>svg {
width: 80px;
}
.\[\&\>ul\]\:hidden>ul {
display: none;
}
.\[\&_\*\]\:\!text-base * {
font-size: 1rem !important;
line-height: 1.5rem !important;
}
.\[\&_\*\]\:\!text-n-body-3 * {
font-size: 20px !important;
line-height: 1.5em !important;
}
.\[\&_\*\]\:text-n-body-2 * {
font-size: 17px;
line-height: 1.65em;
}
.\[\&_\*\]\:\!leading-\[1\.6em\] * {
line-height: 1.6em !important;
}
.\[\&_\*\]\:\!text-n-neutral-800 * {
--tw-text-opacity: 1 !important;
color: rgb(41 37 36 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_\.active-sub\]\:font-bold .active-sub {
font-weight: 700;
}
.\[\&_\.active-sub_a\:after\]\:bg-f-light .active-sub a:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\:hover\:after\]\:bg-f-light .active-sub a:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\:hover\]\:bg-bg-main .active-sub a:hover {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\:hover\]\:text-f-light .active-sub a:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_\.active-sub_a\]\:bg-bg-main .active-sub a {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\]\:text-f-light .active-sub a {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_\.active\]\:border-l-4 .active {
border-left-width: 4px;
}
.\[\&_\.active\]\:border-f-secondary .active {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.\[\&_\.active\]\:font-bold .active {
font-weight: 700;
}
.\[\&_\.active_svg\]\:hidden .active svg {
display: none;
}
.\[\&_\.active_ul\]\:grid .active ul {
display: grid;
}
.\[\&_\.field-content\]\:contents .field-content {
display: contents;
}
@media (min-width: 1024px) {
.lg\:\[\&_\.paragraph--type--component-link\]\:\!mt-0 .paragraph--type--component-link {
margin-top: 0px !important;
}
}
.\[\&_\.tablefield-wrapper\]\:overflow-x-auto .tablefield-wrapper {
overflow-x: auto;
}
.\[\&_\.views-field\]\:contents .views-field {
display: contents;
}
.\[\&_\.views-row\:last-of-type_a\]\:mb-0 .views-row:last-of-type a {
margin-bottom: 0px;
}
.\[\&_a\.is-active\]\:block a.is-active {
display: block;
}
.\[\&_a\:hover\]\:underline a:hover {
text-decoration-line: underline;
}
.\[\&_a\]\:mb-1 a {
margin-bottom: 0.25rem;
}
.\[\&_a\]\:mb-6 a {
margin-bottom: 1.5rem;
}
.\[\&_a\]\:block a {
display: block;
}
.\[\&_a\]\:inline-block a {
display: inline-block;
}
.\[\&_a\]\:hidden a {
display: none;
}
.\[\&_a\]\:w-full a {
width: 100%;
}
.\[\&_a\]\:max-w-full a {
max-width: 100%;
}
.\[\&_a\]\:flex-grow a {
flex-grow: 1;
}
.\[\&_a\]\:rounded-\[inherit\] a {
border-radius: inherit;
}
.\[\&_a\]\:\!p-6 a {
padding: 1.5rem !important;
}
.\[\&_a\]\:p-5 a {
padding: 1.25rem;
}
.\[\&_a\]\:text-base\/4 a {
font-size: 1rem;
line-height: 1rem;
}
.\[\&_a\]\:text-sm a {
font-size: 0.875rem;
line-height: 1.25rem;
}
.\[\&_a\]\:font-medium a {
font-weight: 500;
}
.\[\&_a\]\:text-n-primary-700 a {
--tw-text-opacity: 1;
color: rgb(138 0 76 / var(--tw-text-opacity, 1));
}
.\[\&_a\]\:underline a {
text-decoration-line: underline;
}
.\[\&_a\]\:\!no-underline a {
text-decoration-line: none !important;
}
.\[\&_form\]\:flex form {
display: flex;
}
.\[\&_form\]\:max-w-full form {
max-width: 100%;
}
.\[\&_form\]\:items-center form {
align-items: center;
}
.\[\&_form\]\:justify-start form {
justify-content: flex-start;
}
.\[\&_img\]\:ml-2 img {
margin-left: 0.5rem;
}
.\[\&_img\]\:block img {
display: block;
}
.\[\&_img\]\:aspect-square img {
aspect-ratio: 1 / 1;
}
.\[\&_img\]\:h-\[180px\] img {
height: 180px;
}
.\[\&_img\]\:h-\[200px\] img {
height: 200px;
}
.\[\&_img\]\:h-\[220px\] img {
height: 220px;
}
.\[\&_img\]\:h-\[240px\] img {
height: 240px;
}
.\[\&_img\]\:h-\[250px\] img {
height: 250px;
}
.\[\&_img\]\:h-\[300px\] img {
height: 300px;
}
.\[\&_img\]\:h-full img {
height: 100%;
}
.\[\&_img\]\:max-h-\[460px\] img {
max-height: 460px;
}
.\[\&_img\]\:w-5 img {
width: 1.25rem;
}
.\[\&_img\]\:w-full img {
width: 100%;
}
.\[\&_img\]\:max-w-full img {
max-width: 100%;
}
.\[\&_img\]\:object-contain img {
-o-object-fit: contain;
object-fit: contain;
}
.\[\&_img\]\:object-cover img {
-o-object-fit: cover;
object-fit: cover;
}
.\[\&_img\]\:object-center img {
-o-object-position: center;
object-position: center;
}
@media not all and (min-width: 768px) {
.max-md\:\[\&_img\]\:h-\[220px\] img {
height: 220px;
}
}
@media (min-width: 768px) {
.md\:\[\&_img\]\:aspect-video img {
aspect-ratio: 16 / 9;
}
}
@media (min-width: 1280px) {
.xl\:\[\&_img\]\:absolute img {
position: absolute;
}
.xl\:\[\&_img\]\:h-full img {
height: 100%;
}
.xl\:\[\&_img\]\:w-\[50vw\] img {
width: 50vw;
}
.xl\:\[\&_img\]\:max-w-\[920px\] img {
max-width: 920px;
}
.xl\:\[\&_img\]\:content-center img {
align-content: center;
}
.xl\:\[\&_img\]\:object-cover img {
-o-object-fit: cover;
object-fit: cover;
}
}
.\[\&_label\]\:cursor-pointer label {
cursor: pointer;
}
.\[\&_p\]\:flex p {
display: flex;
}
.\[\&_p\]\:items-center p {
align-items: center;
}
.\[\&_p\]\:justify-end p {
justify-content: flex-end;
}
.\[\&_p\]\:text-n-subheading p {
font-size: 22px;
line-height: 1.2em;
}
.\[\&_p\]\:text-sm p {
font-size: 0.875rem;
line-height: 1.25rem;
}
.\[\&_span\]\:font-bold span {
font-weight: 700;
}
.\[\&_span\]\:italic span {
font-style: italic;
}
@media not all and (min-width: 1280px) {
.max-xl\:\[\&_span\]\:block span {
display: block;
}
.max-xl\:\[\&_span\]\:w-full span {
width: 100%;
}
.max-xl\:\[\&_span\]\:text-left span {
text-align: left;
}
.max-xl\:\[\&_svg\]\:w-4 svg {
width: 1rem;
}
}