@import url("https://p.typekit.net/p.css?s=1&k=riq5lhn&ht=tk&f=1980.1981.1982.1983.1984&a=139986617&app=typekit&e=css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');
:root {
/* accessility variable */
--accessible-f-secondary: color-mix(in srgb, rgb(237, 123, 1) 77%,black);
/* button settings */
--button-bg-dark-color: var(--accessible-f-secondary);
--button-bg-dark-color-hover: rgb(255, 255, 255);
--button-text-dark-color: var(--accessible-f-secondary);
--button-bg-light-color: rgb(255, 255, 255);
--button-bg-light-color-hover: var(--accessible-f-secondary);
--button-text-light-color: rgb(255, 255, 255);
--button-text-size: 18px;
--button-px: 2rem;
--button-py: 1rem;
--button-border-width: 2px;
--button-border-radius: 9999px;
--button-border-dark-color: var(--accessible-f-secondary);
--button-border-dark-color-hover: var(--accessible-f-secondary);
--button-border-light-color: rgb(255, 255, 255);
--button-border-light-color-hover: rgb(255, 255, 255);
--button-icon-default-size: 1rem;
--button-icon-default-color: rgb(0, 117, 75);
--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;utf8,');
--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");
--tag-color: var(--accessible-f-secondary);
--tag-text-size: 0.875rem;
--tag-border-radius: 9999px;
--tag-bg-color: rgb(237 123 1 / 30);
--tag-py: 0.625rem;
--tag-px: 0.625rem;
/* 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-radius-bottom: 0;
--table-border-color: transparent;
--table-inner-border-color: rgba(177, 221, 201, 1);
--table-border-width: 1px;
--table-border-bottom-width: var(--table-border-width);
--table-head-bg-color: rgb(0, 117, 75);
--table-head-text-color: rgb(255, 255, 255);
--table-px: 1rem;
--table-py: 1.25rem;
--table-text-color: rgb(69, 69, 69);
/* 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(39, 32, 63);
--image-caption-color-embed: rgb(246, 245, 250);
--image-border-radius: 0;
/* end img settings */
/* video */
--video-border-radius: 10px;
--video-play-button: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2254%22%20viewBox%3D%220%200%2050%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cellipse%20cx%3D%2225.0003%22%20cy%3D%2226.9395%22%20rx%3D%2224.8182%22%20ry%3D%2226.0909%22%20fill%3D%22%23ED7B01%22%3E%3C/ellipse%3E%3Cpath%20d%3D%22M33.0464%2026.0845C33.6879%2026.4739%2033.6879%2027.4049%2033.0464%2027.7943L21.7919%2034.6253C21.1255%2035.0298%2020.273%2034.55%2020.273%2033.7704L20.273%2020.1084C20.273%2019.3288%2021.1255%2018.849%2021.7919%2019.2535L33.0464%2026.0845Z%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%3E%3C/path%3E%3C/svg%3E");;
--video-overlay-color: transparent;
/* end video */
/* wysiwyg-text */
--wsg-title-color: rgb(0, 117, 75);
--wsg-text-color: rgb(69, 69, 69);
--wsg-ol-text-color: rgb(69, 69, 69);
--wsg-ol-mark-color: rgb(69, 69, 69);
--wsg-ul-text-color: rgb(69, 69, 69);
--wsg-ul-mark-color: rgb(69, 69, 69);
--wsg-link-text-color: rgb(0, 117, 75);
/* end wysiwyg text */
/* file description */
--file-description-text-color: rgb(109, 104, 128);
/* end file description*/
/* timeline */
--timeline-bg-color: rgb(229, 246, 240);
--timeline-mark-color: rgb(0, 117, 75);
--timeline-radius: 10px;
/* end timeline */
/* table of content */
--table-of-content-offset: calc(160px + 20px);
--table-of-content-title-size: 1.5rem;
--table-of-content-title-size-mobile: 1.25rem;
--table-of-content-title-color: rgb(0, 117, 75);
--table-of-content-item-size: 0.875rem;
--table-of-content-item-size-mobile: 0.875rem;
--table-of-content-item-color: rgb(0, 117, 75);
--table-of-content-item-color-mobile: rgb(0, 117, 75);
--table-of-content-item-color-hover: rgb(0, 117, 75);
--table-of-content-item-border-left-color: rgb(223, 220, 232);
--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: var(--accessible-f-secondary);
--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(69, 69, 69);
--form-input-text-color: rgb(69, 69, 69);
--form-error-text-color: rgb(244,67,54);
--form-success-text-color: rgb(0, 117, 75);
--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: 10px;
--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(69, 69, 69);
--form-input-radio-color: rgb(0, 117, 75);
--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(0, 117, 75);
--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(0, 117, 75);
--hero-resource-border-radius: 10px;
--hero-resource-textbox-spacing: 3rem;
--hero-resource-textbox-spacing-mobile: 1.5rem;
--hero-resource-tag-bg-color: rgb(246, 245, 250);
--hero-resource-tag-bg-color-hover: var(--accessible-f-secondary);
/* resource header - end*/
/* calculator */
--calculator-input-border-color: rgba(177, 221, 201, 1);
--calculator-checkbox-bg-color: rgb(255, 255, 255);
--calculator-checkbox-border-color: rgba(177, 221, 201, 1);
--calculator-checkbox-checked-bg-color: rgb(255, 255, 255);
--calculator-checkbox-checked-border-color: rgb(0, 117, 75);
--calculator-checkbox-mark-color: rgb(0, 117, 75);
--calculator-text-color-main: rgb(0, 117, 75);
--calculator-text-color-dark: rgb(69, 69, 69);
--calculator-text-color-secondary: rgb(0, 117, 75);
--calculator-info-icon-color: rgba(177, 221, 201, 1);
--calculator-btn-recalc-color: rgb(183, 94, 0);
--calculator-color-light: rgba(177, 221, 201, 1);
/* calculator end */
/* restricted block */
--restricted-text-color: rgb(0, 117, 75);
--restricted-paragraph-color: rgb(0, 117, 75);
--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: 10px;
/* restricted block end */
/* messages */
--messages-bg-color: rgb(0, 117, 75);
--messages-text-color: rgb(255, 255, 255);
--messages-error-bg-color: rgb(244,67,54);
--messages-error-text-color: rgb(255, 255, 255);
/* messages end */
/* scorm */
--scorm-text-color: rgb(0, 117, 75);
--scorm-text-color-dark: rgb(69, 69, 69);
--scorm-header-bg-color: rgb(0, 117, 75);
--scorm-header-text-color: rgb(255, 255, 255);
--scorm-header-padding: 3rem;
--scorm-header-padding-mobile: 1.5rem;
--scorm-header-border-radius: 10px;
--scorm-header-title-font-size: 2.25rem;
--scorm-container-inner-padding: 0;
--scorm-btn-px: 16px;
--scorm-btn-py: 16px;
--scorm-btn-color-disabled_light: rgb(239, 237, 245);
--scorm-btn-color-disabled_dark: rgb(88, 84, 107);
--scorm-btn-color-light: rgb(255, 255, 255);
--scorm-btn-color-base: rgb(0, 117, 75);
--scorm-btn-color-secondary: color-mix(in srgb, rgb(0, 117, 75) 77%, rgb(255, 255, 255));
--scorm-btn-color-third: rgb(229, 246, 240);
--scorm-btn-color-dropdown: var(--accessible-f-secondary);
--scorm-btn-text_transformation: none;
--scorm-btn-font_family: 'museo',' sans-serif';
--scorm-banner-bg-color: rgb(229, 246, 240);
--scorm-banner-border-bg-color: rgb(247, 247, 247);
--scorm-banner-border-radius: 10px;
--scorm-banner-border-color: rgb(239, 237, 245);
--scorm-all_courses-bg-color: rgb(229, 246, 240);
--scorm-all_courses-border-radius: 10px;
--scorm-course-main-bg-color: rgb(247, 247, 247);
--scorm-course-module-bg-color: rgb(255, 255, 255);
--scorm-course-border-radius: 10px;
--scorm-course-border-color: rgb(228, 228, 231);
--scorm-paragraphs-spacing: 3.5rem;
--scorm-paragraphs-margin-bottom: 6rem;
--scorm-bubble-text-color: rgb(0, 117, 75);
--scorm-bubble-border-color: rgba(177, 221, 201, 1);
--scorm-push-border-color: rgba(177, 221, 201, 1);
--scorm-push-border-radius: 0.75rem;
--scorm-push-delta-text-color: rgb(109, 104, 128);
--scorm-push-progress-empty: rgb(246, 245, 250);
--scorm-push-title-color: rgb(0, 117, 75);
--scorm-push-secondary-color: var(--accessible-f-secondary);
--scorm-push-progress_bar-color: rgb(0, 117, 75);
--scorm-updated-tag-bg-color: rgba(177, 221, 201, 1);
--scorm-updated-tag-text-color: rgb(0, 117, 75);
/* scorm end */
/* gallery - carousel */
--gallery-nav-arrows-size: 2rem;
--gallery-nav-arrows-color: rgb(0, 117, 75);
--gallery-nav-dots-size: 0.75rem;
--gallery-nav-dots-color: rgb(223, 220, 232);
--gallery-nav-dot-active-color: rgb(0, 117, 75);
--gallery-nav-color: rgb(0, 117, 75);
--gallery-image-radius: 0.75rem;
--product-gallery-nav-color: rgb(0, 117, 75);
--product-gallery-preview-border-color: rgb(223, 220, 232);
--gallery-preview-color: rgb(0, 117, 75);
/* gallery - carousel end */
}
.h1{
margin-bottom: .4em;
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px){
.h1{
font-size: 64px;
line-height: 1.2em;
}
}
.h2{
margin-bottom: .4em;
font-size: 28px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px){
.h2{
font-size: 48px;
line-height: 1.2em;
}
}
.h3{
margin-bottom: .4em;
font-size: 24px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px){
.h3{
font-size: 30px;
line-height: 1.2em;
}
}
.h4{
margin-bottom: .4em;
font-size: 18px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px){
.h4{
font-size: 28px;
line-height: 1.2em;
}
}
.h5{
margin-bottom: .4em;
font-size: 16px;
line-height: 1.2em;
}
@media (min-width: 1280px){
.h5{
font-size: 24px;
line-height: 1.2em;
}
}
.h6{
margin-bottom: .4em;
font-size: 1rem;
line-height: 1.5rem;
}
@media (min-width: 1280px){
.h6{
font-size: 21px;
}
}
.h1,.h2,.h3,.h4,.h5,.h6,
.h1 *,.h2 *,.h3 *,.h4 *,.h5 *,.h6 *{
font-family: museo, sans-serif;
}
.wysiwyg-text{
margin-bottom: 2.5rem;
p{
margin-bottom: 1em;
}
p{
font-size: 16px;
line-height: 1.75em;
}
p:last-child{
margin-bottom: 0px;
}
p + ul,
p + ol {
margin-top: 1em;
}
ol,
ul{
padding-left: 1.5rem;
}
ol,
ul {
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;
}
h1,h2,h3,h4,h5,h6{
margin-bottom: .4em;
}
h1,h2,h3,h4,h5,h6{
margin-top: 1em;
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{
margin-top: 0;
}
h1,h2,h3,h4,h5,h6 {
color: var(--wsg-title-color);
}
h1,h2,h3,h4,h5,h6,
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{
font-family: museo, sans-serif;
}
h1{
font-size: 42px;
line-height: 1.2em;
}
h1{
font-weight: 700;
}
@media (min-width: 1280px){
h1{
font-size: 64px;
line-height: 1.2em;
}
}
h2{
font-size: 28px;
line-height: 1.2em;
}
h2{
font-weight: 700;
}
@media (min-width: 1280px){
h2{
font-size: 48px;
line-height: 1.2em;
}
}
h3{
font-size: 24px;
line-height: 1.2em;
}
h3{
font-weight: 700;
}
@media (min-width: 1280px){
h3{
font-size: 30px;
line-height: 1.2em;
}
}
h4{
font-size: 18px;
line-height: 1.2em;
}
h4{
font-weight: 700;
}
@media (min-width: 1280px){
h4{
font-size: 28px;
line-height: 1.2em;
}
}
h5{
font-size: 16px;
line-height: 1.2em;
}
@media (min-width: 1280px){
h5{
font-size: 24px;
line-height: 1.2em;
}
}
h6{
font-size: 1rem;
line-height: 1.5rem;
}
h6{
line-height: 1.2em;
}
@media (min-width: 1280px){
h6{
font-size: 21px;
}
}
}
/* set default text color if not defined in cms */
.wysiwyg-text:not([class^="text-f"]):not([class^="text-n"]) {
p {
color: var(--wsg-text-color);
}
}
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) #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
ul:not(.contextual-links) #bg-hero-image-middle{
fill: rgb(229, 246, 240);
}
ul:not(.contextual-links) #bg-hero-image-middle{
mix-blend-mode: multiply;
}
ul:not(.contextual-links) #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
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(0 117 75 / var(--tw-text-opacity, 1));
}
h2.btn.view-title,
h3.btn.view-title,
h3.btn.view-title a {
display: flex;
align-items: center;
justify-content: center
}
@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: 1120px) {
.container{
max-width: 1120px !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;
}
}
.items-inherit {
align-items: inherit;
}
.layout-container{
margin: 0px !important;
}
.btn-search{
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
max-width: 180px;
align-items: center;
justify-content: flex-start;
overflow: hidden;
border-radius: 9999px;
border-width: 1px;
border-color: rgba(177, 221, 201, 1);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 5px;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.btn-search{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.btn-search #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
.btn-search #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.btn-search #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
.btn-search:has(input:focus){
--tw-border-opacity: 1;
border-color: rgb(237 123 1 / var(--tw-border-opacity, 1));
}
.btn-search input{
width: 100%;
flex-shrink: 1;
padding-left: 0.625rem;
padding-right: 0.625rem;
font-size: 0.875rem;
line-height: 1rem;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
outline: 2px solid transparent;
outline-offset: 2px;
}
.btn-search input::-moz-placeholder{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
.btn-search input::placeholder{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
.btn-search button{
display: inline-block;
height: 30px;
width: 100%;
max-width: 30px;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / var(--tw-bg-opacity, 1));
}
.btn-search button #bg-hero-image-top {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-search button #bg-hero-image-middle{
fill: rgb(0, 117, 75);
opacity: 0.2;
mix-blend-mode: color-dodge;
}
.btn-search button #bg-hero-image-bottom {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-search button:after{
display: inline-block;
height: 0.75rem;
width: 0.75rem;
flex-shrink: 0;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-content: '';
content: var(--tw-content);
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
}
.paragraph--type--component-file+.paragraph--type--component-file,
.paragraph--type--component-link+.paragraph--type--component-link{
margin-top: 1.25rem;
}
.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--type--component-file.btn-full-width a,
.paragraph--type--component-link.btn-full-width a {
max-width: none;
width: 100%;
display: flex;
justify-content: inherit;
}
/* base buttons with settings */
.paragraph--type--component-file a,
.paragraph--type--component-link a{
max-width: -moz-max-content;
max-width: max-content;
font-weight: 700;
}
.paragraph--type--component-file a,
.paragraph--type--component-link a,
.btn-base a{
text-decoration-line: underline;
font-size: var(--button-text-size);
}
input.btn-primary,
input.btn-secondary,
button.btn-primary,
button.btn-secondary,
.btn-primary a,
.btn-secondary a,
.btn-arrow a,
.btn-download a,
.btn-icon a{
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
text-decoration-line: none;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
@media not all and (min-width: 1280px){
input.paragraph--type--c-row-100.btn-primary,
input.paragraph--type--c-row-100.btn-secondary,
button.paragraph--type--c-row-100.btn-primary,
button.paragraph--type--c-row-100.btn-secondary,.paragraph--type--c-row-100
.btn-primary a,.paragraph--type--c-row-100
.btn-secondary a,.paragraph--type--c-row-100
.btn-arrow a,.paragraph--type--c-row-100
.btn-download a,.paragraph--type--c-row-100
.btn-icon a{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
input.btn-primary,
input.btn-secondary,
button.btn-primary,
button.btn-secondary,
.btn-primary a,
.btn-secondary a,
.btn-arrow a,
.btn-download a,
.btn-icon a {
padding: var(--button-py) var(--button-px);
border-width: var(--button-border-width);
border-radius: var(--button-border-radius);
}
.btn-arrow a:after,
.btn-download a:after,
.btn-icon a:after{
position: relative;
display: inline-block;
flex-shrink: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
--tw-content: '';
content: var(--tw-content);
width: var(--button-icon-default-size);
height: var(--button-icon-default-size);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-size: contain;
}
.btn-arrow a:after {
mask: var(--button-icon-arrow);
-webkit-mask: var(--button-icon-arrow);
}
.btn-download a:after {
-webkit-mask: var(--button-icon-download);
mask: var(--button-icon-download);
}
.paragraph--type--component-file.reverse a,
.paragraph--type--component-link.reverse a{
flex-direction: row-reverse;
}
.paragraph--type--component-file.reverse a:after,
.paragraph--type--component-link.reverse a:after{
--tw-scale-x: -1;
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));
}
/* color schemes */
/* default scheme */
input.btn-primary,
button.btn-primary,
.btn-primary a {
color: var(--button-text-light-color);
background-color: var(--button-bg-dark-color);
border-color: var(--button-border-dark-color);
}
input.btn-primary:hover,
button.btn-primary:hover,
.btn-primary a:hover {
background-color: color-mix(in srgb, var(--button-bg-dark-color-hover) 80%, transparent);
border-color: color-mix(in srgb, var(--button-border-dark-color-hover) 80%, transparent);
}
.btn-arrow a,
.btn-download a,
.btn-icon a{
border-style: none;
background-color: rgba(0,0,0,0);
}
.btn-arrow a:hover,
.btn-download a:hover,
.btn-icon a:hover{
text-decoration-line: underline;
}
.btn-arrow a,
.btn-download a,
.btn-icon a {
color: var(--button-text-dark-color);
}
.btn-arrow a:after,
.btn-download a:after,
.btn-icon a:after {
background-color: var(--button-icon-default-color);
}
.paragraph--type--component-file:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
.paragraph--type--component-link:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
input.btn-secondary,
button.btn-secondary,
.btn-secondary a,
.btn-base a {
color: var(--button-text-dark-color);
}
input.btn-secondary:hover,
button.btn-secondary:hover,
.btn-secondary a:hover{
text-decoration-line: underline;
}
input.btn-secondary,
button.btn-secondary,
.btn-secondary a {
color: var(--button-text-dark-color);
border-color: var(--button-border-dark-color);
}
/* dark scheme */
.btn-download:not(.btn-scheme-dark):not(.btn-scheme-light) a{
padding: 0px;
}
.btn-arrow.btn-scheme-dark a,
.btn-download.btn-scheme-dark a,
.btn-icon.btn-scheme-dark a,
input.btn-primary.btn-scheme-dark,
button.btn-primary.btn-scheme-dark,
.btn-primary.btn-scheme-dark a {
color: var(--button-text-light-color);
background-color: var(--button-bg-dark-color);
border-color: var(--button-border-dark-color);
}
.btn-arrow.btn-scheme-dark a:hover,
.btn-download.btn-scheme-dark a:hover,
.btn-icon.btn-scheme-dark a:hover,
input.btn-primary.btn-scheme-dark:hover,
button.btn-primary.btn-scheme-dark:hover,
.btn-primary.btn-scheme-dark a:hover{
text-decoration-line: none;
background-color: color-mix(in srgb, var(--button-bg-dark-color-hover) 80%, transparent);
border-color: color-mix(in srgb, var(--button-border-dark-color-hover) 80%, transparent);
}
.btn-arrow.btn-scheme-dark a:after,
.btn-download.btn-scheme-dark a:after,
.btn-icon.btn-scheme-dark a:after {
background-color: var(--button-bg-light-color);
}
.paragraph--type--component-file.btn-scheme-dark:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
.paragraph--type--component-link.btn-scheme-dark:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
input.btn-secondary.btn-scheme-dark,
button.btn-secondary.btn-scheme-dark,
.btn-secondary.btn-scheme-dark a,
.btn-base.btn-scheme-dark a {
color: var(--button-text-dark-color);
}
input.btn-secondary.btn-scheme-dark:hover,
button.btn-secondary.btn-scheme-dark:hover,
.btn-secondary.btn-scheme-dark a:hover{
text-decoration-line: underline;
}
input.btn-secondary.btn-scheme-dark,
button.btn-secondary.btn-scheme-dark,
.btn-secondary.btn-scheme-dark a {
color: var(--button-text-dark-color);
border-color: var(--button-border-dark-color);
}
/* light scheme */
.btn-arrow.btn-scheme-light a,
.btn-download.btn-scheme-light a,
.btn-icon.btn-scheme-light a,
input.btn-primary.btn-scheme-light,
button.btn-primary.btn-scheme-light,
.btn-primary.btn-scheme-light a {
color: var(--button-text-dark-color);
background-color: var(--button-bg-light-color);
border-color: var(--button-border-light-color);
}
.btn-arrow.btn-scheme-light a:hover,
.btn-download.btn-scheme-light a:hover,
.btn-icon.btn-scheme-light a:hover,
input.btn-primary.btn-scheme-light:hover,
button.btn-primary.btn-scheme-light:hover,
.btn-primary.btn-scheme-light a:hover{
text-decoration-line: none;
background-color: color-mix(in srgb, var(--button-bg-light-color-hover) 80%, transparent);
border-color: color-mix(in srgb, var(--button-border-light-color-hover) 80%, transparent);
}
.btn-arrow.btn-scheme-light a:after,
.btn-download.btn-scheme-light a:after,
.btn-icon.btn-scheme-light a:after {
background-color: var(--button-bg-dark-color);
}
.paragraph--type--component-file.btn-scheme-light:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
.paragraph--type--component-link.btn-scheme-light:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
input.btn-secondary.btn-scheme-light,
button.btn-secondary.btn-scheme-light,
.btn-secondary.btn-scheme-light a,
.btn-base.btn-scheme-light a {
color: var(--button-text-light-color);
}
input.btn-secondary.btn-scheme-light:hover,
button.btn-secondary.btn-scheme-light:hover,
.btn-secondary.btn-scheme-light a:hover{
text-decoration-line: underline;
}
input.btn-secondary.btn-scheme-light,
button.btn-secondary.btn-scheme-light,
.btn-secondary.btn-scheme-light a {
color: var(--button-text-light-color);
border-color: var(--button-text-light-color);
}
.btn-tag a,
.btn-tag span,
a.btn-tag,
button.btn-tag{
font-weight: 400;
background-color: var(--tag-bg-color);
color: var(--tag-text-color);
font-size: var(--tag-text-size);
padding: var(--tag-py) var(--tag-px);
border-radius: var(--tag-border-radius);
}
.btn-accordion{
font-weight: 700;
font-size: var(--accordion-button-text-size);
padding: var(--accordion-py) var(--accordion-px);
}
/* button main classes: .btn.btn-main */
.btn-main a,
a.btn-main,
button.btn-main{
display: inline-block;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn-main a #bg-hero-image-top,
a.btn-main #bg-hero-image-top,
button.btn-main #bg-hero-image-top {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-main a #bg-hero-image-middle,
a.btn-main #bg-hero-image-middle,
button.btn-main #bg-hero-image-middle{
fill: rgb(0, 117, 75);
opacity: 0.2;
mix-blend-mode: color-dodge;
}
.btn-main a #bg-hero-image-bottom,
a.btn-main #bg-hero-image-bottom,
button.btn-main #bg-hero-image-bottom {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-main a:hover,
a.btn-main:hover,
button.btn-main:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
/* button base classes: .btn-base */
/* main div:not(.btn) a:not(.btn), */
.btn-base a,
a.btn-base,
button.btn-base{
background-color: rgba(0,0,0,0);
font-size: 1rem;
line-height: 1.25rem;
font-weight: 700;
text-decoration-line: underline;
}
button.btn-scheme-dark.btn-base,
a.btn-scheme-dark.btn-base,
.btn-scheme-dark.btn-base a{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
button.btn-scheme-dark.btn-base:hover,
a.btn-scheme-dark.btn-base:hover,
.btn-scheme-dark.btn-base a:hover{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
button.btn-scheme-light.btn-base,
a.btn-scheme-light.btn-base,
.btn-scheme-light.btn-base a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
button.btn-scheme-light.btn-base:hover,
a.btn-scheme-light.btn-base:hover,
.btn-scheme-light.btn-base a:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
button.btn-base,
a.btn-base,
.btn-base a{
background-color: rgba(0,0,0,0);
}
button.btn-base:hover,
a.btn-base:hover,
.btn-base a:hover{
background-color: rgba(0,0,0,0);
}
.btn-download a,
a.btn-download,
button.btn-download,
.btn-arrow a,
a.btn-arrow,
button.btn-arrow{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
border-width: 2px;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.btn-download a,
a.paragraph--type--c-row-100.btn-download,
button.paragraph--type--c-row-100.btn-download,.paragraph--type--c-row-100
.btn-arrow a,
a.paragraph--type--c-row-100.btn-arrow,
button.paragraph--type--c-row-100.btn-arrow{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.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(0 117 75 / 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{
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: 9999px;
}
form{
border-width: 1px;
}
form{
border-color: rgba(177, 221, 201, 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 #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
form #bg-hero-image-middle{
fill: rgb(229, 246, 240);
}
form #bg-hero-image-middle{
mix-blend-mode: multiply;
}
form #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
.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: 9999px;
}
.mobile-search-button,
.form-submit{
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / 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 #bg-hero-image-top,
.form-submit #bg-hero-image-top {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.mobile-search-button #bg-hero-image-middle,
.form-submit #bg-hero-image-middle{
fill: rgb(0, 117, 75);
}
.mobile-search-button #bg-hero-image-middle,
.form-submit #bg-hero-image-middle{
opacity: 0.2;
}
.mobile-search-button #bg-hero-image-middle,
.form-submit #bg-hero-image-middle{
mix-blend-mode: color-dodge;
}
.mobile-search-button #bg-hero-image-bottom,
.form-submit #bg-hero-image-bottom {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.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(237 123 1 / var(--tw-border-opacity, 1));
}
.mobile-search-button,
.form-actions{
position: relative;
}
.mobile-search-button,
.form-actions{
cursor: pointer;
}
.form-item-keywords input{
width: 100%;
}
.form-item-keywords input{
flex-shrink: 1;
}
.form-item-keywords input{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.form-item-keywords input{
font-size: 0.875rem;
line-height: 1rem;
}
.form-item-keywords input{
font-weight: 300;
}
.form-item-keywords input{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
.form-item-keywords input{
outline: 2px solid transparent;
outline-offset: 2px;
}
.form-item-keywords input::-moz-placeholder{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
.form-item-keywords input::placeholder{
--tw-text-opacity: 1;
color: rgb(0 117 75 / 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;
}
}
.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: 30px;
line-height: 0.7em;
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
@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: 10px;
}
}
.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;
}
.btn.menu__item.view-mode-block {
display: flex;
align-items: center;
justify-content: center
}
.menu__item.view-mode-block:hover{
--tw-bg-opacity: 1;
background-color: rgb(229 246 240 / var(--tw-bg-opacity, 1));
}
.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(0 117 75 / 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{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
h2{
margin-bottom: .4em;
}
h2{
font-size: 28px;
line-height: 1.2em;
}
h2{
font-weight: 700;
}
@media (min-width: 1280px){
h2{
font-size: 48px;
line-height: 1.2em;
}
}
h2,h2 *{
font-family: museo, sans-serif;
}
h2,h2 *{
font-family: museo, sans-serif;
}
h2.btn {
display: flex;
align-items: center;
justify-content: center
}
header{
text-align: center;
}
header.btn {
display: flex;
align-items: center;
justify-content: center
}
}
/* end - header - views */
.product-header-features{
margin-bottom: 2.5rem;
h4,
h5{
margin-bottom: .4em;
}
h4,
h5{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
p,
li{
font-size: 18px;
line-height: 1.2em;
}
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;
}
}
/* table {
width: 100%;
caption {
display: none;
}
thead {
@apply bg-f-primary text-f-light text-left;
th {
@apply first-of-type:rounded-tl-2xl last-of-type:rounded-tr-2xl py-4 px-5;
}
}
tbody {
td {
@apply py-4 px-5;
}
tr {
@apply border-b border-border-primary-light last-of-type:border-none;
}
}
} */
/* 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.btn {
display: flex;
align-items: center;
justify-content: flex-start;
}
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;
}
/* 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(237, 123, 1));
/* 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));
}
.leaflet-container #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
.leaflet-container #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.leaflet-container #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
/* view default */
.paragraph--type--component-title+.paragraph--type--component-view{
padding-top: 0px;
}
.paragraph--type--component-text{
margin-bottom: 2.5rem;
}
.paragraph--type--component-text:last-child{
margin-bottom: 0px;
}
/* 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: 10px;
}
&.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--type--c-grid-item #bg-hero-image-top,
.paragraph-inner #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
&.paragraph--type--c-grid-item #bg-hero-image-middle,
.paragraph-inner #bg-hero-image-middle{
fill: rgb(229, 246, 240);
}
&.paragraph--type--c-grid-item #bg-hero-image-middle,
.paragraph-inner #bg-hero-image-middle{
mix-blend-mode: multiply;
}
&.paragraph--type--c-grid-item #bg-hero-image-bottom,
.paragraph-inner #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
.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(134 129 154 / 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-color: 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"] #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
input[type="radio"] #bg-hero-image-middle{
fill: rgb(229, 246, 240);
}
input[type="radio"] #bg-hero-image-middle{
mix-blend-mode: multiply;
}
input[type="radio"] #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
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(244 67 54 / 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: 10px;
}
.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;
}
}
.btn.accordion-button {
display: flex;
align-items: center;
justify-content: flex-start;
}
.accordion-button:after{
display: inline-block;
height: 1.25rem;
width: 1.25rem;
--tw-content: '';
content: var(--tw-content);
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask-size: contain;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask-size: contain;
}
.component-accordion-item.open .accordion-button:after {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask-size: contain;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
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(229, 246, 240);
}
.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: -1.25rem;
margin-right: -1.25rem;
}
@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(229, 246, 240);
}
.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(229, 246, 240);
}
.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(229, 246, 240);
}
/* 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--pushes--white .adv--teaser #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
.adv--pushes--white .adv--teaser #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.adv--pushes--white .adv--teaser #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
/* adv teasers bg change - END */
/* TBC: btns row stretch - START */
.buttons-stretch .btn{
flex-grow: 1;
a{
width: 100%;
}
a{
justify-content: center;
}
}
/* 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(237 123 1 / 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(0 117 75 / 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(0 117 75 / 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(229 246 240 / var(--tw-bg-opacity, 1));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark #bg-hero-image-top{
fill: rgb(229, 246, 240);
fill: hsl(from rgb(229, 246, 240) calc(h + 1) calc(s - 11) calc(l - 7));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
fill: hsl(from rgb(229, 246, 240) calc(h + 1) calc(s - 11) calc(l - 7));
}
.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));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
/* 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*/
/* adv teasers btn - START */
.adv--teaser-btn{
display: flex;
align-items: center;
gap: 0.5rem;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.adv--teaser-btn{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.adv--teaser-btn {
&:after{
position: relative;
}
&:after{
height: 1rem;
}
&:after{
width: 1rem;
}
&:after{
flex-shrink: 0;
}
&:after{
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / var(--tw-bg-opacity, 1));
}
&:after{
--tw-content: '';
content: var(--tw-content);
}
.group:hover &:after{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
&:after {
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
}
}
/* adv teasers btn - END */
.paragraph--type--component-tip{
position: relative;
overflow: hidden;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(88 84 107 / 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: 30px;
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 */
.style-card{
padding-bottom: 2.5rem;
}
@media not all and (min-width: 1280px){
.style-card{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.style-card:not(:has(.adv-grid-container)),
.style-card > .adv-grid-container{
border-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 30px;
--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-card:not(:has(.adv-grid-container)) #bg-hero-image-top,
.style-card > .adv-grid-container #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
.style-card:not(:has(.adv-grid-container)) #bg-hero-image-middle,
.style-card > .adv-grid-container #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.style-card:not(:has(.adv-grid-container)) #bg-hero-image-bottom,
.style-card > .adv-grid-container #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
@media (min-width: 1280px){
.style-card:not(:has(.adv-grid-container)),
.style-card > .adv-grid-container{
padding: 60px;
}
}
#block-comidamed-components-primary-local-tasks{
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#block-comidamed-components-primary-local-tasks{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
#block-comidamed-components-primary-local-tasks {
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) #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
ul:not(.contextual-links) #bg-hero-image-middle{
fill: rgb(229, 246, 240);
}
ul:not(.contextual-links) #bg-hero-image-middle{
mix-blend-mode: multiply;
}
ul:not(.contextual-links) #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
ul:not(.contextual-links) {
li{
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
}
main a:not(.btn, .grid-item){
text-decoration-line: underline;
}
.footer a:not(.btn){
margin-bottom: 1rem;
display: inline-block;
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer a:not(.btn):hover{
text-decoration-line: underline;
}
.footer .menu__item:last-of-type{
margin-bottom: 0px;
}
.footer .menu__link--button,
.footer h2{
margin-bottom: 0.75rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
}
@media (min-width: 1280px){
.footer .menu__link--button,
.footer h2{
margin-bottom: 1.5rem;
}
}
.lang-wrapper {
cursor: pointer;
}
/* comidamed scorm elearning - START */
.layout-content:has(.paragraph--type--component-scorm-course-header) .system_breadcrumb_block {
--breadcrumb-color: rgb(69, 69, 69) !important;
position: relative;
left: auto;
padding-bottom: 30px;
transform: none;
}
.comp_scorm-btn--register {
--btn-color-main: var(--scorm-push-secondary-color) !important;
}
.comp_scorm-btn--login {
--btn-color-secondary: var(--scorm-push-secondary-color) !important;
}
/* comidamed scorm elearning - END */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4ARPQ_mu72BiBLE.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4ARGQ_mu72BiBLE.woff2') format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4ARDQ_mu72BiBLE.woff2') format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4AROQ_mu72BiBLE.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4ARBQ_mu72BiBLE.woff2') format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4ARNQ_mu72BiBLE.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4ARMQ_mu72BiBLE.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0OIpQlx3QUlC5A4PNr4ARCQ_mu72Bi.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2') format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj.woff2') format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr6TRASf6M7VBj.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr5jRASf6M7VBj.woff2') format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr6jRASf6M7VBj.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr6zRASf6M7VBj.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 100 900;
font-stretch: 62.5% 100%;
font-display: swap;
src: url('/themes/custom/comidamed_components/webfonts/o-0IIpQlx3QUlC5A4PNr5TRASf6M7Q.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family:"museo";
src:url("https://use.typekit.net/af/38974e/00000000000000007735993f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/38974e/00000000000000007735993f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/38974e/00000000000000007735993f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:100;
font-stretch:normal;
}
@font-face {
font-family:"museo";
src:url("https://use.typekit.net/af/f7c91f/000000000000000000011b23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/f7c91f/000000000000000000011b23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/f7c91f/000000000000000000011b23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:300;
font-stretch:normal;
}
@font-face {
font-family:"museo";
src:url("https://use.typekit.net/af/d23205/000000000000000077359947/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/d23205/000000000000000077359947/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/d23205/000000000000000077359947/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:500;
font-stretch:normal;
}
@font-face {
font-family:"museo";
src:url("https://use.typekit.net/af/8a79e7/000000000000000000011b24/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8a79e7/000000000000000000011b24/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8a79e7/000000000000000000011b24/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:700;
font-stretch:normal;
}
@font-face {
font-family:"museo";
src:url("https://use.typekit.net/af/12040f/000000000000000077359958/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/12040f/000000000000000077359958/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/12040f/000000000000000077359958/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:900;
font-stretch:normal;
}
.tk-museo {
font-family: "museo", sans-serif;
}
* {
font-family: "Noto Sans", sans-serif;
/* font-family: 'Museo'; */
}
/* buttons from base + config */
.btn.text-center {
display: flex;
align-items: center;
justify-content: center
}
.btn.text-left {
display: flex;
align-items: center;
justify-content: flex-start;
}
.btn.text-right {
display: flex;
align-items: center;
justify-content: flex-end;
}
input.btn,
.btn a,
.btn .push-button,
a.btn,
button.btn{
display: inline-block;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
border-radius: 9999px;
border-style: solid;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: museo, sans-serif;
font-size: 1rem;
line-height: 1rem;
font-weight: 700;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
text-decoration: none !important;
}
input.btn,
.btn a:after,
a.btn:after,
button.btn:after{
display: inline-block;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
--tw-content: '';
content: var(--tw-content);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-size: contain;
}
/* button primary classes: .btn.btn-primary */
.btn-primary a,
a.btn-primary,
input.btn-primary,
button.btn-primary{
display: inline-block;
}
.btn-primary a:hover,
a.btn-primary:hover,
input.btn-primary:hover,
button.btn-primary:hover{
background-color: var(--button-bg-light-color);
color: var(--button-text-dark-color);
}
.btn-primary a,
a.btn-primary,
input.btn-primary,
button.btn-primary {
color: var(--button-text-light-color);
background-color: var(--button-bg-dark-color);
}
.btn-secondary .push-button{
text-align: center;
}
.btn.btn-secondary .push-button {
display: flex;
align-items: center;
justify-content: center
}
/* button secondary classes: .btn.btn-secondary */
.btn-secondary a,
a.btn-secondary,
.btn-secondary .push-button,
button.btn-secondary{
display: inline-block;
border-width: var(--button-border-width);
border-style: solid;
border-radius: var(--button-border-radius);
color: var(--button-text-dark-color);
background-color: var(--button-bg-light-color);
&:hover {
background-color: var(--button-bg-dark-color) !important;
color: var(--button-text-light-color) !important;
border-color: var(--button-border-dark-color-hover) !important;
}
}
.product-teaser-hover:hover .push-button {
background-color: var(--button-bg-dark-color) !important;
color: var(--button-text-light-color) !important;
border-color: var(--button-border-dark-color-hover) !important;
}
.btn-tag a,
.btn-tag span,
a.btn-tag,
button.btn-tag{
border-radius: 9999px;
padding: 0.625rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
background-color: color-mix(in srgb, rgb(237, 123, 1) 15%, white);
color: color-mix(in srgb, rgb(237, 123, 1) 65%, black) !important;
&:hover {
background-color: color-mix(in srgb, rgb(237, 123, 1) 65%, black) !important;
color: color-mix(in srgb, rgb(237, 123, 1) 15%, white) !important;
}
}
.btn-accordion{
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
text-transform: uppercase;
}
.btn-full-width a {
width: 100%;
display: block;
}
/* button main classes: .btn.btn-main */
.btn-main a,
a.btn-main,
button.btn-main{
display: inline-block;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn-main a #bg-hero-image-top,
a.btn-main #bg-hero-image-top,
button.btn-main #bg-hero-image-top {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-main a #bg-hero-image-middle,
a.btn-main #bg-hero-image-middle,
button.btn-main #bg-hero-image-middle{
fill: rgb(0, 117, 75);
opacity: 0.2;
mix-blend-mode: color-dodge;
}
.btn-main a #bg-hero-image-bottom,
a.btn-main #bg-hero-image-bottom,
button.btn-main #bg-hero-image-bottom {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-main a:hover,
a.btn-main:hover,
button.btn-main:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
/* button base classes: .btn-base */
/* main div:not(.btn) a:not(.btn), */
.btn-base a,
.btn-base .push-button,
a.btn-base,
button.btn-base{
font-size: 1rem;
line-height: 1.25rem;
font-weight: 700;
text-decoration-line: underline;
color: var(--button-bg-dark-color);
}
.btn-arrow a,
a.btn-arrow,
button.btn-arrow{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-width: 2px;
border-style: solid;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.btn-arrow a,
a.paragraph--type--c-row-100.btn-arrow,
button.paragraph--type--c-row-100.btn-arrow{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.btn-arrow a,
a.btn-arrow,
button.btn-arrow {
background-color: var(--button-bg-light-color);
color: var(--button-bg-dark-color);
border-color: var(--button-border-dark-color);
&:hover {
background-color: var(--button-bg-light-color-hover);
color: var(--button-text-light-color);
}
}
.btn-arrow.btn-full-width a:after{
margin-left: auto;
}
.btn-arrow a:after,
a.btn-arrow::after,
button.btn-arrow::after{
position: relative;
margin-left: 0.5rem;
height: 14px;
width: 1rem;
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
background-color: var(--button-bg-dark-color);
}
.btn-arrow a:hover:after,
a.btn-arrow:hover:after,
button.btn-arrow:hover:after{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.btn-arrow a:hover #bg-hero-image-top:after,
a.btn-arrow:hover #bg-hero-image-top:after,
button.btn-arrow:hover #bg-hero-image-top:after{
fill: rgb(229, 246, 240);
}
.btn-arrow a:hover #bg-hero-image-middle:after,
a.btn-arrow:hover #bg-hero-image-middle:after,
button.btn-arrow:hover #bg-hero-image-middle:after{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.btn-arrow a:hover #bg-hero-image-bottom:after,
a.btn-arrow:hover #bg-hero-image-bottom:after,
button.btn-arrow:hover #bg-hero-image-bottom:after{
fill: rgb(229, 246, 240);
}
.btn-download a,
a.btn-download,
button.btn-download{
position: relative;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
border-width: 2px;
border-style: solid;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.btn-download a,
a.paragraph--type--c-row-100.btn-download,
button.paragraph--type--c-row-100.btn-download{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.btn-download a,
a.btn-download,
button.btn-download {
padding: var(--button-py) var(--button-px) !important;
background-color: var(--button-bg-dark-color);
color: var(--button-text-light-color);
border-color: var(--button-border-dark-color);
&:hover {
background-color: var(--button-bg-light-color);
color: var(--button-text-dark-color);
}
}
.btn-download a:after,
a.btn-download:after,
button.btn-download:after{
position: relative;
margin-right: 0.5rem;
height: 1rem;
width: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.btn-download a #bg-hero-image-top:after,
a.btn-download #bg-hero-image-top:after,
button.btn-download #bg-hero-image-top:after{
fill: rgb(229, 246, 240);
}
.btn-download a #bg-hero-image-middle:after,
a.btn-download #bg-hero-image-middle:after,
button.btn-download #bg-hero-image-middle:after{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.btn-download a #bg-hero-image-bottom:after,
a.btn-download #bg-hero-image-bottom:after,
button.btn-download #bg-hero-image-bottom:after{
fill: rgb(229, 246, 240);
}
.btn-download a:after,
a.btn-download:after,
button.btn-download:after {
-webkit-mask: 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") no-repeat;
mask: 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") no-repeat;
}
.btn-download a:hover:after,
a.btn-download:hover::after,
button.btn-download:hover::after {
background-color: var(--button-bg-dark-color);
}
.btn-arrow.btn-scheme-light a:hover,
.btn-download.btn-scheme-light a:hover,
.btn-icon.btn-scheme-light a:hover,
input.btn-primary.btn-scheme-light:hover,
button.btn-primary.btn-scheme-light:hover,
.btn-primary.btn-scheme-light a:hover {
color: var(--button-text-light-color);
border-color: var(--button-text-light-color);
&:after {
background-color: currentColor;
}
}
.wysiwyg-text table, .paragraph--type--component-table table {
thead th, tbody td {
border-right-width: 0;
}
}
.system_breadcrumb_block{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
@media (min-width: 640px){
.system_breadcrumb_block{
max-width: 640px;
}
}
@media (min-width: 768px){
.system_breadcrumb_block{
max-width: 768px;
}
}
@media (min-width: 1024px){
.system_breadcrumb_block{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.system_breadcrumb_block{
max-width: 1280px;
}
}
@media (min-width: 1536px){
.system_breadcrumb_block{
max-width: 1536px;
}
}
.system_breadcrumb_block{
position: absolute;
left: 50%;
z-index: 40;
display: flex;
--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));
align-items: center;
justify-content: flex-start;
padding-top: 30px;
font-size: 0.875rem;
line-height: 1.25rem;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.system_breadcrumb_block{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media screen and (min-width: 1120px) {
.system_breadcrumb_block{
max-width: 1120px !important;
}
.container_slim.system_breadcrumb_block,
.container_slim .system_breadcrumb_block{
max-width: 900px !important;
}
}
.container_full_width .system_breadcrumb_block{
max-width: 100% !important;
}
.style-clean > .system_breadcrumb_block{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
@media not all and (min-width: 1280px){
.system_breadcrumb_block{
display: none;
}
}
.system_breadcrumb_block {
ol{
display: flex;
}
@media not all and (min-width: 1280px){
ol.paragraph--type--c-row-100{
flex-direction: column;
}
}
@media not all and (min-width: 1280px){
ol.paragraph--type--c-row-100{
align-items: center;
}
}
@media not all and (min-width: 1280px){
ol.paragraph--type--c-row-100{
justify-content: center;
}
}
ol {
li:after {
content: '';
}
li:after{
display: inline-block;
}
li:after{
height: 0.75rem;
}
li:after{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
li:after {
background-color: var(--breadcrumb-color);
/* Set visible color to #454545 */
--mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask: var(--mask);
-webkit-mask-size: contain;
-webkit-mask: var(--mask);
mask: var(--mask);
mask-size: contain;
}
}
}
.system_breadcrumb_block a{
text-decoration-line: none !important;
}
.system_breadcrumb_block .last-item::after{
display: none;
}
.system_breadcrumb_block .last-item{
font-weight: 600;
}
.breadcrumbs-content li {
color: var(--breadcrumb-color);
}
.component-accordion-item{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0px 0px 30px 0px #0000001A;
--tw-shadow-colored: 0px 0px 30px 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);
}
.component-accordion-item #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
.component-accordion-item #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.component-accordion-item #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
.accordion-button{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
.accordion-button:after{
--tw-bg-opacity: 1;
background-color: rgb(237 123 1 / var(--tw-bg-opacity, 1));
}
.accordion-button #bg-hero-image-top:after {
fill: hsl(from rgb(237, 123, 1) calc(h + 1) calc(s - 11) calc(l - 7));
}
.accordion-button #bg-hero-image-middle:after{
fill: rgb(237, 123, 1);
mix-blend-mode: multiply;
}
.accordion-button #bg-hero-image-bottom:after {
fill: hsl(from rgb(237, 123, 1) calc(h + 1) calc(s - 11) calc(l - 7));
}
.accordion-body{
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 1.75rem;
}
.paragraph--type--component-hero{
position: relative;
}
.hero-comidamed,
.hero-image{
min-height: -moz-max-content !important;
min-height: max-content !important;
align-items: center;
justify-content: flex-start;
.hero-inner{
margin-left: auto;
margin-right: auto;
}
.hero-inner{
width: 100%;
}
.hero-inner{
max-width: 1080px;
}
.hero-inner{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 1280px){
.hero-inner{
display: grid;
}
}
@media (min-width: 1280px){
.hero-inner{
grid-template-columns: 620px auto;
}
}
@media (min-width: 1280px){
.hero-inner{
gap: 1.5rem;
}
}
.hero__content{
order: 1;
}
.hero__content{
width: 100%;
}
.hero__content{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
@media (min-width: 1280px){
.hero__content{
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.hero__image{
position: relative;
}
.hero__image{
order: 2;
}
.hero__image{
width: 100%;
}
.hero__image{
flex-shrink: 1;
}
.hero__image {
/* right side of viewport ( container - content width + gap */
width: calc(100vw - ((100vw - 1080px) / 2 + 620px + 20px + 24px));
/* width: calc(((100vw - 1080px) / 2) - 20px + (1080px - 620px + 24px + 20px)); */
}
picture{
position: absolute;
}
picture{
left: 0px;
}
picture{
display: block;
}
picture{
height: 100%;
}
picture {
img{
display: block;
}
img{
height: 100%;
}
img{
-o-object-fit: contain;
object-fit: contain;
}
img{
-o-object-position: center;
object-position: center;
}
}
}
.hero-comidamed{
overflow: visible !important;
@media not all and (min-width: 1280px){
.h1,
h1,
p{
text-align: center;
}
}
.bg-before{
overflow: hidden;
}
.hero__image{
height: calc(100% + 160px);
}
.hero__image{
max-width: 490px;
}
}
.hero-background-image,
.hero-plain{
align-items: center;
justify-content: flex-start;
.hero-inner{
margin-left: auto;
margin-right: auto;
}
.hero-inner{
width: 100%;
}
.hero-inner{
max-width: 1100px;
}
}
.hero-comidamed {
.bg-before {
content: '';
position: absolute;
display: block !important;
width: 100%;
height: 100%;
top: 0;
}
.bg-before {
left: 0;
}
}
.hero-image,
.hero-background-image {
overflow: hidden;
.bg-before,
.bg-after {
content: '';
position: absolute;
display: block !important;
width: 100%;
height: 100%;
top: 0;
}
.bg-before {
left: 0;
}
.bg-after {
transform: rotate(180deg);
right: 0;
}
}
.bg-bg-white #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
.bg-bg-white #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.bg-bg-white #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
/* hsl(158, 100%, 23%) */
.bg-bg-main #bg-hero-image-top {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
.bg-bg-main #bg-hero-image-middle{
fill: rgb(0, 117, 75);
opacity: 0.2;
mix-blend-mode: color-dodge;
}
.bg-bg-main #bg-hero-image-bottom {
fill: hsl(from rgb(0, 117, 75) calc(h + 0) calc(s + 0) calc(l + 2))
}
/* hsl(159, 49%, 93%) */
.bg-bg-light #bg-hero-image-top{
fill: rgb(229, 246, 240);
fill: hsl(from rgb(229, 246, 240) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-light #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.bg-bg-light #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
fill: hsl(from rgb(229, 246, 240) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-dark #bg-hero-image-top {
fill: hsl(from rgb(237, 123, 1) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-dark #bg-hero-image-middle{
fill: rgb(237, 123, 1);
mix-blend-mode: multiply;
}
.bg-bg-dark #bg-hero-image-bottom {
fill: hsl(from rgb(237, 123, 1) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-black #bg-hero-image-top {
fill: hsl(from rgb(0, 0, 0) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-black #bg-hero-image-middle{
fill: rgb(0, 0, 0);
mix-blend-mode: multiply;
}
.bg-bg-black #bg-hero-image-bottom {
fill: hsl(from rgb(0, 0, 0) calc(h + 1) calc(s - 11) calc(l - 7));
}
/* calculators */
.paragraph--type--component-calculator {
/* --> refined - START */
color: inherit !important;
--tw-bg-opacity: 1;
background-color: rgb(229 246 240 / var(--tw-bg-opacity, 1))
}
.paragraph--type--component-calculator #bg-hero-image-top{
fill: rgb(229, 246, 240);
fill: hsl(from rgb(229, 246, 240) calc(h + 1) calc(s - 11) calc(l - 7));
}
.paragraph--type--component-calculator #bg-hero-image-middle{
fill: rgb(229, 246, 240);
mix-blend-mode: multiply;
}
.paragraph--type--component-calculator #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
fill: hsl(from rgb(229, 246, 240) calc(h + 1) calc(s - 11) calc(l - 7));
}
.paragraph--type--component-calculator {
&:last-child{
padding-bottom: 5rem;
}
.bg-before{
pointer-events: none;
}
.bg-before{
position: absolute;
}
.bg-before{
top: 0px;
}
.bg-before{
left: 0px;
}
.bg-before{
display: block;
}
.bg-before{
height: 100%;
}
.bg-before{
width: 100%;
}
.bg-before{
--tw-content: '';
content: var(--tw-content);
}
.form-actions{
position: relative;
}
.form-submit,
.next-step{
font-family: museo, sans-serif;
}
details summary + *{
margin-top: 2rem;
}
details summary > div{
font-family: museo, sans-serif;
}
.form-type-checkbox label {
position: relative;
padding-left: 30px;
}
.form-type-checkbox label:after,
.form-type-checkbox label:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
border-radius: 3px;
background-color: white;
position: absolute;
top: 0;
left: 0;
}
.form-type-checkbox label:before {
border-width: 1px;
border-style: solid;
border-color: var(--calculator-input-border-color);
}
.form-type-checkbox:has(input:checked) label:before {
background-color: var(--calculator-checkbox-checked-bg-color);
border-color: var(--calculator-checkbox-checked-bg-color);
}
.form-type-checkbox:has(input:checked) label:after {
border-width: 1px;
border-style: solid;
border-color: var(--calculator-checkbox-checked-border-color);
background: var(--calculator-checkbox-mark-color);
-webkit-mask: var(--form-input-checkbox-mark);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask: var(--form-input-checkbox-mark);
mask: var(--form-input-checkbox-mark);
mask-repeat: no-repeat;
mask-size: contain;
}
/* --> refined - END */
.calc--item_wrapper{
position: relative;
}
.calc--item_wrapper{
margin-bottom: 2rem;
}
.calc--item_wrapper{
display: grid;
}
.style-clean > .calc--item_wrapper{
gap: 0px !important;
}
.adv-gap-none > .calc--item_wrapper{
gap: 0px;
}
.adv-gap-big > .calc--item_wrapper{
gap: 2rem;
}
@media (min-width: 768px){
.adv-gap-big > .calc--item_wrapper{
gap: 4rem;
}
}
.footer .calc--item_wrapper>div:first-of-type p{
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer .calc--item_wrapper>div:first-of-type p{
font-weight: 300;
}
.footer .calc--item_wrapper>div:first-of-type p{
color: rgb(255 255 255 / 0.5);
}
.paragraph--type--c-grid > .calc--item_wrapper:has(.paragraph--type--component-tip) {
counter-reset: index;
}
.paragraph--type--c-grid > .calc--item_wrapper .paragraph--type--component-tip:after{
position: absolute;
}
.paragraph--type--c-grid > .calc--item_wrapper .paragraph--type--component-tip:after{
top: 2rem;
}
.paragraph--type--c-grid > .calc--item_wrapper .paragraph--type--component-tip:after{
left: 2rem;
}
.paragraph--type--c-grid > .calc--item_wrapper .paragraph--type--component-tip:after{
font-size: 30px;
line-height: 1.2em;
}
.paragraph--type--c-grid > .calc--item_wrapper .paragraph--type--component-tip:after{
line-height: 0.7em;
}
.paragraph--type--c-grid > .calc--item_wrapper .paragraph--type--component-tip:after {
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
.calc--item_wrapper {
input,
select{
margin-bottom: 0px !important;
}
.error:not(:empty){
order: 9999;
}
.error:not(:empty){
margin-top: 0.75rem;
}
.error:not(:empty){
font-size: 0.875rem;
line-height: 1.25rem;
}
.error:not(:empty){
--tw-text-opacity: 1;
color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
position: relative;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
margin-bottom: 1rem;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
display: inline-block;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
display: flex;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
align-items: center;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
justify-content: flex-start;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
font-size: 15px;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
font-weight: 700;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
line-height: 15px;
}
.calc--item_wrapper .form-item > legend,
.form-type-number label,
.form-type-select label,
.form-type-textfield label,
.form-type-textarea label,
.form-type-date label,
.form-type-range label{
--tw-text-opacity: 1;
color: rgb(69 69 69 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.calc--item_wrapper .form-item > legend,.paragraph--type--c-row-100
.form-type-number label,.paragraph--type--c-row-100
.form-type-select label,.paragraph--type--c-row-100
.form-type-textfield label,.paragraph--type--c-row-100
.form-type-textarea label,.paragraph--type--c-row-100
.form-type-date label,.paragraph--type--c-row-100
.form-type-range label{
flex-direction: column;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.calc--item_wrapper .form-item > legend,.paragraph--type--c-row-100
.form-type-number label,.paragraph--type--c-row-100
.form-type-select label,.paragraph--type--c-row-100
.form-type-textfield label,.paragraph--type--c-row-100
.form-type-textarea label,.paragraph--type--c-row-100
.form-type-date label,.paragraph--type--c-row-100
.form-type-range label{
align-items: center;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.calc--item_wrapper .form-item > legend,.paragraph--type--c-row-100
.form-type-number label,.paragraph--type--c-row-100
.form-type-select label,.paragraph--type--c-row-100
.form-type-textfield label,.paragraph--type--c-row-100
.form-type-textarea label,.paragraph--type--c-row-100
.form-type-date label,.paragraph--type--c-row-100
.form-type-range label{
justify-content: center;
}
}
.calc-info-wrapper{
display: inline-block;
}
@media (min-width: 768px){
.calc-info-wrapper{
position: relative;
}
}
.calc--item-grid{
display: grid;
}
.style-clean > .calc--item-grid{
gap: 0px !important;
}
.adv-gap-none > .calc--item-grid{
gap: 0px;
}
.adv-gap-big > .calc--item-grid{
gap: 2rem;
}
@media (min-width: 768px){
.adv-gap-big > .calc--item-grid{
gap: 4rem;
}
}
.footer .calc--item-grid>div:first-of-type p{
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer .calc--item-grid>div:first-of-type p{
font-weight: 300;
}
.footer .calc--item-grid>div:first-of-type p{
color: rgb(255 255 255 / 0.5);
}
.paragraph--type--c-grid > .calc--item-grid:has(.paragraph--type--component-tip) {
counter-reset: index;
}
.paragraph--type--c-grid > .calc--item-grid .paragraph--type--component-tip:after{
position: absolute;
}
.paragraph--type--c-grid > .calc--item-grid .paragraph--type--component-tip:after{
top: 2rem;
}
.paragraph--type--c-grid > .calc--item-grid .paragraph--type--component-tip:after{
left: 2rem;
}
.paragraph--type--c-grid > .calc--item-grid .paragraph--type--component-tip:after{
font-size: 30px;
line-height: 1.2em;
}
.paragraph--type--c-grid > .calc--item-grid .paragraph--type--component-tip:after{
line-height: 0.7em;
}
.paragraph--type--c-grid > .calc--item-grid .paragraph--type--component-tip:after {
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
.calc--item-grid {
grid-template-areas:
'label .'
'input unit'
'error .'
;
margin-bottom: 30px;
grid-template-columns: auto 1fr;
-moz-column-gap: 16px;
column-gap: 16px;
align-items: center;
label {
grid-area: label;
grid-column: span 2;
}
input {
grid-area: input;
justify-content: flex-start;
margin-bottom: 0;
width: 100px !important;
};
.unit {
grid-area: unit;
}
.error {
grid-area: error;
grid-column: span 2;
&:not(:empty){
margin-top: 0.75rem;
}
&:not(:empty){
font-size: 0.875rem;
line-height: 1.25rem;
}
&:not(:empty){
--tw-text-opacity: 1;
color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
}
.form-item{
display: contents;
}
}
.form-type-range{
margin-top: 2.5rem;
}
.form-type-range {
.range-markers{
position: relative;
}
.range-markers{
margin-top: 5px;
}
.range-markers{
display: flex;
}
.range-markers{
justify-content: space-between;
}
.range-markers{
padding-left: 9px;
padding-right: 9px;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.range-markers{
flex-direction: column;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.range-markers{
align-items: center;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.range-markers{
justify-content: center;
}
}
.range-markers-tick{
position: absolute;
}
.range-markers-tick{
z-index: 1;
}
.range-markers-tick{
--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));
}
.range-markers-tick{
font-size: 0.75rem;
line-height: 1rem;
}
.range-markers-line{
position: absolute;
}
.range-markers-line{
bottom: 13px;
}
.range-markers-line{
height: 9px;
}
.range-markers-line{
width: 3px;
}
.range-markers-line{
--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));
}
.range-markers-line{
--tw-bg-opacity: 1;
background-color: rgb(177 213 201 / var(--tw-bg-opacity, 1));
}
input[type=range] {
height: 25px;
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
border: none !important;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 3px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #FFFFFF;
background: #B1D5C9;
border-radius: 0px;
border: 0px solid #FFFFFF;
position: relative;
z-index: 2;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #FFFFFF;
border: 0px solid #FFFFFF;
height: 19px;
width: 18px;
border-radius: 50px;
background: #00754B;
cursor: pointer;
-webkit-appearance: none;
margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #B1D5C9;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 3px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #FFFFFF;
background: #B1D5C9;
border-radius: 0px;
border: 0px solid #FFFFFF;
position: relative;
z-index: 2;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #FFFFFF;
border: 0px solid #FFFFFF;
height: 19px;
width: 18px;
border-radius: 50px;
background: #00754B;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 3px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
color: transparent;
position: relative;
z-index: 2;
}
input[type=range]::-ms-fill-lower {
background: #B1D5C9;
border: 0px solid #FFFFFF;
border-radius: 0px;
box-shadow: 0px 0px 0px #FFFFFF;
}
input[type=range]::-ms-fill-upper {
background: #B1D5C9;
border: 0px solid #FFFFFF;
border-radius: 0px;
box-shadow: 0px 0px 0px #FFFFFF;
}
input[type=range]::-ms-thumb {
margin-top: 1px;
box-shadow: 0px 0px 0px #FFFFFF;
border: 0px solid #FFFFFF;
height: 19px;
width: 18px;
border-radius: 50px;
background: #00754B;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #B1D5C9;
}
input[type=range]:focus::-ms-fill-upper {
background: #B1D5C9;
}
}
.form-range{
display: block;
}
.form-range{
width: 100%;
}
.form-number,
.form-textarea,
.form-text,
.form-date,
.form-type-select .form-select{
display: block;
}
.form-number,
.form-textarea,
.form-text,
.form-date,
.form-type-select .form-select{
border-radius: 10px;
}
.form-number,
.form-textarea,
.form-text,
.form-date,
.form-type-select .form-select{
border-width: 1px;
}
.form-number,
.form-textarea,
.form-text,
.form-date,
.form-type-select .form-select{
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
input,
select,
textarea {
border: 1px solid var(--calculator-input-border-color) !important;
}
.form-date,
.form-number{
padding-left: 1rem;
padding-right: 1rem;
}
.form-date,
.form-number{
padding-top: 18px;
padding-bottom: 18px;
}
.transition_formula_markup{
margin-bottom: 2.5rem;
}
.transition_formula_markup{
font-size: 1rem;
line-height: 1rem;
}
.transition_formula_markup {
.placeholder{
font-weight: 700;
}
.placeholder{
font-style: normal;
}
.placeholder{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
}
.calories_density_markup{
position: relative;
}
.calories_density_markup{
font-size: 15px;
}
.calories_density_markup{
font-weight: 700;
}
.calories_density_markup{
line-height: 15px;
}
.calories_density_markup-row{
margin-top: 1rem;
}
.calories_density_markup-row{
display: flex;
}
.calories_density_markup-row{
flex-wrap: wrap;
}
.calories_density_markup-row{
align-items: center;
}
.calories_density_markup-row{
gap: 2rem;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.calories_density_markup-row{
flex-direction: column;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.calories_density_markup-row{
align-items: center;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.calories_density_markup-row{
justify-content: center;
}
}
#calories_density_default_markup{
position: relative;
}
#calories_density_default_markup{
font-weight: 400;
}
#calories_density_default_markup{
line-height: 1.5;
}
#calories_density_default_markup {
.calc-info-wrapper{
display: inline;
}
}
#edit-desired-calorie-density{
width: 100px;
}
#edit-method-desired-calorie-density{
display: flex;
}
#edit-method-desired-calorie-density{
align-items: center;
}
#edit-method-desired-calorie-density{
gap: 1rem;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100#edit-method-desired-calorie-density{
flex-direction: column;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100#edit-method-desired-calorie-density{
align-items: center;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100#edit-method-desired-calorie-density{
justify-content: center;
}
}
#edit-method-desired-calorie-density {
.form-item{
margin-bottom: 0px !important;
}
}
#set_calories_density,
#reset_default_calories_density{
margin-left: 1rem;
}
#set_calories_density,
#reset_default_calories_density{
display: inline;
}
#set_calories_density,
#reset_default_calories_density{
font-weight: 700;
}
#set_calories_density,
#reset_default_calories_density{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
#set_calories_density,
#reset_default_calories_density{
text-decoration-line: underline;
}
#edit-start-date{
width: 100%;
}
}
/* calculator accordion */
.calc--accordion {
> div{
padding-bottom: 0px;
}
.component-accordion-item{
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / var(--tw-bg-opacity, 1));
}
.accordion-button{
margin-bottom: 0px !important;
}
.accordion-button{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.accordion-button{
margin-bottom: .4em;
}
.accordion-button{
font-size: 24px;
line-height: 1.2em;
}
.accordion-button{
font-weight: 700;
}
@media (min-width: 1280px){
.accordion-button{
font-size: 30px;
line-height: 1.2em;
}
}
.accordion-button,.accordion-button *{
font-family: museo, sans-serif;
}
.accordion-button,.accordion-button *{
font-family: museo, sans-serif;
}
@media not all and (min-width: 768px){
.accordion-button{
padding: 1.25rem;
}
}
@media (min-width: 768px){
.accordion-button{
padding: 3.5rem;
}
}
.accordion-button {
&:after{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
& #bg-hero-image-top:after{
fill: rgb(229, 246, 240);
}
& #bg-hero-image-middle:after{
fill: rgb(229, 246, 240);
}
& #bg-hero-image-middle:after{
mix-blend-mode: multiply;
}
& #bg-hero-image-bottom:after{
fill: rgb(229, 246, 240);
}
}
@media not all and (min-width: 768px){
.accordion-body{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media not all and (min-width: 768px){
.accordion-body{
padding-bottom: 1.25rem;
}
}
@media (min-width: 768px){
.accordion-body{
padding-left: 3.5rem;
padding-right: 3.5rem;
}
}
@media (min-width: 768px){
.accordion-body{
padding-bottom: 3.5rem;
}
}
.paragraph--type--component-text{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.paragraph--type--component-text {
h6{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
table {
margin: 30px 0;
overflow-x: auto;
tr {
border: none;
td {
width: calc(100% / 3);
padding-top: 0;
padding-bottom: 0;
vertical-align: top
}
@media not all and (min-width: 768px){
td{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
td {
border: none;
img {
border-radius: 10px;
overflow: hidden;
}
img{
margin-left: auto;
margin-right: auto;
}
img{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
img{
max-width: 160px;
}
}
p{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 768px){
p{
font-size: 0.75rem;
line-height: 1rem;
}
}
&:has(p) {
padding-top: 20px;
}
}
}
}
h6 {
font-family: 'Noto Sans';
font-weight: 600;
font-size: 17px;
line-height: 1.75;
}
p{
font-weight: 15px;
}
p{
line-height: 1.5em;
}
p{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
> p:last-child{
color: rgba(177, 221, 201, 1);
}
}
}
.calc-comidamed_style.pdf_print {
aspect-ratio: 210 / 290;
padding: 30px 40px;
background-color: #fff;
font-size: 10px;
color: #000;
display: flex;
flex-direction: column;
}
.calc-comidamed_style {
.pdf-preview-title{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
.calculated_result{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.calculated_result{
overflow-x: auto;
}
.calculated_result{
text-align: center;
}
.btn.calculated_result {
display: flex;
align-items: center;
justify-content: center
}
.calculated_result {
table{
width: 100%;
}
tbody tr td{
max-width: 110px;
}
tbody tr td{
border-width: 1px;
}
tbody tr td{
border-color: rgba(177, 221, 201, 1);
}
tbody tr td{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
tbody tr td{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
tbody tr td{
padding-left: 1rem;
padding-right: 1rem;
}
tbody tr td{
font-size: 0.875rem;
line-height: 1.25rem;
}
tbody tr td #bg-hero-image-top{
fill: rgb(229, 246, 240);
}
tbody tr td #bg-hero-image-middle{
fill: rgb(229, 246, 240);
}
tbody tr td #bg-hero-image-middle{
mix-blend-mode: multiply;
}
tbody tr td #bg-hero-image-bottom{
fill: rgb(229, 246, 240);
}
tbody tr{
border-style: none;
}
tbody tr:first-of-type td{
border-top-width: 0px;
}
tbody tr:last-of-type td{
border-bottom-width: 0px;
}
tbody tr td.first-col{
border-left-width: 0px;
}
tbody tr td.first-col{
text-align: left;
}
tbody tr td.first-col{
font-weight: 700;
}
tbody tr td.first-col{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
tbody.btn tr td.first-col {
display: flex;
align-items: center;
justify-content: flex-start;
}
tbody tr td:first-of-type{
border-left-width: 0px;
}
tbody tr td:last-of-type{
border-right-width: 0px;
}
tbody tr:first-of-type td{
padding-top: 1rem;
}
tbody tr:first-of-type td:last-of-type{
border-top-right-radius: 10px;
}
tbody tr:first-of-type td:first-of-type{
border-top-left-radius: 10px;
}
tbody tr:last-of-type td:last-of-type{
border-bottom-right-radius: 10px;
}
tbody tr:last-of-type td:first-of-type{
border-bottom-left-radius: 10px;
}
.strong-cell{
font-weight: 700;
}
.header-row td{
font-weight: 700;
}
.header-row td{
--tw-text-opacity: 1;
color: rgb(0 117 75 / var(--tw-text-opacity, 1));
}
.confirm-actions{
margin-top: 2rem;
margin-bottom: 2rem;
}
}
/* print preview:: print:: START */
.pdf_print-header {
margin-bottom: 30px;
display: flex;
justify-content: center;
gap: 6%;
}
.pdf_print-header .pdf_print-info_item {
width: 47%;
}
.pdf_print-title {
margin-bottom: 15px;
text-align: center;
}
.pdf_print-title h1 {
font-family: museo;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.pdf_print-text_top {
margin-bottom: 15px;
}
.pdf_print-bottom {
margin-bottom: 20px;
}
.pdf_print-footer {
margin-top: auto;
margin-bottom: 20px;
display: flex;
gap: 10%;
}
.pdf_print-footer-col {
width: 45%;
}
.pdf_print-footer-note {
text-align: center;
font-size: 8px;
}
/* print preview:: print:: info item - START */
.pdf_print-info_item {
display: flex;
}
.pdf_print-info_item:not(:last-child) {
margin-bottom: 15px;
}
.pdf_print-info_item-wrapper {
display: flex;
flex-direction: column;
}
.pdf_print-info_item label {
text-transform: uppercase;
font-family: museo;
font-weight: 700;
}
/* print preview:: info item - END */
/* print preview:: print:: table - START */
.pdf_print-table_wrapper {
border-radius: 8px;
border: 1px solid rgba(0, 117, 75, 1);
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.pdf_print-table_wrapper {
overflow-x: auto;
}
}
.pdf_print-table_wrapper table tr:nth-child(1) {
border-bottom: none;
}
.pdf_print-table_wrapper table tr td {
padding: 3px 12px 5px;
font-size: 10px;
line-height: 15px;
max-width: 110px;
text-align: center;
}
.pdf_print-table_wrapper table tr.header-row td,
.pdf_print-table_wrapper table tr td.first-col {
font-weight: 600;
color: #333;
}
.pdf_print-table_wrapper table tr td.first-col {
text-align: left;
}
.pdf_print-table_wrapper table tr td.strong-cell {
font-weight: 700;
}
.pdf_print-table_wrapper table tr:nth-child(1) td:not(:last-child),
.pdf_print-table_wrapper table tr:nth-child(2) td:nth-child(2),
.pdf_print-table_wrapper table tr:nth-child(2) td:nth-child(4),
.pdf_print-table_wrapper table tr:not(.header-row) td:not(:last-child) {
border-right: 1px solid rgba(0, 117, 75, 0.5);
}
/* print preview:: print:: table - END */
/* print preview:: print:: wysiwyg - START */
.pdf_print-wysiwyg h2 {
font-size: 20px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 1em;
}
.pdf_print-wysiwyg h3 {
font-family: museo;
font-size: 18px;
font-weight: 700;
line-height: 1;
margin-bottom: 0.5em;
}
.pdf_print-wysiwyg ol {
list-style: decimal;
margin-inline-start: 1em;
margin-bottom: 0.5em;
}
.pdf_print-wysiwyg ul {
list-style: disc;
margin-inline-start: 1em;
margin-bottom: 0.5em;
}
.pdf_print-wysiwyg ol li,
.pdf_print-wysiwyg ul li {
margin-bottom: 0.5em;
}
.pdf_print-wysiwyg p {
margin-bottom: 0.5em;
}
}
.search-no-result {
> p{
margin-bottom: .4em;
}
> p{
text-align: center;
}
> p{
font-size: 1.125rem;
line-height: 1.75rem;
}
.btn> p {
display: flex;
align-items: center;
justify-content: center
}
> p:first-of-type{
font-size: 1.5rem;
line-height: 2rem;
}
> p:first-of-type{
font-weight: 700;
}
> ul{
margin-left: auto;
margin-right: auto;
}
> ul{
margin-bottom: 2.5rem;
}
> ul{
max-width: -moz-max-content;
max-width: max-content;
}
> ul{
list-style-type: disc;
}
> ul{
font-size: 1rem;
line-height: 1.5rem;
}
> ul {
li{
margin-bottom: .3em;
}
}
}
.search-results {
.grid-item img{
height: 260px;
}
.grid-item img{
-o-object-fit: cover;
object-fit: cover;
}
}
.user-login-form,
.user-form.user-register-form,
.user-pass,
.user-form,
.user-cancel-form,
.dsu-security-user-pass-reset {
.password-suggestions {
font-size: var(--form-helper-text-size);
ul{
list-style-type: disc;
}
ul{
padding-inline-start: 1.5rem;
}
}
.password-confirm-message {
.ok {
color: var(--form-success-text-color);
}
.error {
color: var(--form-error-text-color);
}
}
.form-actions{
display: flex;
}
.form-actions{
flex-direction: column;
}
.form-actions{
align-items: center;
}
.form-actions{
justify-content: center;
}
.form-actions{
gap: 1.5rem;
}
.form-actions{
padding-top: 2rem;
}
.form-actions{
padding-bottom: 1.25rem;
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.form-actions{
flex-direction: column;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.form-actions{
align-items: center;
}
}
@media not all and (min-width: 1280px){
.paragraph--type--c-row-100.form-actions{
justify-content: center;
}
}
input.error {
outline-color: var(--form-error-text-color);
outline-style: dotted;
outline-width: 4px;
outline-offset: 2px;
}
.confirm-form{
text-align: center;
}
.btn.confirm-form {
display: flex;
align-items: center;
justify-content: center
}
}
.form-type-checkbox label {
position: relative;
padding-left: 30px;
}
.form-type-checkbox label:after,
.form-type-checkbox label:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
border-radius: 3px;
background-color: white;
position: absolute;
top: 0;
left: 0;
}
.form-type-checkbox label:before {
border-width: 1px;
border-style: solid;
border-color: var(--calculator-input-border-color);
}
.form-type-checkbox:has(input:checked) label:before {
background-color: var(--calculator-checkbox-checked-bg-color);
border-color: var(--calculator-checkbox-checked-bg-color);
}
.form-type-checkbox:has(input:checked) label:after {
border-width: 1px;
border-style: solid;
border-color: var(--calculator-checkbox-checked-border-color);
background: var(--calculator-checkbox-mark-color);
-webkit-mask: var(--form-input-checkbox-mark);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask: var(--form-input-checkbox-mark);
mask: var(--form-input-checkbox-mark);
mask-repeat: no-repeat;
mask-size: contain;
}
.webform-type-webform-telephone .form-item {
float: none !important;
margin: 0 !important;
}
.label-required {
margin-inline-start: 0.25em;
top: -0.25em;
position: relative;
}
/* COMIDAMED users form - START */
.adv-com--form{
display: grid;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.style-clean > .adv-com--form{
gap: 0px !important;
}
.adv-gap-none > .adv-com--form{
gap: 0px;
}
.adv-gap-big > .adv-com--form{
gap: 2rem;
}
@media (min-width: 768px){
.adv-gap-big > .adv-com--form{
gap: 4rem;
}
}
.footer .adv-com--form>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 > .adv-com--form:has(.paragraph--type--component-tip) {
counter-reset: index;
}
.paragraph--type--c-grid > .adv-com--form .paragraph--type--component-tip:after{
position: absolute;
top: 2rem;
left: 2rem;
font-size: 30px;
line-height: 0.7em;
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
@media (min-width: 768px){
.adv-com--form{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.adv-com--form {
@media screen and (min-width: 768px) {
grid-template-areas:
"first-name last-name"
"email country"
"password password-confirm"
;
}
@media screen and (max-width: 768px) {
grid-template-areas:
"first-name"
"last-name"
"email"
"country"
"password"
"password-confirm"
;
}
#edit-pass:has(.form-item),
.form-wrapper{
display: contents;
}
.form-wrapper.field--name-field-first-name .form-item {
grid-area: first-name;
}
.form-wrapper.field--name-field-last-name .form-item {
grid-area: last-name;
}
.form-wrapper .form-item.form-type-email {
grid-area: email;
}
.form-wrapper.field--name-field-country .form-item {
grid-area: country;
}
.password-suggestions,
#edit-pass--description,
#password-policy-status,
.form-item-current-pass,
/* .field--name-field-hospital-number .form-item, */
.form-wrapper .form-item.form-type-checkbox,
.form-wrapper .form-item.form-type-textarea,
.form-wrapper.form-actions,
.form-bottom-text {
grid-column: -1/1;
}
#edit-pass .password-suggestions,
#edit-pass #edit-pass--description,
#edit-pass #password-policy-status {
margin-top: calc(var(--form-label-margin-bottom) - var(--form-item-margin-bottom)) !important;
margin-bottom: var(--form-item-margin-bottom) !important;
}
#password-policy-status {
table {
th,
td {
font-size: var(--form-helper-text-size);
padding: 0 0.5em 0.5em;
vertical-align: top;
text-align: left;
&:first-child {
white-space: nowrap;
}
}
}
}
}
/* COMIDAMED users form - END */
/* @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: ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: currentColor;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
html{
--tw-text-opacity: 1;
color: rgb(69 69 69 / var(--tw-text-opacity, 1));
}
.container{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
@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;
}
.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;
}
.mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.mb-0{
margin-bottom: 0px;
}
.mb-10{
margin-bottom: 2.5rem;
}
.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-10{
margin-top: 2.5rem;
}
.mt-12{
margin-top: 3rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-20{
margin-top: 5rem;
}
.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;
}
.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-\[80px\]{
height: 80px;
}
.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-full{
width: 100% !important;
}
.w-12{
width: 3rem;
}
.w-3{
width: 0.75rem;
}
.w-\[100px\]{
width: 100px;
}
.w-\[14px\]{
width: 14px;
}
.w-\[92px\]{
width: 92px;
}
.w-full{
width: 100%;
}
.w-max{
width: -moz-max-content;
width: max-content;
}
.min-w-0{
min-width: 0px;
}
.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-\[600px\]{
max-width: 600px;
}
.max-w-\[620px\]{
max-width: 620px;
}
.max-w-\[680px\]{
max-width: 680px;
}
.max-w-\[800px\]{
max-width: 800px;
}
.max-w-\[850px\]{
max-width: 850px;
}
.max-w-\[90px\]{
max-width: 90px;
}
.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;
}
.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;
}
.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-1{
gap: 0.25rem;
}
.gap-10{
gap: 2.5rem;
}
.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-\[10px\]{
border-radius: 10px;
}
.rounded-baseRadius{
border-radius: 10px;
}
.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-bg-main{
--tw-border-opacity: 1 !important;
border-color: rgb(0 117 75 / var(--tw-border-opacity, 1)) !important;
}
.border-bg-light{
--tw-border-opacity: 1;
border-color: rgb(229 246 240 / var(--tw-border-opacity, 1));
}
.border-border-primary-light{
border-color: rgba(177, 221, 201, 1);
}
.border-f-secondary{
--tw-border-opacity: 1;
border-color: rgb(237 123 1 / var(--tw-border-opacity, 1));
}
.border-n-grayscale-200{
--tw-border-opacity: 1;
border-color: rgb(239 237 245 / var(--tw-border-opacity, 1));
}
.\!bg-bg-main{
--tw-bg-opacity: 1 !important;
background-color: rgb(0 117 75 / var(--tw-bg-opacity, 1)) !important;
}
.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(237 123 1 / var(--tw-bg-opacity, 1));
}
.bg-bg-dark\/50{
background-color: rgb(237 123 1 / 0.5);
}
.bg-bg-footer{
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / 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(229 246 240 / var(--tw-bg-opacity, 1));
}
.bg-bg-main{
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / 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-grayscale-50{
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / 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(229, 246, 240);
}
.fill-bg-main{
fill: rgb(0, 117, 75);
}
.fill-f-primary{
fill: rgb(0, 117, 75);
}
.\!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: 4rem;
padding-bottom: 4rem;
}
.\!pb-0{
padding-bottom: 0px !important;
}
.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-\[80px\]{
padding-top: 80px;
}
.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: 16px;
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;
}
.lowercase{
text-transform: lowercase;
}
.capitalize{
text-transform: capitalize;
}
.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(0 117 75 / var(--tw-text-opacity, 1)) !important;
}
.text-f-dark{
--tw-text-opacity: 1;
color: rgb(69 69 69 / var(--tw-text-opacity, 1));
}
.text-f-error{
--tw-text-opacity: 1;
color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
.text-f-extra{
--tw-text-opacity: 1;
color: rgb(183 95 0 / 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(0 117 75 / var(--tw-text-opacity, 1));
}
.text-f-secondary{
--tw-text-opacity: 1;
color: rgb(237 123 1 / var(--tw-text-opacity, 1));
}
.text-n-grayscale-800{
--tw-text-opacity: 1;
color: rgb(64 59 84 / var(--tw-text-opacity, 1));
}
.underline{
text-decoration-line: underline;
}
.\!no-underline{
text-decoration-line: none !important;
}
.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;
}
.duration-300{
transition-duration: 300ms;
}
.\@container{
container-type: inline-size;
}
.\[site\:name\]{
site: name;
}
.\[site\:url-brief\]{
site: url-brief;
}
.\[user\:account-name\]{
user: account-name;
}
.\[user\:cancel-url\]{
user: cancel-url;
}
.\[user\:field_first_name\]{
user: field first name;
}
.\[user\:one-time-login-url\]{
user: one-time-login-url;
}
.\[user\:registrationpassword-url\]{
user: registrationpassword-url;
}
.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;
}
.empty\:hidden:empty{
display: none;
}
.hover\:\!bg-bg-white:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-bg-dark\/100:hover{
background-color: rgb(237 123 1 / 1);
}
.hover\:bg-bg-light:hover{
--tw-bg-opacity: 1;
background-color: rgb(229 246 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-bg-main:hover{
--tw-bg-opacity: 1;
background-color: rgb(0 117 75 / var(--tw-bg-opacity, 1));
}
.hover\:\!text-f-primary:hover{
--tw-text-opacity: 1 !important;
color: rgb(0 117 75 / var(--tw-text-opacity, 1)) !important;
}
.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);
}
.hover\:shadow-xl:hover{
--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);
}
.group:hover .group-hover\:visible{
visibility: visible;
}
.group:hover .group-hover\:block{
display: block;
}
.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(0 117 75 / 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\:pt-4{
padding-top: 1rem;
}
.max-xl\:\!text-left{
text-align: left !important;
}
.max-xl\:text-center{
text-align: center;
}
.max-xl\:text-f-light{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .max-xl\:group-hover\:block{
display: block;
}
}
@media not all and (min-width: 1024px){
.max-lg\:hidden{
display: none;
}
.max-lg\:pt-10{
padding-top: 2.5rem;
}
}
@media not all and (min-width: 768px){
.max-md\:hidden{
display: none;
}
.max-md\:\!w-full{
width: 100% !important;
}
.max-md\:w-full{
width: 100%;
}
.max-md\:flex-col{
flex-direction: column;
}
}
@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\: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-gridGapMob{
gap: 1.5rem;
}
.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\:w-\[340px\]{
width: 340px;
}
.lg\:grid-cols-\[1fr_3fr\]{
grid-template-columns: 1fr 3fr;
}
.lg\:flex-row{
flex-direction: row;
}
.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-full{
top: 100%;
}
.xl\:mb-10{
margin-bottom: 2.5rem;
}
.xl\:mb-\[22px\]{
margin-bottom: 22px;
}
.xl\:mb-\[60px\]{
margin-bottom: 60px;
}
.xl\:block{
display: block;
}
.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: 6rem;
padding-bottom: 6rem;
}
.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(229 246 240 / var(--tw-bg-opacity, 1));
}
.group.view-mode-block .xl\:group-\[\.view-mode-block\]\:grid{
display: grid;
}
.group.view-mode-block .xl\:group-\[\.view-mode-block\]\:grid-cols-\[repeat\(3\2c _150px\)\]{
grid-template-columns: repeat(3, 150px);
}
}
.\[\&\.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;
}
.\[\&\>svg\]\:w-\[80px\]>svg{
width: 80px;
}
@media not all and (min-width: 1280px){
.max-xl\:\[\&\>ul\]\:hidden>ul{
display: none;
}
}
@media (min-width: 1280px){
.xl\:\[\&\>ul\]\:invisible>ul{
visibility: hidden;
}
}
.\[\&_\*\]\:\!text-base *{
font-size: 1rem !important;
line-height: 1.5rem !important;
}
.\[\&_\*\]\:\!leading-\[1\.6em\] *{
line-height: 1.6em !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(0 117 75 / 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(0 117 75 / 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-f-secondary .active{
--tw-border-opacity: 1;
border-color: rgb(237 123 1 / 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;
}
@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-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\]\:rounded-\[inherit\] a{
border-radius: inherit;
}
.\[\&_a\]\:\!border-none a{
border-style: none !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\]\:underline a{
text-decoration-line: underline;
}
.\[\&_form\]\:flex form{
display: flex;
}
.\[\&_form\]\:items-center form{
align-items: center;
}
.\[\&_form\]\:justify-start form{
justify-content: flex-start;
}
.\[\&_img\]\:ml-2 img{
margin-left: 0.5rem;
}
.\[\&_img\]\:aspect-square img{
aspect-ratio: 1 / 1;
}
.\[\&_img\]\:h-\[180px\] img{
height: 180px;
}
.\[\&_img\]\:h-\[200px\] img{
height: 200px;
}
.\[\&_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 (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;
}
@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;
}
}