.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1366px;
}
body {font-family: 'Noto Sans';}body {line-height: 1.6;font-size: 1.6rem;font-weight: 400;color: var(--neutral);}.oxy-nav-menu-hamburger-line {background-color: var(--neutral);}h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans';}a {color: var(--action);text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxel_dynamicslider {
 width:100%;
}
.swiper-container {
}
.oxel_dynamicslider__container {
 height:220px;
}
.swiper-wrapper {
}
.swiper-slide {
}
.content-section__heading {
 color:#972024;
 margin-bottom:var(--space-xs) ;
 font-size:var(--text-xl) ;
}
.content-section__heading--light {
 color:rgba(255,255,255,0.8);
}
.fx--fade-up {
}
.content-section {
}
@media (max-width: 991px) {
}

@media (max-width: 767px) {
.content-section {
 text-align:center;
}
.content-section:not(.ct-section):not(.oxy-easy-posts),
.content-section.oxy-easy-posts .oxy-posts,
.content-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.pad-section--s {
}
.smart-spacing {
}
.pad-divider--m {
}
.pad-divider--m .ct-section-inner-wrap {
padding-bottom: var(--section-space-m) ;
}
@media (max-width: 1366px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.pad-divider--m {
}
.pad-divider--m .ct-section-inner-wrap {
padding-bottom: var(--section-space-xl) ;
}
}

@media (max-width: 479px) {
}

.fx--fade-up--d1 {
}
@media (max-width: 767px) {
.fx--fade-up--d1 {
}
}

.balance {
}
.hero {
background-image: linear-gradient(#1d9dc4, #0e5162); text-align:center;
 text-shadow:4px 4px 2px rgba(34, 7, 11, 0.7);
}
.hero .ct-section-inner-wrap {
padding-top: calc(var(--section-space-l)*1.1) ;
padding-right: var(--section-space-x) ;
padding-bottom: calc(var(--section-space-l)*1.1) ;
padding-left: var(--section-space-x) ;
}
.hero:not(.ct-section):not(.oxy-easy-posts),
.hero.oxy-easy-posts .oxy-posts,
.hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.hero--home {
background-image:linear-gradient(rgba(66, 61, 56, 0.1), rgba(66, 61, 56, 0.1)), url(http://salsafoods.eu/wp-content/uploads/2024/09/hero-home.webp); background-position:50% 50%;
}
.pad-section--l {
}
.hero__overline {
 text-transform:uppercase;
 font-size:var(--text-l) ;
 color:#F5F5F5;
 font-weight:600;
 letter-spacing:0.25rem;
 z-index:4;
}
.fx--fade-right {
}
.width--m {
}
.hero__heading {
 color:#F8F7F7;
 font-size:var(--h2) ;
 font-weight:600;
 margin-top:var(--space-xs) ;
 z-index:4;
 margin-bottom:var(--space-xs) ;
}
.fx--fade-left--d1 {
}
@media (max-width: 767px) {
.fx--fade-left--d1 {
}
}

.transition--default {
}
.hero__button:hover{
background-color :#B92727;
border: 1px solid #B92727;
}.hero__button:hover{
 border-top-color:rgba(255,255,255,0.7);
 border-right-color:rgba(255,255,255,0.7);
 border-bottom-color:rgba(255,255,255,0.7);
 border-left-color:rgba(255,255,255,0.7);
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.hero__button {
background-color :rgba(185, 39, 39, 0.7);
border: 1px solid rgba(185, 39, 39, 0.7);
}.hero__button {
 margin-top:var(--space-xs) ;
 button-hover_color:#B92727;
 border-top-color:#F5F5F5;
 border-right-color:#F5F5F5;
 border-bottom-color:#F5F5F5;
 border-left-color:#F5F5F5;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 letter-spacing:0.2rem;
 text-transform:uppercase;
 font-weight:500;
 z-index:4;
 font-size:var(--text-s) ;
 border-radius:var(--radius-m) ;
}
.fx--fade-right--d2 {
}
@media (max-width: 767px) {
.fx--fade-right--d2 {
}
}

.text--condensed {
font-variation-settings: "wdth" 62.5;
}
.text--center {
}
.center--self {
}
.fx--fade-down {
}
.fx--fade-down--d1 {
}
@media (max-width: 767px) {
.fx--fade-down--d1 {
}
}

.fx--fade-down--d2 {
}
@media (max-width: 767px) {
.fx--fade-down--d2 {
}
}

.fx--fade-left {
}
.fx--fade-left--d2 {
}
@media (max-width: 767px) {
.fx--fade-left--d2 {
}
}

.fx--fade-right--d1 {
}
@media (max-width: 767px) {
.fx--fade-right--d1 {
}
}

.bg--action-dark {
}
.text--light {
}
.pad-section--xs {
}
.pad--top--none {
 padding-top:0 !important ;
}
.pad--top--s--none {
}
@media (max-width: 767px) {
.pad--top--s--none {
 padding-top:0 !important ;
}
.pad--top--s--none .ct-section-inner-wrap {
padding-top: var(--space-l) ;
}
}

.display--block {
}
.display--block:not(.ct-section):not(.oxy-easy-posts),
.display--block.oxy-easy-posts .oxy-posts,
.display--block.ct-section .ct-section-inner-wrap{
display:block;
}
.frame--circle {
 border-radius:50%;
 overflow:hidden;
shape-outside: circle(50% at center center);
}
.float--left {
 float:left;
}
.image--circle {
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#fff;
 border-right-color:#fff;
 border-bottom-color:#fff;
 border-left-color:#fff;
 z-index:11;
 position:relative;
 background-color:#fff;
}
@media (max-width: 991px) {
}

@media (max-width: 767px) {
.image--circle {
 float:none;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:auto;
 margin-right:auto;
}
}

.image--circle--float--left {
 margin-right:var(--space-m) ;
 margin-bottom:var(--space-xs) ;
}
.fx--fade-up--d2 {
}
@media (max-width: 767px) {
.fx--fade-up--d2 {
}
}

.shadow--primary {
}
.header--primary {
 background-color:#D72329;
 padding-top:var(--space-s) ;
 padding-bottom:var(--space-s) ;
 padding-left:var(--space-l) ;
 padding-right:var(--space-l) ;
}
.menu--primary {
 letter-spacing:0.15rem;
 font-weight:600;
 font-size:var(--h4) ;
}
.footer {
 background-color:rgba(33, 29, 28, 0.7);
 border-top-style:solid;
 border-top-width:2px;
 border-top-color:#ffffff;
}
.footer .ct-section-inner-wrap {
padding-right: var(--space-l) ;
padding-left: var(--space-l) ;
}
.footer__row--primary {
 padding-top:var(--space-s) ;
 padding-bottom:var(--space-s) ;
}
.footer__row--secondary {
 border-top-style:solid;
 border-top-width:1px;
 border-top-color:#7d7d7d;
 padding-top:var(--space-xs) ;
 padding-bottom:var(--space-xs) ;
 text-align:center;
}
.footer__row--secondary:not(.ct-section):not(.oxy-easy-posts),
.footer__row--secondary.oxy-easy-posts .oxy-posts,
.footer__row--secondary.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.footer__copyright {
}
.bg--custom-1000-island {
}
.bg--custom-bbq-sauce {
}
.bg--custom-bora-bora {
}
.bg--custom-burger-sauce {
}
.bg--custom-chicken-marinade {
}
.bg--custom-chutney {
}
.bg--custom-crushed-garlic {
}
.bg--custom-garlic-mayo {
}
.bg--custom-lemon-herb {
}
.bg--custom-mayonnaise {
}
.bg--custom-mustard {
}
.bg--custom-peri-peri {
}
.bg--custom-salad-dressing {
}
.bg--custom-sweet-chilli {
}
.bg--custom-tartare {
}
.bg--custom-tomato-sauce {
}
.bg--custom-topping-sauce {
}
.text--custom-1000-island {
}
.text--custom-bbq-sauce {
}
.text--custom-bora-bora {
}
.text--custom-burger-sauce {
}
.text--custom-chicken-marinade {
}
.text--custom-chutney {
}
.text--custom-crushed-garlic {
}
.text--custom-garlic-mayo {
}
.text--custom-lemon-herb {
}
.text--custom-mayonnaise {
}
.text--custom-mustard {
}
.text--custom-peri-peri {
}
.text--custom-salad-dressing {
}
.text--custom-sweet-chilli {
}
.text--custom-tartare {
}
.text--custom-tomato-sauce {
}
.text--custom-topping-sauce {
}
.focus-parent {
}
.hidden-accessible {
}
.bg--action {
}
.bg--action-hover {
}
.bg--action-ultra-light {
}
.bg--action-light {
}
.bg--action-medium {
}
.bg--action-ultra-dark {
}
.bg--action-comp {
}
.bg--action-trans-10 {
}
.bg--action-trans-20 {
}
.bg--action-trans-30 {
}
.bg--action-trans-40 {
}
.bg--action-trans-50 {
}
.bg--action-trans-60 {
}
.bg--action-trans-70 {
}
.bg--action-trans-80 {
}
.bg--action-trans-90 {
}
.bg--action-light-trans-10 {
}
.bg--action-light-trans-20 {
}
.bg--action-light-trans-30 {
}
.bg--action-light-trans-40 {
}
.bg--action-light-trans-50 {
}
.bg--action-light-trans-60 {
}
.bg--action-light-trans-70 {
}
.bg--action-light-trans-80 {
}
.bg--action-light-trans-90 {
}
.bg--action-dark-trans-10 {
}
.bg--action-dark-trans-20 {
}
.bg--action-dark-trans-30 {
}
.bg--action-dark-trans-40 {
}
.bg--action-dark-trans-50 {
}
.bg--action-dark-trans-60 {
}
.bg--action-dark-trans-70 {
}
.bg--action-dark-trans-80 {
}
.bg--action-dark-trans-90 {
}
.bg--action-ultra-dark-trans-10 {
}
.bg--action-ultra-dark-trans-20 {
}
.bg--action-ultra-dark-trans-30 {
}
.bg--action-ultra-dark-trans-40 {
}
.bg--action-ultra-dark-trans-50 {
}
.bg--action-ultra-dark-trans-60 {
}
.bg--action-ultra-dark-trans-70 {
}
.bg--action-ultra-dark-trans-80 {
}
.bg--action-ultra-dark-trans-90 {
}
.bg--base {
}
.bg--base-hover {
}
.bg--base-ultra-light {
}
.bg--base-light {
}
.bg--base-medium {
}
.bg--base-dark {
}
.bg--base-ultra-dark {
}
.bg--base-comp {
}
.bg--base-trans-10 {
}
.bg--base-trans-20 {
}
.bg--base-trans-30 {
}
.bg--base-trans-40 {
}
.bg--base-trans-50 {
}
.bg--base-trans-60 {
}
.bg--base-trans-70 {
}
.bg--base-trans-80 {
}
.bg--base-trans-90 {
}
.bg--base-light-trans-10 {
}
.bg--base-light-trans-20 {
}
.bg--base-light-trans-30 {
}
.bg--base-light-trans-40 {
}
.bg--base-light-trans-50 {
}
.bg--base-light-trans-60 {
}
.bg--base-light-trans-70 {
}
.bg--base-light-trans-80 {
}
.bg--base-light-trans-90 {
}
.bg--base-dark-trans-10 {
}
.bg--base-dark-trans-20 {
}
.bg--base-dark-trans-30 {
}
.bg--base-dark-trans-40 {
}
.bg--base-dark-trans-50 {
}
.bg--base-dark-trans-60 {
}
.bg--base-dark-trans-70 {
}
.bg--base-dark-trans-80 {
}
.bg--base-dark-trans-90 {
}
.bg--base-ultra-dark-trans-10 {
}
.bg--base-ultra-dark-trans-20 {
}
.bg--base-ultra-dark-trans-30 {
}
.bg--base-ultra-dark-trans-40 {
}
.bg--base-ultra-dark-trans-50 {
}
.bg--base-ultra-dark-trans-60 {
}
.bg--base-ultra-dark-trans-70 {
}
.bg--base-ultra-dark-trans-80 {
}
.bg--base-ultra-dark-trans-90 {
}
.bg--shade {
}
.bg--shade-hover {
}
.bg--shade-ultra-light {
}
.bg--shade-light {
}
.bg--shade-medium {
}
.bg--shade-dark {
}
.bg--shade-ultra-dark {
}
.bg--shade-comp {
}
.bg--shade-trans-10 {
}
.bg--shade-trans-20 {
}
.bg--shade-trans-30 {
}
.bg--shade-trans-40 {
}
.bg--shade-trans-50 {
}
.bg--shade-trans-60 {
}
.bg--shade-trans-70 {
}
.bg--shade-trans-80 {
}
.bg--shade-trans-90 {
}
.bg--shade-light-trans-10 {
}
.bg--shade-light-trans-20 {
}
.bg--shade-light-trans-30 {
}
.bg--shade-light-trans-40 {
}
.bg--shade-light-trans-50 {
}
.bg--shade-light-trans-60 {
}
.bg--shade-light-trans-70 {
}
.bg--shade-light-trans-80 {
}
.bg--shade-light-trans-90 {
}
.bg--shade-dark-trans-10 {
}
.bg--shade-dark-trans-20 {
}
.bg--shade-dark-trans-30 {
}
.bg--shade-dark-trans-40 {
}
.bg--shade-dark-trans-50 {
}
.bg--shade-dark-trans-60 {
}
.bg--shade-dark-trans-70 {
}
.bg--shade-dark-trans-80 {
}
.bg--shade-dark-trans-90 {
}
.bg--shade-ultra-dark-trans-10 {
}
.bg--shade-ultra-dark-trans-20 {
}
.bg--shade-ultra-dark-trans-30 {
}
.bg--shade-ultra-dark-trans-40 {
}
.bg--shade-ultra-dark-trans-50 {
}
.bg--shade-ultra-dark-trans-60 {
}
.bg--shade-ultra-dark-trans-70 {
}
.bg--shade-ultra-dark-trans-80 {
}
.bg--shade-ultra-dark-trans-90 {
}
.bg--neutral {
}
.bg--neutral-hover {
}
.bg--neutral-ultra-light {
}
.bg--neutral-light {
}
.bg--neutral-medium {
}
.bg--neutral-dark {
}
.bg--neutral-ultra-dark {
}
.bg--neutral-comp {
}
.bg--neutral-trans-10 {
}
.bg--neutral-trans-20 {
}
.bg--neutral-trans-30 {
}
.bg--neutral-trans-40 {
}
.bg--neutral-trans-50 {
}
.bg--neutral-trans-60 {
}
.bg--neutral-trans-70 {
}
.bg--neutral-trans-80 {
}
.bg--neutral-trans-90 {
}
.bg--neutral-light-trans-10 {
}
.bg--neutral-light-trans-20 {
}
.bg--neutral-light-trans-30 {
}
.bg--neutral-light-trans-40 {
}
.bg--neutral-light-trans-50 {
}
.bg--neutral-light-trans-60 {
}
.bg--neutral-light-trans-70 {
}
.bg--neutral-light-trans-80 {
}
.bg--neutral-light-trans-90 {
}
.bg--neutral-dark-trans-10 {
}
.bg--neutral-dark-trans-20 {
}
.bg--neutral-dark-trans-30 {
}
.bg--neutral-dark-trans-40 {
}
.bg--neutral-dark-trans-50 {
}
.bg--neutral-dark-trans-60 {
}
.bg--neutral-dark-trans-70 {
}
.bg--neutral-dark-trans-80 {
}
.bg--neutral-dark-trans-90 {
}
.bg--neutral-ultra-dark-trans-10 {
}
.bg--neutral-ultra-dark-trans-20 {
}
.bg--neutral-ultra-dark-trans-30 {
}
.bg--neutral-ultra-dark-trans-40 {
}
.bg--neutral-ultra-dark-trans-50 {
}
.bg--neutral-ultra-dark-trans-60 {
}
.bg--neutral-ultra-dark-trans-70 {
}
.bg--neutral-ultra-dark-trans-80 {
}
.bg--neutral-ultra-dark-trans-90 {
}
.bg--white {
}
.bg--black {
}
.bg--white-trans-10 {
}
.bg--white-trans-20 {
}
.bg--white-trans-30 {
}
.bg--white-trans-40 {
}
.bg--white-trans-50 {
}
.bg--white-trans-60 {
}
.bg--white-trans-70 {
}
.bg--white-trans-80 {
}
.bg--white-trans-90 {
}
.bg--black-trans-10 {
}
.bg--black-trans-20 {
}
.bg--black-trans-30 {
}
.bg--black-trans-40 {
}
.bg--black-trans-50 {
}
.bg--black-trans-60 {
}
.bg--black-trans-70 {
}
.bg--black-trans-80 {
}
.bg--black-trans-90 {
}
.bg--ultra-light {
}
.bg--light {
}
.bg--dark {
}
.bg--ultra-dark {
}
.text--light-muted {
}
.text--dark {
}
.text--dark-muted {
}
.pad-section--m {
}
.pad-section--xl {
}
.pad-section--xxl {
}
.pad-section--none {
}
.pad-section--xl-s {
}
.pad-section--xl-m {
}
.pad-section--xl-l {
}
.pad-section--xl-xl {
}
.pad-section--xl-xxl {
}
.pad-section--xl-none {
}
.pad-section--l-s {
}
.pad-section--l-m {
}
.pad-section--l-l {
}
.pad-section--l-xl {
}
.pad-section--l-xxl {
}
.pad-section--l-none {
}
.pad-section--m-s {
}
.pad-section--m-m {
}
.pad-section--m-l {
}
.pad-section--m-xl {
}
.pad-section--m-xxl {
}
.pad-section--m-none {
}
.pad-section--s-s {
}
.pad-section--s-m {
}
.pad-section--s-l {
}
.pad-section--s-xl {
}
.pad-section--s-xxl {
}
.pad-section--s-none {
}
.text--xs {
}
.text--s {
}
.text--m {
}
.text--l {
}
.text--xl {
}
.text--xxl {
}
.h--1 {
}
.h--2 {
}
.h--3 {
}
.h--4 {
}
.h--5 {
}
.h--6 {
}
.text--100 {
}
.text--200 {
}
.text--300 {
}
.text--400 {
}
.text--500 {
}
.text--600 {
}
.text--700 {
}
.text--800 {
}
.text--900 {
}
.text--bold {
}
.text--italic {
}
.text--oblique {
}
.text--decoration-none {
}
.text--underline {
}
.text--underline-wavy {
}
.text--underline-dotted {
}
.text--underline-double {
}
.text--underline-dashed {
}
.text--overline {
}
.text--line-through {
}
.text--transform-none {
}
.text--uppercase {
}
.text--lowercase {
}
.text--capitalize {
}
.text--left {
}
.text--right {
}
.text--justify {
}
.unbalance {
}
.breakout--s {
}
.breakout--m {
}
.breakout--l {
}
.breakout--xl {
}
.breakout--full {
}
.relative {
}
.sticky {
}
.sticky-top--s {
}
.sticky-top--m {
}
.sticky-top--l {
}
.col-count--1 {
}
.col-count--2 {
}
.col-count--3 {
}
.col-count--4 {
}
.col-count--5 {
}
.col-count--xl-1 {
}
.col-count--xl-2 {
}
.col-count--xl-3 {
}
.col-count--xl-4 {
}
.col-count--xl-5 {
}
.col-count--l-1 {
}
.col-count--l-2 {
}
.col-count--l-3 {
}
.col-count--l-4 {
}
.col-count--l-5 {
}
.col-count--m-1 {
}
.col-count--m-2 {
}
.col-count--m-3 {
}
.col-count--m-4 {
}
.col-count--m-5 {
}
.col-count--s-1 {
}
.col-count--s-2 {
}
.col-count--s-3 {
}
.col-count--s-4 {
}
.col-count--s-5 {
}
.col-width--s {
}
.col-width--m {
}
.col-width--l {
}
.col-rule--dotted {
}
.col-rule--dashed {
}
.col-rule--solid {
}
.col-rule--double {
}
.col-rule--groove {
}
.col-rule--ridge {
}
.col-rule--inset {
}
.col-rule--outset {
}
.col-rule--action {
}
.col-rule--action-hover {
}
.col-rule--action-ultra-light {
}
.col-rule--action-light {
}
.col-rule--action-medium {
}
.col-rule--action-dark {
}
.col-rule--action-ultra-dark {
}
.col-rule--action-comp {
}
.col-rule--base {
}
.col-rule--base-hover {
}
.col-rule--base-ultra-light {
}
.col-rule--base-light {
}
.col-rule--base-medium {
}
.col-rule--base-dark {
}
.col-rule--base-ultra-dark {
}
.col-rule--base-comp {
}
.col-rule--shade {
}
.col-rule--shade-hover {
}
.col-rule--shade-ultra-light {
}
.col-rule--shade-light {
}
.col-rule--shade-medium {
}
.col-rule--shade-dark {
}
.col-rule--shade-ultra-dark {
}
.col-rule--shade-comp {
}
.col-rule--neutral {
}
.col-rule--neutral-hover {
}
.col-rule--neutral-ultra-light {
}
.col-rule--neutral-light {
}
.col-rule--neutral-medium {
}
.col-rule--neutral-dark {
}
.col-rule--neutral-ultra-dark {
}
.col-rule--neutral-comp {
}
.col-rule--white {
}
.col-rule--black {
}
.col-rule--s {
}
.col-rule--m {
}
.col-rule--l {
}
.col-span--all {
}
.masonry--1 {
}
.masonry--2 {
}
.masonry--3 {
}
.masonry--4 {
}
.masonry--5 {
}
.masonry--xl-1 {
}
.masonry--xl-2 {
}
.masonry--xl-3 {
}
.masonry--xl-4 {
}
.masonry--xl-5 {
}
.masonry--l-1 {
}
.masonry--l-2 {
}
.masonry--l-3 {
}
.masonry--l-4 {
}
.masonry--l-5 {
}
.masonry--m-1 {
}
.masonry--m-2 {
}
.masonry--m-3 {
}
.masonry--m-4 {
}
.masonry--m-5 {
}
.masonry--s-1 {
}
.masonry--s-2 {
}
.masonry--s-3 {
}
.masonry--s-4 {
}
.masonry--s-5 {
}
.variable-grid {
}
.content-grid {
}
.content--feature {
}
.content--feature-max {
}
.content--full {
}
.content--full-safe {
}
.grid--1 {
}
.grid--2 {
}
.grid--3 {
}
.grid--4 {
}
.grid--5 {
}
.grid--6 {
}
.grid--7 {
}
.grid--8 {
}
.grid--9 {
}
.grid--10 {
}
.grid--11 {
}
.grid--12 {
}
.grid--1-2 {
}
.grid--1-3 {
}
.grid--2-1 {
}
.grid--2-3 {
}
.grid--3-1 {
}
.grid--3-2 {
}
.grid--variable-grid {
}
.grid--auto-2 {
}
.grid--auto-3 {
}
.grid--auto-4 {
}
.grid--auto-5 {
}
.grid--auto-6 {
}
.grid--auto-1-2 {
}
.grid--auto-1-3 {
}
.grid--auto-2-1 {
}
.grid--auto-2-3 {
}
.grid--auto-3-1 {
}
.grid--auto-3-2 {
}
.grid--xl-1 {
}
.grid--xl-2 {
}
.grid--xl-3 {
}
.grid--xl-4 {
}
.grid--xl-5 {
}
.grid--xl-6 {
}
.grid--xl-7 {
}
.grid--xl-8 {
}
.grid--xl-9 {
}
.grid--xl-10 {
}
.grid--xl-11 {
}
.grid--xl-12 {
}
.grid--l-1 {
}
.grid--l-2 {
}
.grid--l-3 {
}
.grid--l-4 {
}
.grid--l-5 {
}
.grid--l-6 {
}
.grid--l-7 {
}
.grid--l-8 {
}
.grid--l-9 {
}
.grid--l-10 {
}
.grid--l-11 {
}
.grid--l-12 {
}
.grid--m-1 {
}
@media (max-width: 767px) {
.grid--m-1 {
align-items: center;
}
}

.grid--m-2 {
}
.grid--m-3 {
}
.grid--m-4 {
}
.grid--m-5 {
}
.grid--m-6 {
}
.grid--m-7 {
}
.grid--m-8 {
}
.grid--m-9 {
}
.grid--m-10 {
}
.grid--m-11 {
}
.grid--m-12 {
}
.grid--s-1 {
}
.grid--s-2 {
}
.grid--s-3 {
}
.grid--s-4 {
}
.grid--s-5 {
}
.grid--s-6 {
}
.grid--s-7 {
}
.grid--s-8 {
}
.grid--s-9 {
}
.grid--s-10 {
}
.grid--s-11 {
}
.grid--s-12 {
}
.grid--alternate-xl {
}
.grid--alternate-l {
}
.grid--alternate-m {
}
.grid--alternate-s {
}
.row-span--1 {
}
.col-span--1 {
}
.row-start--1 {
}
.row-end--1 {
}
.col-start--1 {
}
.col-end--1 {
}
.row-span--2 {
}
.col-span--2 {
}
.row-start--2 {
}
.row-end--2 {
}
.col-start--2 {
}
.col-end--2 {
}
.row-span--3 {
}
.col-span--3 {
}
.row-start--3 {
}
.row-end--3 {
}
.col-start--3 {
}
.col-end--3 {
}
.row-span--4 {
}
.col-span--4 {
}
.row-start--4 {
}
.row-end--4 {
}
.col-start--4 {
}
.col-end--4 {
}
.row-span--5 {
}
.col-span--5 {
}
.row-start--5 {
}
.row-end--5 {
}
.col-start--5 {
}
.col-end--5 {
}
.row-span--6 {
}
.col-span--6 {
}
.row-start--6 {
}
.row-end--6 {
}
.col-start--6 {
}
.col-end--6 {
}
.row-span--7 {
}
.col-span--7 {
}
.row-start--7 {
}
.row-end--7 {
}
.col-start--7 {
}
.col-end--7 {
}
.row-span--8 {
}
.col-span--8 {
}
.row-start--8 {
}
.row-end--8 {
}
.col-start--8 {
}
.col-end--8 {
}
.row-span--9 {
}
.col-span--9 {
}
.row-start--9 {
}
.row-end--9 {
}
.col-start--9 {
}
.col-end--9 {
}
.row-span--10 {
}
.col-span--10 {
}
.row-start--10 {
}
.row-end--10 {
}
.col-start--10 {
}
.col-end--10 {
}
.row-span--11 {
}
.col-span--11 {
}
.row-start--11 {
}
.row-end--11 {
}
.col-start--11 {
}
.col-end--11 {
}
.row-span--12 {
}
.col-span--12 {
}
.row-start--12 {
}
.row-end--12 {
}
.col-start--12 {
}
.col-end--12 {
}
.row-span--xl-1 {
}
.col-span--xl-1 {
}
.row-start--xl-1 {
}
.row-end--xl-1 {
}
.col-start--xl-1 {
}
.col-end--xl-1 {
}
.row-span--xl-2 {
}
.col-span--xl-2 {
}
.row-start--xl-2 {
}
.row-end--xl-2 {
}
.col-start--xl-2 {
}
.col-end--xl-2 {
}
.row-span--xl-3 {
}
.col-span--xl-3 {
}
.row-start--xl-3 {
}
.row-end--xl-3 {
}
.col-start--xl-3 {
}
.col-end--xl-3 {
}
.row-span--xl-4 {
}
.col-span--xl-4 {
}
.row-start--xl-4 {
}
.row-end--xl-4 {
}
.col-start--xl-4 {
}
.col-end--xl-4 {
}
.row-span--xl-5 {
}
.col-span--xl-5 {
}
.row-start--xl-5 {
}
.row-end--xl-5 {
}
.col-start--xl-5 {
}
.col-end--xl-5 {
}
.row-span--xl-6 {
}
.col-span--xl-6 {
}
.row-start--xl-6 {
}
.row-end--xl-6 {
}
.col-start--xl-6 {
}
.col-end--xl-6 {
}
.row-span--xl-7 {
}
.col-span--xl-7 {
}
.row-start--xl-7 {
}
.row-end--xl-7 {
}
.col-start--xl-7 {
}
.col-end--xl-7 {
}
.row-span--xl-8 {
}
.col-span--xl-8 {
}
.row-start--xl-8 {
}
.row-end--xl-8 {
}
.col-start--xl-8 {
}
.col-end--xl-8 {
}
.row-span--xl-9 {
}
.col-span--xl-9 {
}
.row-start--xl-9 {
}
.row-end--xl-9 {
}
.col-start--xl-9 {
}
.col-end--xl-9 {
}
.row-span--xl-10 {
}
.col-span--xl-10 {
}
.row-start--xl-10 {
}
.row-end--xl-10 {
}
.col-start--xl-10 {
}
.col-end--xl-10 {
}
.row-span--xl-11 {
}
.col-span--xl-11 {
}
.row-start--xl-11 {
}
.row-end--xl-11 {
}
.col-start--xl-11 {
}
.col-end--xl-11 {
}
.row-span--xl-12 {
}
.col-span--xl-12 {
}
.row-start--xl-12 {
}
.row-end--xl-12 {
}
.col-start--xl-12 {
}
.col-end--xl-12 {
}
.row-span--l-1 {
}
.col-span--l-1 {
}
.row-start--l-1 {
}
.row-end--l-1 {
}
.col-start--l-1 {
}
.col-end--l-1 {
}
.row-span--l-2 {
}
.col-span--l-2 {
}
.row-start--l-2 {
}
.row-end--l-2 {
}
.col-start--l-2 {
}
.col-end--l-2 {
}
.row-span--l-3 {
}
.col-span--l-3 {
}
.row-start--l-3 {
}
.row-end--l-3 {
}
.col-start--l-3 {
}
.col-end--l-3 {
}
.row-span--l-4 {
}
.col-span--l-4 {
}
.row-start--l-4 {
}
.row-end--l-4 {
}
.col-start--l-4 {
}
.col-end--l-4 {
}
.row-span--l-5 {
}
.col-span--l-5 {
}
.row-start--l-5 {
}
.row-end--l-5 {
}
.col-start--l-5 {
}
.col-end--l-5 {
}
.row-span--l-6 {
}
.col-span--l-6 {
}
.row-start--l-6 {
}
.row-end--l-6 {
}
.col-start--l-6 {
}
.col-end--l-6 {
}
.row-span--l-7 {
}
.col-span--l-7 {
}
.row-start--l-7 {
}
.row-end--l-7 {
}
.col-start--l-7 {
}
.col-end--l-7 {
}
.row-span--l-8 {
}
.col-span--l-8 {
}
.row-start--l-8 {
}
.row-end--l-8 {
}
.col-start--l-8 {
}
.col-end--l-8 {
}
.row-span--l-9 {
}
.col-span--l-9 {
}
.row-start--l-9 {
}
.row-end--l-9 {
}
.col-start--l-9 {
}
.col-end--l-9 {
}
.row-span--l-10 {
}
.col-span--l-10 {
}
.row-start--l-10 {
}
.row-end--l-10 {
}
.col-start--l-10 {
}
.col-end--l-10 {
}
.row-span--l-11 {
}
.col-span--l-11 {
}
.row-start--l-11 {
}
.row-end--l-11 {
}
.col-start--l-11 {
}
.col-end--l-11 {
}
.row-span--l-12 {
}
.col-span--l-12 {
}
.row-start--l-12 {
}
.row-end--l-12 {
}
.col-start--l-12 {
}
.col-end--l-12 {
}
.row-span--m-1 {
}
.col-span--m-1 {
}
.row-start--m-1 {
}
.row-end--m-1 {
}
.col-start--m-1 {
}
.col-end--m-1 {
}
.row-span--m-2 {
}
.col-span--m-2 {
}
.row-start--m-2 {
}
.row-end--m-2 {
}
.col-start--m-2 {
}
.col-end--m-2 {
}
.row-span--m-3 {
}
.col-span--m-3 {
}
.row-start--m-3 {
}
.row-end--m-3 {
}
.col-start--m-3 {
}
.col-end--m-3 {
}
.row-span--m-4 {
}
.col-span--m-4 {
}
.row-start--m-4 {
}
.row-end--m-4 {
}
.col-start--m-4 {
}
.col-end--m-4 {
}
.row-span--m-5 {
}
.col-span--m-5 {
}
.row-start--m-5 {
}
.row-end--m-5 {
}
.col-start--m-5 {
}
.col-end--m-5 {
}
.row-span--m-6 {
}
.col-span--m-6 {
}
.row-start--m-6 {
}
.row-end--m-6 {
}
.col-start--m-6 {
}
.col-end--m-6 {
}
.row-span--m-7 {
}
.col-span--m-7 {
}
.row-start--m-7 {
}
.row-end--m-7 {
}
.col-start--m-7 {
}
.col-end--m-7 {
}
.row-span--m-8 {
}
.col-span--m-8 {
}
.row-start--m-8 {
}
.row-end--m-8 {
}
.col-start--m-8 {
}
.col-end--m-8 {
}
.row-span--m-9 {
}
.col-span--m-9 {
}
.row-start--m-9 {
}
.row-end--m-9 {
}
.col-start--m-9 {
}
.col-end--m-9 {
}
.row-span--m-10 {
}
.col-span--m-10 {
}
.row-start--m-10 {
}
.row-end--m-10 {
}
.col-start--m-10 {
}
.col-end--m-10 {
}
.row-span--m-11 {
}
.col-span--m-11 {
}
.row-start--m-11 {
}
.row-end--m-11 {
}
.col-start--m-11 {
}
.col-end--m-11 {
}
.row-span--m-12 {
}
.col-span--m-12 {
}
.row-start--m-12 {
}
.row-end--m-12 {
}
.col-start--m-12 {
}
.col-end--m-12 {
}
.row-span--s-1 {
}
.col-span--s-1 {
}
.row-start--s-1 {
}
.row-end--s-1 {
}
.col-start--s-1 {
}
.col-end--s-1 {
}
.row-span--s-2 {
}
.col-span--s-2 {
}
.row-start--s-2 {
}
.row-end--s-2 {
}
.col-start--s-2 {
}
.col-end--s-2 {
}
.row-span--s-3 {
}
.col-span--s-3 {
}
.row-start--s-3 {
}
.row-end--s-3 {
}
.col-start--s-3 {
}
.col-end--s-3 {
}
.row-span--s-4 {
}
.col-span--s-4 {
}
.row-start--s-4 {
}
.row-end--s-4 {
}
.col-start--s-4 {
}
.col-end--s-4 {
}
.row-span--s-5 {
}
.col-span--s-5 {
}
.row-start--s-5 {
}
.row-end--s-5 {
}
.col-start--s-5 {
}
.col-end--s-5 {
}
.row-span--s-6 {
}
.col-span--s-6 {
}
.row-start--s-6 {
}
.row-end--s-6 {
}
.col-start--s-6 {
}
.col-end--s-6 {
}
.row-span--s-7 {
}
.col-span--s-7 {
}
.row-start--s-7 {
}
.row-end--s-7 {
}
.col-start--s-7 {
}
.col-end--s-7 {
}
.row-span--s-8 {
}
.col-span--s-8 {
}
.row-start--s-8 {
}
.row-end--s-8 {
}
.col-start--s-8 {
}
.col-end--s-8 {
}
.row-span--s-9 {
}
.col-span--s-9 {
}
.row-start--s-9 {
}
.row-end--s-9 {
}
.col-start--s-9 {
}
.col-end--s-9 {
}
.row-span--s-10 {
}
.col-span--s-10 {
}
.row-start--s-10 {
}
.row-end--s-10 {
}
.col-start--s-10 {
}
.col-end--s-10 {
}
.row-span--s-11 {
}
.col-span--s-11 {
}
.row-start--s-11 {
}
.row-end--s-11 {
}
.col-start--s-11 {
}
.col-end--s-11 {
}
.row-span--s-12 {
}
.col-span--s-12 {
}
.row-start--s-12 {
}
.row-end--s-12 {
}
.col-start--s-12 {
}
.col-end--s-12 {
}
.col-span--xl-all {
}
.col-span--l-all {
}
.col-span--m-all {
}
.col-span--s-all {
}
.order--first {
}
.order--last {
}
.col-end--last {
}
.order--first-xl {
}
.order--last-xl {
}
.col-end--xl-last {
}
.order--first-l {
}
.order--last-l {
}
.col-end--l-last {
}
.order--first-m {
}
.order--last-m {
}
.col-end--m-last {
}
.order--first-s {
}
.order--last-s {
}
.col-end--s-last {
}
.grid--auto-rows {
}
.width--xs {
}
.width--s {
}
.width--l {
}
.width--xl {
}
.width--xxl {
}
.width--vp-max {
}
.width--content {
}
.width--50 {
}
.width--full {
}
.width--auto {
}
.content-width {
}
.content-width--safe {
}
.rounded--xs {
}
.rounded--s {
}
.rounded--m {
}
.rounded--l {
}
.rounded--xl {
}
.rounded--xxl {
}
.rounded--50 {
}
.rounded--circle {
}
.list--none {
}
.ribbon {
}
.ribbon--top-right {
}
.ribbon--top-left {
}
.contain {
}
.gap--xs {
}
.gap--s {
}
.gap--m {
}
.gap--l {
}
.gap--xl {
}
.gap--xxl {
}
.gap--xl-xs {
}
.gap--xl-s {
}
.gap--xl-m {
}
.gap--xl-l {
}
.gap--xl-xl {
}
.gap--xl-xxl {
}
.gap--l-xs {
}
.gap--l-s {
}
.gap--l-m {
}
.gap--l-l {
}
.gap--l-xl {
}
.gap--l-xxl {
}
.gap--m-xs {
}
.gap--m-s {
}
.gap--m-m {
}
.gap--m-l {
}
.gap--m-xl {
}
.gap--m-xxl {
}
.gap--s-xs {
}
.gap--s-s {
}
.gap--s-m {
}
.gap--s-l {
}
.gap--s-xl {
}
.gap--s-xxl {
}
.col-gap--xs {
}
.col-gap--s {
}
.col-gap--m {
}
.col-gap--l {
}
.col-gap--xl {
}
.col-gap--xxl {
}
.col-gap--xl-xs {
}
.col-gap--xl-s {
}
.col-gap--xl-m {
}
.col-gap--xl-l {
}
.col-gap--xl-xl {
}
.col-gap--xl-xxl {
}
.col-gap--l-xs {
}
.col-gap--l-s {
}
.col-gap--l-m {
}
.col-gap--l-l {
}
.col-gap--l-xl {
}
.col-gap--l-xxl {
}
.col-gap--m-xs {
}
.col-gap--m-s {
}
.col-gap--m-m {
}
.col-gap--m-l {
}
.col-gap--m-xl {
}
.col-gap--m-xxl {
}
.col-gap--s-xs {
}
.col-gap--s-s {
}
.col-gap--s-m {
}
.col-gap--s-l {
}
.col-gap--s-xl {
}
.col-gap--s-xxl {
}
.row-gap--xs {
}
.row-gap--s {
}
.row-gap--m {
}
.row-gap--l {
}
.row-gap--xl {
}
.row-gap--xxl {
}
.row-gap--xl-xs {
}
.row-gap--xl-s {
}
.row-gap--xl-m {
}
.row-gap--xl-l {
}
.row-gap--xl-xl {
}
.row-gap--xl-xxl {
}
.row-gap--l-xs {
}
.row-gap--l-s {
}
.row-gap--l-m {
}
.row-gap--l-l {
}
.row-gap--l-xl {
}
.row-gap--l-xxl {
}
.row-gap--m-xs {
}
.row-gap--m-s {
}
.row-gap--m-m {
}
.row-gap--m-l {
}
.row-gap--m-xl {
}
.row-gap--m-xxl {
}
.row-gap--s-xs {
}
.row-gap--s-s {
}
.row-gap--s-m {
}
.row-gap--s-l {
}
.row-gap--s-xl {
}
.row-gap--s-xxl {
}
.container-gap {
}
.content-gap {
}
.grid-gap {
}
.gap--none {
}
.form--dark {
}
.form--light {
}
.form-group {
}
.submit-button-wrapper {
}
.input {
}
.options-wrapper {
}
.required {
}
.text--semi-condensed {
font-variation-settings: "wdth" 75;
}
.product__heading {
 margin-bottom:var(--space-xs) ;
 font-size:var(--text-l) ;
}
.oxy-stock-content-styles {
}
.product__image {
transition: var(--transition-default);
}
.product__details {
 width:50%;
 padding-top:var(--section-space-xs) ;
 padding-bottom:var(--section-space-xs) ;
 padding-left:var(--section-padding-x) ;
 padding-right:var(--section-padding-x) ;
}
@media (max-width: 991px) {
.product__details {
 width:100%;
 padding-bottom:var(--section-space-m) ;
}
}

.border--neutral-light {
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#DBDBDB;
 border-right-color:#DBDBDB;
 border-bottom-color:#DBDBDB;
 border-left-color:#DBDBDB;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.product__colour {
transform:translate(-50%,-50%); position:absolute;
 top:50%;
 left:100%;
 border-radius:100%;
 height:calc(var(--space-l) * 1.5) ;
 width:calc(var(--space-l) * 1.5) ;
 z-index:10;
}
@media (max-width: 991px) {
.product__colour {
 top:100%;
 left:50%;
}
}

.float--right {
 float:right;
}
@media (max-width: 767px) {
.float--right {
 float:none;
}
}

.float--l-clear {
}
@media (max-width: 991px) {
.float--l-clear {
 float:none;
}
}

.product__image-wrapper {
 max-width:50%;
 overflow:hidden;
}
@media (max-width: 991px) {
.product__image-wrapper {
 max-width:100%;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-color:#DBDBDB;
 border-right-color:#DBDBDB;
 border-bottom-color:#DBDBDB;
 border-left-color:#DBDBDB;
 margin-bottom:var(--section-space-xs) ;
}
}

.border--m--none {
}
@media (max-width: 991px) {
.border--m--none {
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
}
}

.gradient--base-medium--top-bottom {
background-image: linear-gradient(180deg, #B92727, #972024 100%); background-color:#B92727;
}
.slider--home--products {
 object-fit:cover;
 max-width:18rem;
 max-height:18rem;
 width:100%;
 height:100%;
}
.product-category__image {
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#fff;
 border-right-color:#fff;
 border-bottom-color:#fff;
 border-left-color:#fff;
 width:100%;
 height:100%;
 object-fit:cover;
}
.product-category-block__image {
background-size: cover; width:100%;
 height:100%;
 object-fit:cover;
 background-color:#fff;
 background-position:50% 50%;
}
@media (max-width: 767px) {
.product-category-block__image {
 height:800px;
}
}

.product-category-block {
 border-top-color:#fff;
 border-right-color:#fff;
 border-bottom-color:#fff;
 border-left-color:#fff;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:var(--radius-l) ;
 width:calc(var(--section-space-xl)*1.80) ;
 overflow:hidden;
 background-color:#fff;
 height:calc(var(--section-space-xl)*1.80) ;
 margin-left:auto;
 margin-right:auto;
cursor: default;
}
.product-category-block:not(.ct-section):not(.oxy-easy-posts),
.product-category-block.oxy-easy-posts .oxy-posts,
.product-category-block.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0px;}
.product-category-block:not(.ct-section):not(.oxy-easy-posts) > *,
.product-category-block.ct-section .ct-section-inner-wrap > *,
.product-category-block.oxy-easy-posts .oxy-posts > *{
grid-column: span 1/-1;grid-row: span 1/-1;height: 100%;}
@media (max-width: 767px) {
.product-category-block {
 width:300px;
 height:300px;
}
}

.product-category-block__overlay:hover{
 opacity:100;
}
.product-category-block__overlay {
 background-color:rgba(33, 29, 28, 0.5);
 text-align:center;
 opacity:0;
 width:100%;
 height:100%;
 text-shadow:3px 3px 2px rgba(33, 29, 28, 0.8);
transition: var(--transition-default);
}
.product-category-block__heading {
 color:#fff;
 font-size:var(--h3) ;
 text-align:center;
 font-weight:300;
font-variation-settings: "wdth" 75;
}
.contact-details__title {
}
.contact-details__name {
}
.contact-details__details {
}
.contact-details__block {
}
.contact-details__block:not(.ct-section):not(.oxy-easy-posts),
.contact-details__block.oxy-easy-posts .oxy-posts,
.contact-details__block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.form--contact-us {
 width:100%;
}
.form--contact-us:not(.ct-section):not(.oxy-easy-posts),
.form--contact-us.oxy-easy-posts .oxy-posts,
.form--contact-us.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
/* Colour Breakdowns */
:root,
.color-scheme--main {
  --action-hex: #D72329;
  --action-hsl: 358 72% 49%;
  --action-rgb: 215 35 41;
  --action-r: 215;
  --action-g: 35;
  --action-b: 41;
  --action-h: 358;
  --action-s: 72%;
  --action-l: 49%;
  --action-hover-h: 0;
  --action-hover-s: 72%;
  --action-hover-l: 60%;
  --action-ultra-light-h: 10;
  --action-ultra-light-s: 75%;
  --action-ultra-light-l: 98%;
  --action-light-h: 4;
  --action-light-s: 72%;
  --action-light-l: 82%;
  --action-medium-h: 356;
  --action-medium-s: 72%;
  --action-medium-l: 39%;
  --action-dark-h: 352;
  --action-dark-s: 71%;
  --action-dark-l: 19%;
  --action-ultra-dark-h: 348;
  --action-ultra-dark-s: 71%;
  --action-ultra-dark-l: 4%;
  --action-comp-h: 178;
  --base-hex: #B92727;
  --base-hsl: 0 65% 44%;
  --base-rgb: 185 39 39;
  --base-r: 185;
  --base-g: 39;
  --base-b: 39;
  --base-h: 0;
  --base-s: 65%;
  --base-l: 44%;
  --base-comp: hsl( 65% 44%);
  --base-hover-h: 2;
  --base-hover-s: 65%;
  --base-hover-l: 56%;
  --base-ultra-light-h: 10;
  --base-ultra-light-s: 60%;
  --base-ultra-light-l: 98%;
  --base-light-h: 5;
  --base-light-s: 65%;
  --base-light-l: 80%;
  --base-medium-h: 358;
  --base-medium-s: 65%;
  --base-medium-l: 36%;
  --base-dark-h: 355;
  --base-dark-s: 65%;
  --base-dark-l: 20%;
  --base-ultra-dark-h: 351;
  --base-ultra-dark-s: 66%;
  --base-ultra-dark-l: 8%;
  --base-comp-h: 180;
  --shade-hex: #211D1C;
  --shade-hsl: 12 8% 12%;
  --shade-rgb: 33 29 28;
  --shade-r: 33;
  --shade-g: 29;
  --shade-b: 28;
  --shade-h: 12;
  --shade-s: 8%;
  --shade-l: 12%;
  --shade-comp: hsl( 8% 12%);
  --shade-hover-h: 26;
  --shade-hover-s: 8%;
  --shade-hover-l: 17%;
  --shade-ultra-light-h: 0;
  --shade-ultra-light-s: 7%;
  --shade-ultra-light-l: 97%;
  --shade-light-h: 20;
  --shade-light-s: 6%;
  --shade-light-l: 90%;
  --shade-medium-h: 28;
  --shade-medium-s: 8%;
  --shade-medium-l: 59%;
  --shade-dark-h: 30;
  --shade-dark-s: 8%;
  --shade-dark-l: 24%;
  --shade-ultra-dark-h: 12;
  --shade-ultra-dark-s: 8%;
  --shade-ultra-dark-l: 12%;
  --shade-comp-h: 192;
  --neutral-hex: #1F1F1F;
  --neutral-hsl: 192 0% 12%;
  --neutral-rgb: 31 31 31;
  --neutral-r: 31;
  --neutral-g: 31;
  --neutral-b: 31;
  --neutral-h: 192;
  --neutral-s: 0%;
  --neutral-l: 12%;
  --neutral-hover-h: 192;
  --neutral-hover-s: 0%;
  --neutral-hover-l: 12%;
  --neutral-ultra-light-h: 192;
  --neutral-ultra-light-s: 0%;
  --neutral-ultra-light-l: 96%;
  --neutral-light-h: 192;
  --neutral-light-s: 0%;
  --neutral-light-l: 86%;
  --neutral-medium-h: 192;
  --neutral-medium-s: 0%;
  --neutral-medium-l: 49%;
  --neutral-dark-h: 192;
  --neutral-dark-s: 0%;
  --neutral-dark-l: 31%;
  --neutral-ultra-dark-h: 192;
  --neutral-ultra-dark-s: 0%;
  --neutral-ultra-dark-l: 12%;
  --neutral-comp-h: 12;
}

/* Colours */
:root,
.color-scheme--main {
  --action: #D72329;
  --action-hover: #E25050;
  --action-ultra-light: #FEF9F8;
  --action-light: #F2B4B0;
  --action-medium: #AB1C25;
  --action-dark: #530E17;
  --action-ultra-dark: #120306;
  --action-comp: #23D7D1;
  --base: #B92727;
  --base-hover: #D84B46;
  --base-ultra-light: #FDF8F7;
  --base-light: #EDB1AB;
  --base-medium: #972024;
  --base-dark: #541218;
  --base-ultra-dark: #22070B;
  --base-comp: #27B9B9;
  --shade: #211D1C;
  --shade-hover: #2F2B28;
  --shade-ultra-light: #F8F7F7;
  --shade-light: #E7E5E4;
  --shade-medium: #9F968E;
  --shade-dark: #423D38;
  --shade-ultra-dark: #211D1C;
  --shade-comp: #1C2021;
  --neutral: #1F1F1F;
  --neutral-hover: #1F1F1F;
  --neutral-ultra-light: #F5F5F5;
  --neutral-light: #DBDBDB;
  --neutral-medium: #7D7D7D;
  --neutral-dark: #4F4F4F;
  --neutral-ultra-dark: #1F1F1F;
  --neutral-comp: #1F1F1F;
  --white: #fff;
  --black: #000;
}

/* Colour Transparencies */
:root,
.color-scheme--main {
  --action-trans-10: rgba(215, 35, 41, 0.1);
  --action-trans-20: rgba(215, 35, 41, 0.2);
  --action-trans-30: rgba(215, 35, 41, 0.3);
  --action-trans-40: rgba(215, 35, 41, 0.4);
  --action-trans-50: rgba(215, 35, 41, 0.5);
  --action-trans-60: rgba(215, 35, 41, 0.6);
  --action-trans-70: rgba(215, 35, 41, 0.7);
  --action-trans-80: rgba(215, 35, 41, 0.8);
  --action-trans-90: rgba(215, 35, 41, 0.9);
  --action-light-trans-10: rgba(242, 180, 176, 0.1);
  --action-light-trans-20: rgba(242, 180, 176, 0.2);
  --action-light-trans-30: rgba(242, 180, 176, 0.3);
  --action-light-trans-40: rgba(242, 180, 176, 0.4);
  --action-light-trans-50: rgba(242, 180, 176, 0.5);
  --action-light-trans-60: rgba(242, 180, 176, 0.6);
  --action-light-trans-70: rgba(242, 180, 176, 0.7);
  --action-light-trans-80: rgba(242, 180, 176, 0.8);
  --action-light-trans-90: rgba(242, 180, 176, 0.9);
  --action-dark-trans-10: rgba(83, 14, 23, 0.1);
  --action-dark-trans-20: rgba(83, 14, 23, 0.2);
  --action-dark-trans-30: rgba(83, 14, 23, 0.3);
  --action-dark-trans-40: rgba(83, 14, 23, 0.4);
  --action-dark-trans-50: rgba(83, 14, 23, 0.5);
  --action-dark-trans-60: rgba(83, 14, 23, 0.6);
  --action-dark-trans-70: rgba(83, 14, 23, 0.7);
  --action-dark-trans-80: rgba(83, 14, 23, 0.8);
  --action-dark-trans-90: rgba(83, 14, 23, 0.9);
  --action-ultra-dark-trans-10: rgba(18, 3, 6, 0.1);
  --action-ultra-dark-trans-20: rgba(18, 3, 6, 0.2);
  --action-ultra-dark-trans-30: rgba(18, 3, 6, 0.3);
  --action-ultra-dark-trans-40: rgba(18, 3, 6, 0.4);
  --action-ultra-dark-trans-50: rgba(18, 3, 6, 0.5);
  --action-ultra-dark-trans-60: rgba(18, 3, 6, 0.6);
  --action-ultra-dark-trans-70: rgba(18, 3, 6, 0.7);
  --action-ultra-dark-trans-80: rgba(18, 3, 6, 0.8);
  --action-ultra-dark-trans-90: rgba(18, 3, 6, 0.9);
  --base-trans-10: rgba(185, 39, 39, 0.1);
  --base-trans-20: rgba(185, 39, 39, 0.2);
  --base-trans-30: rgba(185, 39, 39, 0.3);
  --base-trans-40: rgba(185, 39, 39, 0.4);
  --base-trans-50: rgba(185, 39, 39, 0.5);
  --base-trans-60: rgba(185, 39, 39, 0.6);
  --base-trans-70: rgba(185, 39, 39, 0.7);
  --base-trans-80: rgba(185, 39, 39, 0.8);
  --base-trans-90: rgba(185, 39, 39, 0.9);
  --base-light-trans-10: rgba(237, 177, 171, 0.1);
  --base-light-trans-20: rgba(237, 177, 171, 0.2);
  --base-light-trans-30: rgba(237, 177, 171, 0.3);
  --base-light-trans-40: rgba(237, 177, 171, 0.4);
  --base-light-trans-50: rgba(237, 177, 171, 0.5);
  --base-light-trans-60: rgba(237, 177, 171, 0.6);
  --base-light-trans-70: rgba(237, 177, 171, 0.7);
  --base-light-trans-80: rgba(237, 177, 171, 0.8);
  --base-light-trans-90: rgba(237, 177, 171, 0.9);
  --base-dark-trans-10: rgba(84, 18, 24, 0.1);
  --base-dark-trans-20: rgba(84, 18, 24, 0.2);
  --base-dark-trans-30: rgba(84, 18, 24, 0.3);
  --base-dark-trans-40: rgba(84, 18, 24, 0.4);
  --base-dark-trans-50: rgba(84, 18, 24, 0.5);
  --base-dark-trans-60: rgba(84, 18, 24, 0.6);
  --base-dark-trans-70: rgba(84, 18, 24, 0.7);
  --base-dark-trans-80: rgba(84, 18, 24, 0.8);
  --base-dark-trans-90: rgba(84, 18, 24, 0.9);
  --base-ultra-dark-trans-10: rgba(34, 7, 11, 0.1);
  --base-ultra-dark-trans-20: rgba(34, 7, 11, 0.2);
  --base-ultra-dark-trans-30: rgba(34, 7, 11, 0.3);
  --base-ultra-dark-trans-40: rgba(34, 7, 11, 0.4);
  --base-ultra-dark-trans-50: rgba(34, 7, 11, 0.5);
  --base-ultra-dark-trans-60: rgba(34, 7, 11, 0.6);
  --base-ultra-dark-trans-70: rgba(34, 7, 11, 0.7);
  --base-ultra-dark-trans-80: rgba(34, 7, 11, 0.8);
  --base-ultra-dark-trans-90: rgba(34, 7, 11, 0.9);
  --shade-trans-10: rgba(33, 29, 28, 0.1);
  --shade-trans-20: rgba(33, 29, 28, 0.2);
  --shade-trans-30: rgba(33, 29, 28, 0.3);
  --shade-trans-40: rgba(33, 29, 28, 0.4);
  --shade-trans-50: rgba(33, 29, 28, 0.5);
  --shade-trans-60: rgba(33, 29, 28, 0.6);
  --shade-trans-70: rgba(33, 29, 28, 0.7);
  --shade-trans-80: rgba(33, 29, 28, 0.8);
  --shade-trans-90: rgba(33, 29, 28, 0.9);
  --shade-light-trans-10: rgba(231, 229, 228, 0.1);
  --shade-light-trans-20: rgba(231, 229, 228, 0.2);
  --shade-light-trans-30: rgba(231, 229, 228, 0.3);
  --shade-light-trans-40: rgba(231, 229, 228, 0.4);
  --shade-light-trans-50: rgba(231, 229, 228, 0.5);
  --shade-light-trans-60: rgba(231, 229, 228, 0.6);
  --shade-light-trans-70: rgba(231, 229, 228, 0.7);
  --shade-light-trans-80: rgba(231, 229, 228, 0.8);
  --shade-light-trans-90: rgba(231, 229, 228, 0.9);
  --shade-dark-trans-10: rgba(66, 61, 56, 0.1);
  --shade-dark-trans-20: rgba(66, 61, 56, 0.2);
  --shade-dark-trans-30: rgba(66, 61, 56, 0.3);
  --shade-dark-trans-40: rgba(66, 61, 56, 0.4);
  --shade-dark-trans-50: rgba(66, 61, 56, 0.5);
  --shade-dark-trans-60: rgba(66, 61, 56, 0.6);
  --shade-dark-trans-70: rgba(66, 61, 56, 0.7);
  --shade-dark-trans-80: rgba(66, 61, 56, 0.8);
  --shade-dark-trans-90: rgba(66, 61, 56, 0.9);
  --shade-ultra-dark-trans-10: rgba(33, 29, 28, 0.1);
  --shade-ultra-dark-trans-20: rgba(33, 29, 28, 0.2);
  --shade-ultra-dark-trans-30: rgba(33, 29, 28, 0.3);
  --shade-ultra-dark-trans-40: rgba(33, 29, 28, 0.4);
  --shade-ultra-dark-trans-50: rgba(33, 29, 28, 0.5);
  --shade-ultra-dark-trans-60: rgba(33, 29, 28, 0.6);
  --shade-ultra-dark-trans-70: rgba(33, 29, 28, 0.7);
  --shade-ultra-dark-trans-80: rgba(33, 29, 28, 0.8);
  --shade-ultra-dark-trans-90: rgba(33, 29, 28, 0.9);
  --neutral-trans-10: rgba(31, 31, 31, 0.1);
  --neutral-trans-20: rgba(31, 31, 31, 0.2);
  --neutral-trans-30: rgba(31, 31, 31, 0.3);
  --neutral-trans-40: rgba(31, 31, 31, 0.4);
  --neutral-trans-50: rgba(31, 31, 31, 0.5);
  --neutral-trans-60: rgba(31, 31, 31, 0.6);
  --neutral-trans-70: rgba(31, 31, 31, 0.7);
  --neutral-trans-80: rgba(31, 31, 31, 0.8);
  --neutral-trans-90: rgba(31, 31, 31, 0.9);
  --neutral-light-trans-10: rgba(219, 219, 219, 0.1);
  --neutral-light-trans-20: rgba(219, 219, 219, 0.2);
  --neutral-light-trans-30: rgba(219, 219, 219, 0.3);
  --neutral-light-trans-40: rgba(219, 219, 219, 0.4);
  --neutral-light-trans-50: rgba(219, 219, 219, 0.5);
  --neutral-light-trans-60: rgba(219, 219, 219, 0.6);
  --neutral-light-trans-70: rgba(219, 219, 219, 0.7);
  --neutral-light-trans-80: rgba(219, 219, 219, 0.8);
  --neutral-light-trans-90: rgba(219, 219, 219, 0.9);
  --neutral-dark-trans-10: rgba(79, 79, 79, 0.1);
  --neutral-dark-trans-20: rgba(79, 79, 79, 0.2);
  --neutral-dark-trans-30: rgba(79, 79, 79, 0.3);
  --neutral-dark-trans-40: rgba(79, 79, 79, 0.4);
  --neutral-dark-trans-50: rgba(79, 79, 79, 0.5);
  --neutral-dark-trans-60: rgba(79, 79, 79, 0.6);
  --neutral-dark-trans-70: rgba(79, 79, 79, 0.7);
  --neutral-dark-trans-80: rgba(79, 79, 79, 0.8);
  --neutral-dark-trans-90: rgba(79, 79, 79, 0.9);
  --neutral-ultra-dark-trans-10: rgba(31, 31, 31, 0.1);
  --neutral-ultra-dark-trans-20: rgba(31, 31, 31, 0.2);
  --neutral-ultra-dark-trans-30: rgba(31, 31, 31, 0.3);
  --neutral-ultra-dark-trans-40: rgba(31, 31, 31, 0.4);
  --neutral-ultra-dark-trans-50: rgba(31, 31, 31, 0.5);
  --neutral-ultra-dark-trans-60: rgba(31, 31, 31, 0.6);
  --neutral-ultra-dark-trans-70: rgba(31, 31, 31, 0.7);
  --neutral-ultra-dark-trans-80: rgba(31, 31, 31, 0.8);
  --neutral-ultra-dark-trans-90: rgba(31, 31, 31, 0.9);
  --white-trans-10: rgba(255, 255, 255, 0.1);
  --white-trans-20: rgba(255, 255, 255, 0.2);
  --white-trans-30: rgba(255, 255, 255, 0.3);
  --white-trans-40: rgba(255, 255, 255, 0.4);
  --white-trans-50: rgba(255, 255, 255, 0.5);
  --white-trans-60: rgba(255, 255, 255, 0.6);
  --white-trans-70: rgba(255, 255, 255, 0.7);
  --white-trans-80: rgba(255, 255, 255, 0.8);
  --white-trans-90: rgba(255, 255, 255, 0.9);
  --black-trans-10: rgba(0, 0, 0, 0.1);
  --black-trans-20: rgba(0, 0, 0, 0.2);
  --black-trans-30: rgba(0, 0, 0, 0.3);
  --black-trans-40: rgba(0, 0, 0, 0.4);
  --black-trans-50: rgba(0, 0, 0, 0.5);
  --black-trans-60: rgba(0, 0, 0, 0.6);
  --black-trans-70: rgba(0, 0, 0, 0.7);
  --black-trans-80: rgba(0, 0, 0, 0.8);
  --black-trans-90: rgba(0, 0, 0, 0.9);
  --shade-white: #fff;
  --shade-black: #000;
}

/* Notice Colours */
:root {
  --success: #29a745;
  --success-light: #c1f0cc;
  --success-dark: #0f3e19;
  --success-hover: #2fc24f;
  --danger: #dc3545;
  --danger-light: #f4bec3;
  --danger-dark: #410b11;
  --danger-hover: #e35a67;
  --warning: #ffc10a;
  --warning-light: #ffecb3;
  --warning-dark: #4d3900;
  --warning-hover: #ffcc32;
  --info: #18a2b8;
  --info-light: #c6e7ec;
  --info-dark: #093c44;
  --info-hover: #1cbcd5;
}

/* Text Sizing */
:root {
  --text-xs: 1.3rem;
  --text-s: 1.4rem;
  --text-m: 1.8rem;
  --text-l: 2rem;
  --text-xl: 2.3rem;
  --text-xxl: 2.6rem;
  --root-font-size: 62.5%;
  --h6: 1.3rem;
  --h5: 1.4rem;
  --h4: 1.8rem;
  --h3: 2rem;
  --h2: 2.3rem;
  --h1: 2.6rem;
}

/* Spacing */
:root {
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
}

/* Widths */
:root {
  --width-xs: calc((136.6 * 0.1) * 1rem);
  --width-s: calc((136.6 * 0.2) * 1rem);
  --width-m: calc((136.6 * 0.4) * 1rem);
  --width-l: calc((136.6 * 0.6) * 1rem);
  --width-xl: calc((136.6 * 0.8) * 1rem);
  --width-xxl: calc((136.6 * 0.9) * 1rem);
  --width-vp-max: 136.6rem;
  --width-content: 136.6rem;
  --width-50: calc((136.6 / 2) * 1rem);
  --width-full: 100%;
  --content-width: var(--width-content);
  --content-width-safe: min(var(--width-content), calc(100% - var(--section-padding-x) * 2));
}

/* Radiuses */
:root {
  --radius-xs: 0.3555555556rem;
  --radius-s: 0.5333333333rem;
  --radius-m: 0.8rem;
  --radius-l: 1.2rem;
  --radius-xl: 1.8rem;
  --radius-xxl: 2.7rem;
  --radius-50: 50%;
  --radius-circle: 50%;
}

/* Grids */
:root {
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
  --grid-variable-grid: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2)), 100%), 1fr));
  --grid-auto-2: repeat(auto-fit, minmax(min(43.6789297659rem, 100vw - 6rem), 1fr));
  --grid-auto-3: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  --grid-auto-4: repeat(auto-fit, minmax(min(26.1723446894rem, 100vw - 6rem), 1fr));
  --grid-auto-5: repeat(auto-fit, minmax(min(21.8030050083rem, 100vw - 6rem), 1fr));
  --grid-auto-6: repeat(auto-fit, minmax(min(18.6838340486rem, 100vw - 6rem), 1fr));
}

:root {
  --section-padding-x: 2rem;
  --section-gutter: 2rem;
  --gutter: 2rem;
}

/* Notice Colour Mixes */
:root {
  --success-hex: #29a745;
  --success-rgb: 41 167 69;
  --success-hsl: 133 61% 41%;
  --success-h: 133;
  --success-s: 61%;
  --success-l: 41%;
  --success-r: 41;
  --success-g: 167;
  --success-b: 69;
  --danger-hex: #dc3545;
  --danger-rgb: 220 53 69;
  --danger-hsl: 354 70% 54%;
  --danger-h: 354;
  --danger-s: 70%;
  --danger-l: 54%;
  --danger-r: 220;
  --danger-g: 53;
  --danger-b: 69;
  --warning-hex: #ffc10a;
  --warning-rgb: 255 193 10;
  --warning-hsl: 45 100% 52%;
  --warning-h: 45;
  --warning-s: 100%;
  --warning-l: 52%;
  --warning-r: 255;
  --warning-g: 193;
  --warning-b: 10;
  --info-hex: #18a2b8;
  --info-rgb: 24 162 184;
  --info-hsl: 188 77% 41%;
  --info-h: 188;
  --info-s: 77%;
  --info-l: 41%;
  --info-r: 24;
  --info-g: 162;
  --info-b: 184;
}

/* Spacing */
:root {
  --header-height: 8.2rem;
  --offset: 13.2rem;
  --offset-xxl: 5rem;
  --offset-xl: 5rem;
  --offset-l: 13.2rem;
  --offset-m: 11rem;
  --offset-s: 11rem;
  --offset-xs: 11rem;
  --paragraph-spacing: 1.1em;
  --heading-spacing: 1.3em;
  --list-spacing: 1em;
  --list-item-spacing: 0.35em;
  --link-underline-offset: ;
}

/* Focus*/
:root {
  --focus-color: var(--action);
  --focus-width: 0.2rem;
  --focus-offset: 0.25em;
}

/* Text Styling */
:root {
  --h1-lh: 1.3;
  --h2-lh: 1.3;
  --h3-lh: 1.3;
  --h4-lh: 1.3;
  --h5-lh: 1.3;
  --h6-lh: 1.3;
  --heading-color: var(--neutral);
  --h1-color: var(--heading-color);
  --h2-color: var(--heading-color);
  --h3-color: var(--heading-color);
  --h4-color: var(--heading-color);
  --h5-color: var(--heading-color);
  --h6-color: var(--heading-color);
  --h1-length: 45ch;
  --h2-length: 40ch;
  --h3-length: 100%;
  --h4-length: 100%;
  --h5-length: 100%;
  --h6-length: 100%;
  --text-xxl-lh: 1.6;
  --text-xl-lh: 1.6;
  --text-l-lh: 1.6;
  --text-m-lh: 1.6;
  --text-s-lh: 1.6;
  --text-xs-lh: 1.6;
  --text-xxl-length: ;
  --text-xl-length: ;
  --text-l-length: 55ch;
  --text-m-length: 65ch;
  --text-s-length: ;
  --text-xs-length: ;
}

/* Shadows */
:root {
  --box-shadow-m: 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.02),
    22.3px 22.3px 17.9px rgba(0, 0, 0, 0.03),
    100px 100px 80px rgba(0, 0, 0, 0.05);
  --box-shadow-action: 0 0 60px -10px var(--action-trans-40);
  --box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04),
    0 12.5px 10px -5px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08),
    0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1),
    0 80px 80px -5px rgba(0, 0, 0, 0.105);
  --box-shadow-1: 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.02),
    22.3px 22.3px 17.9px rgba(0, 0, 0, 0.03),
    100px 100px 80px rgba(0, 0, 0, 0.05);
  --box-shadow-2: 0 0 60px -10px var(--action-trans-40);
  --box-shadow-3: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
    0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04),
    0 12.5px 10px -5px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08),
    0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1),
    0 80px 80px -5px rgba(0, 0, 0, 0.105);
}

/* Admin Bar */
:root {
  --admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
}

/* Media Query Adjustments */
@media (max-width: 992px) {
  :root {
    --header-height: 8.2rem;
    --header-height-l: 8.2rem;
    --offset-l: 11rem;
  }
}
@media (max-width: 768px) {
  :root {
    --header-height: 6rem;
    --header-height-m: 6rem;
    --offset-m: 11rem;
  }
}
@media (max-width: 480px) {
  :root {
    --header-height: 6rem;
    --header-height-s: 6rem;
    --offset-s: 11rem;
  }
}
/* Buttons */
:root {
  --btn-padding-block: 0.75em;
  --btn-padding-inline: 1.5em;
  --btn-min-width: 14rem;
  --btn-line-height: 1;
  --btn-font-weight: 400;
  --btn-font-style: normal;
  --btn-text-decoration: none;
  --btn-text-decoration-hover: none;
  --btn-letter-spacing: 0;
  --btn-text-transform: none;
  --btn-border-width: 0.25rem;
  --btn-outline-border-width: 0.25rem;
  --btn-border-style: solid;
  --btn-border-radius: var(--radius-m);
  --btn-transition-duration: 0.3s;
}

:root {
  --btn-border-size: 0.25rem;
  --btn-radius: var(--radius-m);
  --outline-btn-border-size: 0.25rem;
  --btn-pad-x: 1.5em;
  --btn-pad-y: 0.75em;
  --btn-text-style: normal;
  --btn-weight: 400;
  --btn-width: 14;
}

/* Columns */
:root {
  --col-width-s: 13rem;
  --col-width-m: 25rem;
  --col-width-l: 38rem;
  --col-rule-width-s: 0.1em;
  --col-rule-width-m: 0.3em;
  --col-rule-width-l: 0.5em;
}

/* Sticky */
:root {
  --sticky-s: 2.5%;
  --sticky-m: 5%;
  --sticky-l: 10%;
}

/* Gaps */
:root {
  --content-gap: var(--space-m);
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
}

/* Colours */
:root {
  --bg-ultra-light: var(--white);
  --bg-light: var(--neutral-ultra-light);
  --bg-dark: var(--neutral-ultra-dark);
  --bg-ultra-dark: var(--black);
  --text-light: var(--white);
  --text-light-muted: var(--neutral-light);
  --text-dark: var(--black);
  --text-dark-muted: var(--neutral-dark);
}

html {
  font-size: var(--root-font-size) !important;
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: var(--offset);
}

@media (max-width: 992px) {
  [id] {
    --offset: var(--offset-l);
  }
}
@media (max-width: 768px) {
  [id] {
    --offset: var(--offset-m);
  }
}
@media (max-width: 480px) {
  [id] {
    --offset: var(--offset-s);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  min-block-size: calc(100vh - var(--admin-bar-height));
}

input,
button,
textarea,
select {
  font: inherit;
}

.focus-parent:focus-within {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}

.focus-parent :focus {
  outline: none !important;
  box-shadow: none !important;
}

.focus-parent--shadow:focus-within {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}

.focus-parent--shadow :focus {
  outline: none !important;
  box-shadow: none !important;
}

.focus-parent--outline:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}

.focus-parent--outline :focus {
  outline: none !important;
  box-shadow: none !important;
}

.hidden-accessible {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body :is(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin: 0;
}

body :where(.woocommerce-checkout) p {
  margin: 0 0 1.2em;
}

body .oxy-rich-text * + :is(h1, h2, h3, h4, h5, h6),
body .oxy-stock-content-styles * + :is(h1, h2, h3, h4, h5, h6),
body:not(.woocommerce-checkout) [class*=woocommerce] * + p * + :is(h1, h2, h3, h4, h5, h6),
body .smart-spacing * + :is(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing);
}

body .oxy-rich-text * + p,
body .oxy-stock-content-styles * + p,
body:not(.woocommerce-checkout) [class*=woocommerce] * + p * + p,
body .smart-spacing * + p {
  margin-block-start: var(--paragraph-spacing);
}

body .oxy-rich-text * + ul,
body .oxy-rich-text * + ol,
body .oxy-stock-content-styles * + ul,
body .oxy-stock-content-styles * + ol,
body:not(.woocommerce-checkout) [class*=woocommerce] * + p * + ul,
body:not(.woocommerce-checkout) [class*=woocommerce] * + p * + ol,
body .smart-spacing * + ul,
body .smart-spacing * + ol {
  margin-block-start: var(--list-spacing);
}

body .oxy-rich-text * + li,
body .oxy-stock-content-styles * + li,
body:not(.woocommerce-checkout) [class*=woocommerce] * + p * + li,
body .smart-spacing * + li {
  margin-block-start: var(--list-item-spacing);
}

::selection {
  background: var(--selection-bg-color, var(--action));
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: var(--selection-bg-color, var(--action));
  /* Gecko Browsers */
}

::selection {
  color: var(--selection-text-color, var(--white));
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  color: var(--selection-text-color, var(--white));
  /* Gecko Browsers */
}

.selection--alt::selection,
.selection--alt ::selection {
  background: var(--selection-bg-color-alt, var(--white));
  /* WebKit/Blink Browsers */
}

.selection--alt::selection,
.selection--alt ::-moz-selection {
  background: var(--selection-bg-color-alt, var(--white));
  /* Gecko Browsers */
}

.selection--alt::selection,
.selection--alt ::selection {
  color: var(--selection-text-color-alt, var(--black));
  /* WebKit/Blink Browsers */
}

.selection--alt::selection,
.selection--alt ::-moz-selection {
  color: var(--selection-text-color-alt, var(--black));
  /* Gecko Browsers */
}

.bg--action {
  background-color: var(--action);
}

.bg--action-hover {
  background-color: var(--action-hover);
}

.bg--action-ultra-light {
  background-color: var(--action-ultra-light);
}

.bg--action-light {
  background-color: var(--action-light);
}

.bg--action-medium {
  background-color: var(--action-medium);
}

.bg--action-dark {
  background-color: var(--action-dark);
}

.bg--action-ultra-dark {
  background-color: var(--action-ultra-dark);
}

.bg--action-comp {
  background-color: var(--action-comp);
}

.bg--action-trans-10 {
  background-color: var(--action-trans-10);
}

.bg--action-trans-20 {
  background-color: var(--action-trans-20);
}

.bg--action-trans-30 {
  background-color: var(--action-trans-30);
}

.bg--action-trans-40 {
  background-color: var(--action-trans-40);
}

.bg--action-trans-50 {
  background-color: var(--action-trans-50);
}

.bg--action-trans-60 {
  background-color: var(--action-trans-60);
}

.bg--action-trans-70 {
  background-color: var(--action-trans-70);
}

.bg--action-trans-80 {
  background-color: var(--action-trans-80);
}

.bg--action-trans-90 {
  background-color: var(--action-trans-90);
}

.bg--action-light-trans-10 {
  background-color: var(--action-light-trans-10);
}

.bg--action-light-trans-20 {
  background-color: var(--action-light-trans-20);
}

.bg--action-light-trans-30 {
  background-color: var(--action-light-trans-30);
}

.bg--action-light-trans-40 {
  background-color: var(--action-light-trans-40);
}

.bg--action-light-trans-50 {
  background-color: var(--action-light-trans-50);
}

.bg--action-light-trans-60 {
  background-color: var(--action-light-trans-60);
}

.bg--action-light-trans-70 {
  background-color: var(--action-light-trans-70);
}

.bg--action-light-trans-80 {
  background-color: var(--action-light-trans-80);
}

.bg--action-light-trans-90 {
  background-color: var(--action-light-trans-90);
}

.bg--action-dark-trans-10 {
  background-color: var(--action-dark-trans-10);
}

.bg--action-dark-trans-20 {
  background-color: var(--action-dark-trans-20);
}

.bg--action-dark-trans-30 {
  background-color: var(--action-dark-trans-30);
}

.bg--action-dark-trans-40 {
  background-color: var(--action-dark-trans-40);
}

.bg--action-dark-trans-50 {
  background-color: var(--action-dark-trans-50);
}

.bg--action-dark-trans-60 {
  background-color: var(--action-dark-trans-60);
}

.bg--action-dark-trans-70 {
  background-color: var(--action-dark-trans-70);
}

.bg--action-dark-trans-80 {
  background-color: var(--action-dark-trans-80);
}

.bg--action-dark-trans-90 {
  background-color: var(--action-dark-trans-90);
}

.bg--action-ultra-dark-trans-10 {
  background-color: var(--action-ultra-dark-trans-10);
}

.bg--action-ultra-dark-trans-20 {
  background-color: var(--action-ultra-dark-trans-20);
}

.bg--action-ultra-dark-trans-30 {
  background-color: var(--action-ultra-dark-trans-30);
}

.bg--action-ultra-dark-trans-40 {
  background-color: var(--action-ultra-dark-trans-40);
}

.bg--action-ultra-dark-trans-50 {
  background-color: var(--action-ultra-dark-trans-50);
}

.bg--action-ultra-dark-trans-60 {
  background-color: var(--action-ultra-dark-trans-60);
}

.bg--action-ultra-dark-trans-70 {
  background-color: var(--action-ultra-dark-trans-70);
}

.bg--action-ultra-dark-trans-80 {
  background-color: var(--action-ultra-dark-trans-80);
}

.bg--action-ultra-dark-trans-90 {
  background-color: var(--action-ultra-dark-trans-90);
}

.bg--base {
  background-color: var(--base);
}

.bg--base-hover {
  background-color: var(--base-hover);
}

.bg--base-ultra-light {
  background-color: var(--base-ultra-light);
}

.bg--base-light {
  background-color: var(--base-light);
}

.bg--base-medium {
  background-color: var(--base-medium);
}

.bg--base-dark {
  background-color: var(--base-dark);
}

.bg--base-ultra-dark {
  background-color: var(--base-ultra-dark);
}

.bg--base-comp {
  background-color: var(--base-comp);
}

.bg--base-trans-10 {
  background-color: var(--base-trans-10);
}

.bg--base-trans-20 {
  background-color: var(--base-trans-20);
}

.bg--base-trans-30 {
  background-color: var(--base-trans-30);
}

.bg--base-trans-40 {
  background-color: var(--base-trans-40);
}

.bg--base-trans-50 {
  background-color: var(--base-trans-50);
}

.bg--base-trans-60 {
  background-color: var(--base-trans-60);
}

.bg--base-trans-70 {
  background-color: var(--base-trans-70);
}

.bg--base-trans-80 {
  background-color: var(--base-trans-80);
}

.bg--base-trans-90 {
  background-color: var(--base-trans-90);
}

.bg--base-light-trans-10 {
  background-color: var(--base-light-trans-10);
}

.bg--base-light-trans-20 {
  background-color: var(--base-light-trans-20);
}

.bg--base-light-trans-30 {
  background-color: var(--base-light-trans-30);
}

.bg--base-light-trans-40 {
  background-color: var(--base-light-trans-40);
}

.bg--base-light-trans-50 {
  background-color: var(--base-light-trans-50);
}

.bg--base-light-trans-60 {
  background-color: var(--base-light-trans-60);
}

.bg--base-light-trans-70 {
  background-color: var(--base-light-trans-70);
}

.bg--base-light-trans-80 {
  background-color: var(--base-light-trans-80);
}

.bg--base-light-trans-90 {
  background-color: var(--base-light-trans-90);
}

.bg--base-dark-trans-10 {
  background-color: var(--base-dark-trans-10);
}

.bg--base-dark-trans-20 {
  background-color: var(--base-dark-trans-20);
}

.bg--base-dark-trans-30 {
  background-color: var(--base-dark-trans-30);
}

.bg--base-dark-trans-40 {
  background-color: var(--base-dark-trans-40);
}

.bg--base-dark-trans-50 {
  background-color: var(--base-dark-trans-50);
}

.bg--base-dark-trans-60 {
  background-color: var(--base-dark-trans-60);
}

.bg--base-dark-trans-70 {
  background-color: var(--base-dark-trans-70);
}

.bg--base-dark-trans-80 {
  background-color: var(--base-dark-trans-80);
}

.bg--base-dark-trans-90 {
  background-color: var(--base-dark-trans-90);
}

.bg--base-ultra-dark-trans-10 {
  background-color: var(--base-ultra-dark-trans-10);
}

.bg--base-ultra-dark-trans-20 {
  background-color: var(--base-ultra-dark-trans-20);
}

.bg--base-ultra-dark-trans-30 {
  background-color: var(--base-ultra-dark-trans-30);
}

.bg--base-ultra-dark-trans-40 {
  background-color: var(--base-ultra-dark-trans-40);
}

.bg--base-ultra-dark-trans-50 {
  background-color: var(--base-ultra-dark-trans-50);
}

.bg--base-ultra-dark-trans-60 {
  background-color: var(--base-ultra-dark-trans-60);
}

.bg--base-ultra-dark-trans-70 {
  background-color: var(--base-ultra-dark-trans-70);
}

.bg--base-ultra-dark-trans-80 {
  background-color: var(--base-ultra-dark-trans-80);
}

.bg--base-ultra-dark-trans-90 {
  background-color: var(--base-ultra-dark-trans-90);
}

.bg--shade {
  background-color: var(--shade);
}

.bg--shade-hover {
  background-color: var(--shade-hover);
}

.bg--shade-ultra-light {
  background-color: var(--shade-ultra-light);
}

.bg--shade-light {
  background-color: var(--shade-light);
}

.bg--shade-medium {
  background-color: var(--shade-medium);
}

.bg--shade-dark {
  background-color: var(--shade-dark);
}

.bg--shade-ultra-dark {
  background-color: var(--shade-ultra-dark);
}

.bg--shade-comp {
  background-color: var(--shade-comp);
}

.bg--shade-trans-10 {
  background-color: var(--shade-trans-10);
}

.bg--shade-trans-20 {
  background-color: var(--shade-trans-20);
}

.bg--shade-trans-30 {
  background-color: var(--shade-trans-30);
}

.bg--shade-trans-40 {
  background-color: var(--shade-trans-40);
}

.bg--shade-trans-50 {
  background-color: var(--shade-trans-50);
}

.bg--shade-trans-60 {
  background-color: var(--shade-trans-60);
}

.bg--shade-trans-70 {
  background-color: var(--shade-trans-70);
}

.bg--shade-trans-80 {
  background-color: var(--shade-trans-80);
}

.bg--shade-trans-90 {
  background-color: var(--shade-trans-90);
}

.bg--shade-light-trans-10 {
  background-color: var(--shade-light-trans-10);
}

.bg--shade-light-trans-20 {
  background-color: var(--shade-light-trans-20);
}

.bg--shade-light-trans-30 {
  background-color: var(--shade-light-trans-30);
}

.bg--shade-light-trans-40 {
  background-color: var(--shade-light-trans-40);
}

.bg--shade-light-trans-50 {
  background-color: var(--shade-light-trans-50);
}

.bg--shade-light-trans-60 {
  background-color: var(--shade-light-trans-60);
}

.bg--shade-light-trans-70 {
  background-color: var(--shade-light-trans-70);
}

.bg--shade-light-trans-80 {
  background-color: var(--shade-light-trans-80);
}

.bg--shade-light-trans-90 {
  background-color: var(--shade-light-trans-90);
}

.bg--shade-dark-trans-10 {
  background-color: var(--shade-dark-trans-10);
}

.bg--shade-dark-trans-20 {
  background-color: var(--shade-dark-trans-20);
}

.bg--shade-dark-trans-30 {
  background-color: var(--shade-dark-trans-30);
}

.bg--shade-dark-trans-40 {
  background-color: var(--shade-dark-trans-40);
}

.bg--shade-dark-trans-50 {
  background-color: var(--shade-dark-trans-50);
}

.bg--shade-dark-trans-60 {
  background-color: var(--shade-dark-trans-60);
}

.bg--shade-dark-trans-70 {
  background-color: var(--shade-dark-trans-70);
}

.bg--shade-dark-trans-80 {
  background-color: var(--shade-dark-trans-80);
}

.bg--shade-dark-trans-90 {
  background-color: var(--shade-dark-trans-90);
}

.bg--shade-ultra-dark-trans-10 {
  background-color: var(--shade-ultra-dark-trans-10);
}

.bg--shade-ultra-dark-trans-20 {
  background-color: var(--shade-ultra-dark-trans-20);
}

.bg--shade-ultra-dark-trans-30 {
  background-color: var(--shade-ultra-dark-trans-30);
}

.bg--shade-ultra-dark-trans-40 {
  background-color: var(--shade-ultra-dark-trans-40);
}

.bg--shade-ultra-dark-trans-50 {
  background-color: var(--shade-ultra-dark-trans-50);
}

.bg--shade-ultra-dark-trans-60 {
  background-color: var(--shade-ultra-dark-trans-60);
}

.bg--shade-ultra-dark-trans-70 {
  background-color: var(--shade-ultra-dark-trans-70);
}

.bg--shade-ultra-dark-trans-80 {
  background-color: var(--shade-ultra-dark-trans-80);
}

.bg--shade-ultra-dark-trans-90 {
  background-color: var(--shade-ultra-dark-trans-90);
}

.bg--neutral {
  background-color: var(--neutral);
}

.bg--neutral-hover {
  background-color: var(--neutral-hover);
}

.bg--neutral-ultra-light {
  background-color: var(--neutral-ultra-light);
}

.bg--neutral-light {
  background-color: var(--neutral-light);
}

.bg--neutral-medium {
  background-color: var(--neutral-medium);
}

.bg--neutral-dark {
  background-color: var(--neutral-dark);
}

.bg--neutral-ultra-dark {
  background-color: var(--neutral-ultra-dark);
}

.bg--neutral-comp {
  background-color: var(--neutral-comp);
}

.bg--neutral-trans-10 {
  background-color: var(--neutral-trans-10);
}

.bg--neutral-trans-20 {
  background-color: var(--neutral-trans-20);
}

.bg--neutral-trans-30 {
  background-color: var(--neutral-trans-30);
}

.bg--neutral-trans-40 {
  background-color: var(--neutral-trans-40);
}

.bg--neutral-trans-50 {
  background-color: var(--neutral-trans-50);
}

.bg--neutral-trans-60 {
  background-color: var(--neutral-trans-60);
}

.bg--neutral-trans-70 {
  background-color: var(--neutral-trans-70);
}

.bg--neutral-trans-80 {
  background-color: var(--neutral-trans-80);
}

.bg--neutral-trans-90 {
  background-color: var(--neutral-trans-90);
}

.bg--neutral-light-trans-10 {
  background-color: var(--neutral-light-trans-10);
}

.bg--neutral-light-trans-20 {
  background-color: var(--neutral-light-trans-20);
}

.bg--neutral-light-trans-30 {
  background-color: var(--neutral-light-trans-30);
}

.bg--neutral-light-trans-40 {
  background-color: var(--neutral-light-trans-40);
}

.bg--neutral-light-trans-50 {
  background-color: var(--neutral-light-trans-50);
}

.bg--neutral-light-trans-60 {
  background-color: var(--neutral-light-trans-60);
}

.bg--neutral-light-trans-70 {
  background-color: var(--neutral-light-trans-70);
}

.bg--neutral-light-trans-80 {
  background-color: var(--neutral-light-trans-80);
}

.bg--neutral-light-trans-90 {
  background-color: var(--neutral-light-trans-90);
}

.bg--neutral-dark-trans-10 {
  background-color: var(--neutral-dark-trans-10);
}

.bg--neutral-dark-trans-20 {
  background-color: var(--neutral-dark-trans-20);
}

.bg--neutral-dark-trans-30 {
  background-color: var(--neutral-dark-trans-30);
}

.bg--neutral-dark-trans-40 {
  background-color: var(--neutral-dark-trans-40);
}

.bg--neutral-dark-trans-50 {
  background-color: var(--neutral-dark-trans-50);
}

.bg--neutral-dark-trans-60 {
  background-color: var(--neutral-dark-trans-60);
}

.bg--neutral-dark-trans-70 {
  background-color: var(--neutral-dark-trans-70);
}

.bg--neutral-dark-trans-80 {
  background-color: var(--neutral-dark-trans-80);
}

.bg--neutral-dark-trans-90 {
  background-color: var(--neutral-dark-trans-90);
}

.bg--neutral-ultra-dark-trans-10 {
  background-color: var(--neutral-ultra-dark-trans-10);
}

.bg--neutral-ultra-dark-trans-20 {
  background-color: var(--neutral-ultra-dark-trans-20);
}

.bg--neutral-ultra-dark-trans-30 {
  background-color: var(--neutral-ultra-dark-trans-30);
}

.bg--neutral-ultra-dark-trans-40 {
  background-color: var(--neutral-ultra-dark-trans-40);
}

.bg--neutral-ultra-dark-trans-50 {
  background-color: var(--neutral-ultra-dark-trans-50);
}

.bg--neutral-ultra-dark-trans-60 {
  background-color: var(--neutral-ultra-dark-trans-60);
}

.bg--neutral-ultra-dark-trans-70 {
  background-color: var(--neutral-ultra-dark-trans-70);
}

.bg--neutral-ultra-dark-trans-80 {
  background-color: var(--neutral-ultra-dark-trans-80);
}

.bg--neutral-ultra-dark-trans-90 {
  background-color: var(--neutral-ultra-dark-trans-90);
}

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

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

.bg--white-trans-10 {
  background-color: var(--white-trans-10);
}

.bg--white-trans-20 {
  background-color: var(--white-trans-20);
}

.bg--white-trans-30 {
  background-color: var(--white-trans-30);
}

.bg--white-trans-40 {
  background-color: var(--white-trans-40);
}

.bg--white-trans-50 {
  background-color: var(--white-trans-50);
}

.bg--white-trans-60 {
  background-color: var(--white-trans-60);
}

.bg--white-trans-70 {
  background-color: var(--white-trans-70);
}

.bg--white-trans-80 {
  background-color: var(--white-trans-80);
}

.bg--white-trans-90 {
  background-color: var(--white-trans-90);
}

.bg--black-trans-10 {
  background-color: var(--black-trans-10);
}

.bg--black-trans-20 {
  background-color: var(--black-trans-20);
}

.bg--black-trans-30 {
  background-color: var(--black-trans-30);
}

.bg--black-trans-40 {
  background-color: var(--black-trans-40);
}

.bg--black-trans-50 {
  background-color: var(--black-trans-50);
}

.bg--black-trans-60 {
  background-color: var(--black-trans-60);
}

.bg--black-trans-70 {
  background-color: var(--black-trans-70);
}

.bg--black-trans-80 {
  background-color: var(--black-trans-80);
}

.bg--black-trans-90 {
  background-color: var(--black-trans-90);
}

.bg--ultra-light {
  background-color: var(--bg-ultra-light);
}

.bg--light {
  background-color: var(--bg-light);
}

.bg--dark {
  background-color: var(--bg-dark);
}

.bg--ultra-dark {
  background-color: var(--bg-ultra-dark);
}

.text--light {
  color: var(--text-light);
}

.text--light-muted {
  color: var(--text-light-muted);
}

.text--dark {
  color: var(--text-dark);
}

.text--dark-muted {
  color: var(--text-dark-muted);
}

:where(.bg--ultra-light),
.bg--ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-dark);
}

:where(.bg--light),
.bg--light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-dark);
}

:where(.bg--dark),
.bg--dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-light);
}

:where(.bg--ultra-dark),
.bg--ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-light);
}

.pad-section--xs {
  padding-block: var(--section-space-xs);
  padding-inline: var(--section-padding-x);
}

.pad-section--s {
  padding-block: var(--section-space-s);
  padding-inline: var(--section-padding-x);
}

.pad-section--m {
  padding-block: var(--section-space-m);
  padding-inline: var(--section-padding-x);
}

.pad-section--l {
  padding-block: var(--section-space-l);
  padding-inline: var(--section-padding-x);
}

.pad-section--xl {
  padding-block: var(--section-space-xl);
  padding-inline: var(--section-padding-x);
}

.pad-section--xxl {
  padding-block: var(--section-space-xxl);
  padding-inline: var(--section-padding-x);
}

.pad-section--none {
  padding: 0 var(--section-padding-x);
}

@media (max-width: 1366px) {
  .pad-section--xl-xs {
    padding-block: var(--section-space-xs);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--xl-s {
    padding-block: var(--section-space-s);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--xl-m {
    padding-block: var(--section-space-m);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--xl-l {
    padding-block: var(--section-space-l);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--xl-xl {
    padding-block: var(--section-space-xl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--xl-xxl {
    padding-block: var(--section-space-xxl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--xl-none {
    padding-inline: 0 var(--section-padding-x);
  }
}
@media (max-width: 992px) {
  .pad-section--l-xs {
    padding-block: var(--section-space-xs);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--l-s {
    padding-block: var(--section-space-s);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--l-m {
    padding-block: var(--section-space-m);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--l-l {
    padding-block: var(--section-space-l);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--l-xl {
    padding-block: var(--section-space-xl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--l-xxl {
    padding-block: var(--section-space-xxl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--l-none {
    padding-inline: 0 var(--section-padding-x);
  }
}
@media (max-width: 768px) {
  .pad-section--m-xs {
    padding-block: var(--section-space-xs);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--m-s {
    padding-block: var(--section-space-s);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--m-m {
    padding-block: var(--section-space-m);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--m-l {
    padding-block: var(--section-space-l);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--m-xl {
    padding-block: var(--section-space-xl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--m-xxl {
    padding-block: var(--section-space-xxl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--m-none {
    padding-inline: 0 var(--section-padding-x);
  }
}
@media (max-width: 480px) {
  .pad-section--s-xs {
    padding-block: var(--section-space-xs);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--s-s {
    padding-block: var(--section-space-s);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--s-m {
    padding-block: var(--section-space-m);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--s-l {
    padding-block: var(--section-space-l);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--s-xl {
    padding-block: var(--section-space-xl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--s-xxl {
    padding-block: var(--section-space-xxl);
    padding-inline: var(--section-padding-x);
  }
  .pad-section--s-none {
    padding-inline: 0 var(--section-padding-x);
  }
}
figure[class*=overlay--]::before {
  z-index: 0;
}

h1 {
  color: var(--h1-color, var(--black));
}

h2 {
  color: var(--h2-color, var(--black));
}

h3 {
  color: var(--h3-color, var(--black));
}

h4 {
  color: var(--h4-color, var(--black));
}

h5 {
  color: var(--h5-color, var(--black));
}

h6 {
  color: var(--h6-color, var(--black));
}

.text--xs,
.text--xs > p,
.text--xs > ol li,
.text--xs > ul li {
  font-size: var(--text-xs);
  line-height: var(--text-xs-lh);
  max-inline-size: var(--text-xs-length);
}

.text--s,
.text--s > p,
.text--s > ol li,
.text--s > ul li {
  font-size: var(--text-s);
  line-height: var(--text-s-lh);
  max-inline-size: var(--text-s-length);
}

.text--m,
.text--m > p,
.text--m > ol li,
.text--m > ul li {
  font-size: var(--text-m);
  line-height: var(--text-m-lh);
  max-inline-size: var(--text-m-length);
}

.text--l,
.text--l > p,
.text--l > ol li,
.text--l > ul li {
  font-size: var(--text-l);
  line-height: var(--text-l-lh);
  max-inline-size: var(--text-l-length);
}

.text--xl,
.text--xl > p,
.text--xl > ol li,
.text--xl > ul li {
  font-size: var(--text-xl);
  line-height: var(--text-xl-lh);
  max-inline-size: var(--text-xl-length);
}

.text--xxl,
.text--xxl > p,
.text--xxl > ol li,
.text--xxl > ul li {
  font-size: var(--text-xxl);
  line-height: var(--text-xxl-lh);
  max-inline-size: var(--text-xxl-length);
}

.h--1 {
  font-size: var(--h1);
  line-height: var(--h1-lh);
  max-inline-size: var(--h1-length);
  color: var(--h1-color, var(--heading-color));
}

.h--2 {
  font-size: var(--h2);
  line-height: var(--h2-lh);
  max-inline-size: var(--h2-length);
  color: var(--h2-color, var(--heading-color));
}

.h--3 {
  font-size: var(--h3);
  line-height: var(--h3-lh);
  max-inline-size: var(--h3-length);
  color: var(--h3-color, var(--heading-color));
}

.h--4 {
  font-size: var(--h4);
  line-height: var(--h4-lh);
  max-inline-size: var(--h4-length);
  color: var(--h4-color, var(--heading-color));
}

.h--5 {
  font-size: var(--h5);
  line-height: var(--h5-lh);
  max-inline-size: var(--h5-length);
  color: var(--h5-color, var(--heading-color));
}

.h--6 {
  font-size: var(--h6);
  line-height: var(--h6-lh);
  max-inline-size: var(--h6-length);
  color: var(--h6-color, var(--heading-color));
}

.text--100 {
  font-weight: 100;
}

.text--200 {
  font-weight: 200;
}

.text--300 {
  font-weight: 300;
}

.text--400 {
  font-weight: 400;
}

.text--500 {
  font-weight: 500;
}

.text--600 {
  font-weight: 600;
}

.text--700 {
  font-weight: 700;
}

.text--800 {
  font-weight: 800;
}

.text--900 {
  font-weight: 900;
}

.text--bold {
  font-weight: bold;
}

.text--italic {
  font-style: italic;
}

.text--oblique {
  font-style: oblique;
}

.text--decoration-none {
  -webkit-text-decoration: none;
  text-decoration: none;
}

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

.text--underline-wavy {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}

.text--underline-dotted {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.text--underline-double {
  -webkit-text-decoration: underline double;
  text-decoration: underline double;
}

.text--underline-dashed {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}

.text--overline {
  -webkit-text-decoration: overline;
  text-decoration: overline;
}

.text--line-through {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

.text--transform-none {
  text-transform: none;
}

.text--uppercase {
  text-transform: uppercase;
}

.text--lowercase {
  text-transform: lowercase;
}

.text--capitalize {
  text-transform: capitalize;
}

.text--left {
  text-align: left;
}

.text--center {
  text-align: center;
}

.text--right {
  text-align: right;
}

.text--justify {
  text-align: justify;
}

.balance {
  text-wrap: balance;
}

.balance p,
.balance li,
.balance blockquote,
.balance h1,
.balance h2,
.balance h3,
.balance h4,
.balance h5,
.balance h6 {
  text-wrap: balance;
}

.unbalance {
  text-wrap: unset;
}

.unbalance p,
.unbalance li,
.unbalance blockquote,
.unbalance h1,
.unbalance h2,
.unbalance h3,
.unbalance h4,
.unbalance h5,
.unbalance h6 {
  text-wrap: unset;
}

@media (min-width: 1366px) {
  .breakout--s {
    inline-size: 60vw !important;
    max-inline-size: 60vw !important;
    margin: 0 calc(-30vw + 50%) !important;
  }
  .breakout--m {
    inline-size: 70vw !important;
    max-inline-size: 70vw !important;
    margin: 0 calc(-35vw + 50%) !important;
  }
  .breakout--l {
    inline-size: 80vw !important;
    max-inline-size: 80vw !important;
    margin: 0 calc(-40vw + 50%) !important;
  }
  .breakout--xl {
    inline-size: 90vw !important;
    max-inline-size: 90vw !important;
    margin: 0 calc(-45vw + 50%) !important;
  }
}
.breakout--full {
  inline-size: 100vw !important;
  max-inline-size: 100vw !important;
  margin-inline: calc(-50vw + 50%) !important;
  align-self: flex-start;
}

@media (max-width: 1366px) {
  [class*=breakout--]:not(.breakout--full) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
  }
}
.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  inset-block-start: 11rem;
}

.sticky-top--s {
  inset-block-start: 2.5%;
}

.sticky-top--m {
  inset-block-start: 5%;
}

.sticky-top--l {
  inset-block-start: 10%;
}

.center--self {
  margin-left: auto;
  margin-right: auto;
}

:is([class*=col-count--], [class*=col-width--]) {
  display: block !important;
}

.col-count--1 {
  -moz-column-count: 1;
  column-count: 1;
}

.col-count--2 {
  -moz-column-count: 2;
  column-count: 2;
}

.col-count--3 {
  -moz-column-count: 3;
  column-count: 3;
}

.col-count--4 {
  -moz-column-count: 4;
  column-count: 4;
}

.col-count--5 {
  -moz-column-count: 5;
  column-count: 5;
}

@media (max-width: 1366px) {
  .col-count--xl-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--xl-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--xl-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--xl-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--xl-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 992px) {
  .col-count--l-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--l-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--l-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--l-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--l-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 768px) {
  .col-count--m-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--m-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--m-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--m-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--m-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (max-width: 480px) {
  .col-count--s-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--s-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--s-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--s-4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--s-5 {
    -moz-column-count: 5;
    column-count: 5;
  }
}
.col-width--s {
  width: 100%;
  -moz-column-width: var(--col-width-s, 13rem);
  column-width: var(--col-width-s, 13rem);
}

.col-width--m {
  width: 100%;
  -moz-column-width: var(--col-width-m, 25rem);
  column-width: var(--col-width-m, 25rem);
}

.col-width--l {
  width: 100%;
  -moz-column-width: var(--col-width-l, 38rem);
  column-width: var(--col-width-l, 38rem);
}

.col-rule--dotted {
  -moz-column-rule: dotted;
  column-rule: dotted;
}

.col-rule--dashed {
  -moz-column-rule: dashed;
  column-rule: dashed;
}

.col-rule--solid {
  -moz-column-rule: solid;
  column-rule: solid;
}

.col-rule--double {
  -moz-column-rule: double;
  column-rule: double;
}

.col-rule--groove {
  -moz-column-rule: groove;
  column-rule: groove;
}

.col-rule--ridge {
  -moz-column-rule: ridge;
  column-rule: ridge;
}

.col-rule--inset {
  -moz-column-rule: inset;
  column-rule: inset;
}

.col-rule--outset {
  -moz-column-rule: outset;
  column-rule: outset;
}

.col-rule--action {
  -moz-column-rule-color: var(--action);
  column-rule-color: var(--action);
}

.col-rule--action-hover {
  -moz-column-rule-color: var(--action-hover);
  column-rule-color: var(--action-hover);
}

.col-rule--action-ultra-light {
  -moz-column-rule-color: var(--action-ultra-light);
  column-rule-color: var(--action-ultra-light);
}

.col-rule--action-light {
  -moz-column-rule-color: var(--action-light);
  column-rule-color: var(--action-light);
}

.col-rule--action-medium {
  -moz-column-rule-color: var(--action-medium);
  column-rule-color: var(--action-medium);
}

.col-rule--action-dark {
  -moz-column-rule-color: var(--action-dark);
  column-rule-color: var(--action-dark);
}

.col-rule--action-ultra-dark {
  -moz-column-rule-color: var(--action-ultra-dark);
  column-rule-color: var(--action-ultra-dark);
}

.col-rule--action-comp {
  -moz-column-rule-color: var(--action-comp);
  column-rule-color: var(--action-comp);
}

.col-rule--base {
  -moz-column-rule-color: var(--base);
  column-rule-color: var(--base);
}

.col-rule--base-hover {
  -moz-column-rule-color: var(--base-hover);
  column-rule-color: var(--base-hover);
}

.col-rule--base-ultra-light {
  -moz-column-rule-color: var(--base-ultra-light);
  column-rule-color: var(--base-ultra-light);
}

.col-rule--base-light {
  -moz-column-rule-color: var(--base-light);
  column-rule-color: var(--base-light);
}

.col-rule--base-medium {
  -moz-column-rule-color: var(--base-medium);
  column-rule-color: var(--base-medium);
}

.col-rule--base-dark {
  -moz-column-rule-color: var(--base-dark);
  column-rule-color: var(--base-dark);
}

.col-rule--base-ultra-dark {
  -moz-column-rule-color: var(--base-ultra-dark);
  column-rule-color: var(--base-ultra-dark);
}

.col-rule--base-comp {
  -moz-column-rule-color: var(--base-comp);
  column-rule-color: var(--base-comp);
}

.col-rule--shade {
  -moz-column-rule-color: var(--shade);
  column-rule-color: var(--shade);
}

.col-rule--shade-hover {
  -moz-column-rule-color: var(--shade-hover);
  column-rule-color: var(--shade-hover);
}

.col-rule--shade-ultra-light {
  -moz-column-rule-color: var(--shade-ultra-light);
  column-rule-color: var(--shade-ultra-light);
}

.col-rule--shade-light {
  -moz-column-rule-color: var(--shade-light);
  column-rule-color: var(--shade-light);
}

.col-rule--shade-medium {
  -moz-column-rule-color: var(--shade-medium);
  column-rule-color: var(--shade-medium);
}

.col-rule--shade-dark {
  -moz-column-rule-color: var(--shade-dark);
  column-rule-color: var(--shade-dark);
}

.col-rule--shade-ultra-dark {
  -moz-column-rule-color: var(--shade-ultra-dark);
  column-rule-color: var(--shade-ultra-dark);
}

.col-rule--shade-comp {
  -moz-column-rule-color: var(--shade-comp);
  column-rule-color: var(--shade-comp);
}

.col-rule--neutral {
  -moz-column-rule-color: var(--neutral);
  column-rule-color: var(--neutral);
}

.col-rule--neutral-hover {
  -moz-column-rule-color: var(--neutral-hover);
  column-rule-color: var(--neutral-hover);
}

.col-rule--neutral-ultra-light {
  -moz-column-rule-color: var(--neutral-ultra-light);
  column-rule-color: var(--neutral-ultra-light);
}

.col-rule--neutral-light {
  -moz-column-rule-color: var(--neutral-light);
  column-rule-color: var(--neutral-light);
}

.col-rule--neutral-medium {
  -moz-column-rule-color: var(--neutral-medium);
  column-rule-color: var(--neutral-medium);
}

.col-rule--neutral-dark {
  -moz-column-rule-color: var(--neutral-dark);
  column-rule-color: var(--neutral-dark);
}

.col-rule--neutral-ultra-dark {
  -moz-column-rule-color: var(--neutral-ultra-dark);
  column-rule-color: var(--neutral-ultra-dark);
}

.col-rule--neutral-comp {
  -moz-column-rule-color: var(--neutral-comp);
  column-rule-color: var(--neutral-comp);
}

.col-rule--white {
  -moz-column-rule-color: var(--white);
  column-rule-color: var(--white);
}

.col-rule--black {
  -moz-column-rule-color: var(--black);
  column-rule-color: var(--black);
}

.col-rule--s {
  -moz-column-rule-width: var(--col-rule-width-s, 0.1em);
  column-rule-width: var(--col-rule-width-s, 0.1em);
}

.col-rule--m {
  -moz-column-rule-width: var(--col-rule-width-m, 0.3em);
  column-rule-width: var(--col-rule-width-m, 0.3em);
}

.col-rule--l {
  -moz-column-rule-width: var(--col-rule-width-l, 0.5em);
  column-rule-width: var(--col-rule-width-l, 0.5em);
}

.col-span--all {
  -moz-column-span: all;
  column-span: all;
}

.masonry--1 {
  display: block !important;
  column-count: 1;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
}

.masonry--2 {
  display: block !important;
  column-count: 2;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
}

.masonry--3 {
  display: block !important;
  column-count: 3;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
}

.masonry--4 {
  display: block !important;
  column-count: 4;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
}

.masonry--5 {
  display: block !important;
  column-count: 5;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
}

@media (max-width: 1366px) {
  .masonry--xl-1 {
    column-count: 1;
  }
  .masonry--xl-2 {
    column-count: 2;
  }
  .masonry--xl-3 {
    column-count: 3;
  }
  .masonry--xl-4 {
    column-count: 4;
  }
  .masonry--xl-5 {
    column-count: 5;
  }
}
@media (max-width: 992px) {
  .masonry--l-1 {
    column-count: 1;
  }
  .masonry--l-2 {
    column-count: 2;
  }
  .masonry--l-3 {
    column-count: 3;
  }
  .masonry--l-4 {
    column-count: 4;
  }
  .masonry--l-5 {
    column-count: 5;
  }
}
@media (max-width: 768px) {
  .masonry--m-1 {
    column-count: 1;
  }
  .masonry--m-2 {
    column-count: 2;
  }
  .masonry--m-3 {
    column-count: 3;
  }
  .masonry--m-4 {
    column-count: 4;
  }
  .masonry--m-5 {
    column-count: 5;
  }
}
@media (max-width: 480px) {
  .masonry--s-1 {
    column-count: 1;
  }
  .masonry--s-2 {
    column-count: 2;
  }
  .masonry--s-3 {
    column-count: 3;
  }
  .masonry--s-4 {
    column-count: 4;
  }
  .masonry--s-5 {
    column-count: 5;
  }
}
:where([class*=masonry--] > *) {
  break-inside: avoid;
  width: 100%;
}

[class*=masonry]:is([class*=gap--],
[class*=row-gap--],
[class*=content-gap],
[class*=container-gap],
[class*=grid-gap]) > * {
  margin-block-end: var(--row-gap);
}

.variable-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2 - var(--space-xxl))), 100%), 1fr));
  grid-template-rows: var(--grid-1);
  gap: var(--gap, var(--grid-gap));
}

.content-grid {
  --full: minmax(var(--gutter), 1fr);
  padding-inline: 0;
  column-gap: 0 !important;
  display: grid !important;
  grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end];
}

.content-grid > :not(.content--feature,
.content--feature-max,
.content--full,
.content--full-safe) {
  width: 100%;
  grid-column: content;
}

:where(.content-grid > .content--feature) {
  grid-column: feature;
}

:where(.content-grid > .content--feature-max) {
  grid-column: feature-max;
}

:where(.content-grid > .content--full) {
  grid-column: full;
}

:where(.content-grid > .content--full-safe) {
  grid-column: full;
  padding-inline: var(--gutter);
}

.content-grid:where(.content--full-safe) {
  padding-inline: var(--gutter);
}

.content-grid > :is(.content--feature,
.content--feature-max,
.content--full,
.content--full-safe) {
  width: 100%;
  max-width: 100%;
}

.grid--1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--1 > * {
  grid-column: 1 !important;
}

.grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--7 {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--8 {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--9 {
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--10 {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--11 {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--12 {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  inline-size: 100%;
}

.grid--1-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  inline-size: 100%;
}

.grid--1-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  inline-size: 100%;
}

.grid--2-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  inline-size: 100%;
}

.grid--2-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  inline-size: 100%;
}

.grid--3-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  inline-size: 100%;
}

.grid--3-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  inline-size: 100%;
}

.grid--variable-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2)), 100%), 1fr));
  inline-size: 100%;
}

.grid--auto-2 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(43.6789297659rem, 100vw - 6rem), 1fr));
  inline-size: 100%;
}

.grid--auto-3 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  inline-size: 100%;
}

.grid--auto-4 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(26.1723446894rem, 100vw - 6rem), 1fr));
  inline-size: 100%;
}

.grid--auto-5 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(21.8030050083rem, 100vw - 6rem), 1fr));
  inline-size: 100%;
}

.grid--auto-6 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(18.6838340486rem, 100vw - 6rem), 1fr));
  inline-size: 100%;
}

.grid--auto-1-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  inline-size: 100%;
}

.grid--auto-1-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  inline-size: 100%;
}

.grid--auto-2-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  inline-size: 100%;
}

.grid--auto-2-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  inline-size: 100%;
}

.grid--auto-3-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  inline-size: 100%;
}

.grid--auto-3-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  inline-size: 100%;
}

@media (max-width: 1366px) {
  .grid--xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--xl-1 > * {
    grid-column: 1 !important;
  }
  .grid--xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--xl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--xl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--xl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--xl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--xl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--xl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 992px) {
  .grid--l-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--l-1 > * {
    grid-column: 1 !important;
  }
  .grid--l-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--l-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--l-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--l-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--l-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--l-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--l-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--l-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--l-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--l-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--l-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .grid--m-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--m-1 > * {
    grid-column: 1 !important;
  }
  .grid--m-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--m-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--m-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--m-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--m-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--m-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--m-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--m-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--m-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--m-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--m-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .grid--s-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--s-1 > * {
    grid-column: 1 !important;
  }
  .grid--s-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--s-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--s-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--s-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--s-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--s-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--s-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--s-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--s-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--s-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--s-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 992px) {
  .grid--auto-1-2 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-1-3 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-3-2 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-2-3 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-2-1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  }
  .grid--auto-3-1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(32.7318295739rem, 100vw - 6rem), 1fr));
  }
}
@media (min-width: 1366px) {
  .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-xl > .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 992px) {
  .grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-l > .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 768px) {
  .grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-m > .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
@media (min-width: 480px) {
  .grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child {
    order: -1;
  }
  .grid--alternate-s > .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child {
    order: -1;
  }
}
.row-span--1 {
  grid-row: span 1;
}

.col-span--1 {
  grid-column: span 1;
}

.row-start--1 {
  grid-row-start: 1;
}

.row-end--1 {
  grid-row-end: 1;
}

.col-start--1 {
  grid-column-start: 1;
}

.col-end--1 {
  grid-column-end: 1;
}

.row-span--2 {
  grid-row: span 2;
}

.col-span--2 {
  grid-column: span 2;
}

.row-start--2 {
  grid-row-start: 2;
}

.row-end--2 {
  grid-row-end: 2;
}

.col-start--2 {
  grid-column-start: 2;
}

.col-end--2 {
  grid-column-end: 2;
}

.row-span--3 {
  grid-row: span 3;
}

.col-span--3 {
  grid-column: span 3;
}

.row-start--3 {
  grid-row-start: 3;
}

.row-end--3 {
  grid-row-end: 3;
}

.col-start--3 {
  grid-column-start: 3;
}

.col-end--3 {
  grid-column-end: 3;
}

.row-span--4 {
  grid-row: span 4;
}

.col-span--4 {
  grid-column: span 4;
}

.row-start--4 {
  grid-row-start: 4;
}

.row-end--4 {
  grid-row-end: 4;
}

.col-start--4 {
  grid-column-start: 4;
}

.col-end--4 {
  grid-column-end: 4;
}

.row-span--5 {
  grid-row: span 5;
}

.col-span--5 {
  grid-column: span 5;
}

.row-start--5 {
  grid-row-start: 5;
}

.row-end--5 {
  grid-row-end: 5;
}

.col-start--5 {
  grid-column-start: 5;
}

.col-end--5 {
  grid-column-end: 5;
}

.row-span--6 {
  grid-row: span 6;
}

.col-span--6 {
  grid-column: span 6;
}

.row-start--6 {
  grid-row-start: 6;
}

.row-end--6 {
  grid-row-end: 6;
}

.col-start--6 {
  grid-column-start: 6;
}

.col-end--6 {
  grid-column-end: 6;
}

.row-span--7 {
  grid-row: span 7;
}

.col-span--7 {
  grid-column: span 7;
}

.row-start--7 {
  grid-row-start: 7;
}

.row-end--7 {
  grid-row-end: 7;
}

.col-start--7 {
  grid-column-start: 7;
}

.col-end--7 {
  grid-column-end: 7;
}

.row-span--8 {
  grid-row: span 8;
}

.col-span--8 {
  grid-column: span 8;
}

.row-start--8 {
  grid-row-start: 8;
}

.row-end--8 {
  grid-row-end: 8;
}

.col-start--8 {
  grid-column-start: 8;
}

.col-end--8 {
  grid-column-end: 8;
}

.row-span--9 {
  grid-row: span 9;
}

.col-span--9 {
  grid-column: span 9;
}

.row-start--9 {
  grid-row-start: 9;
}

.row-end--9 {
  grid-row-end: 9;
}

.col-start--9 {
  grid-column-start: 9;
}

.col-end--9 {
  grid-column-end: 9;
}

.row-span--10 {
  grid-row: span 10;
}

.col-span--10 {
  grid-column: span 10;
}

.row-start--10 {
  grid-row-start: 10;
}

.row-end--10 {
  grid-row-end: 10;
}

.col-start--10 {
  grid-column-start: 10;
}

.col-end--10 {
  grid-column-end: 10;
}

.row-span--11 {
  grid-row: span 11;
}

.col-span--11 {
  grid-column: span 11;
}

.row-start--11 {
  grid-row-start: 11;
}

.row-end--11 {
  grid-row-end: 11;
}

.col-start--11 {
  grid-column-start: 11;
}

.col-end--11 {
  grid-column-end: 11;
}

.row-span--12 {
  grid-row: span 12;
}

.col-span--12 {
  grid-column: span 12;
}

.row-start--12 {
  grid-row-start: 12;
}

.row-end--12 {
  grid-row-end: 12;
}

.col-start--12 {
  grid-column-start: 12;
}

.col-end--12 {
  grid-column-end: 12;
}

@media (max-width: 1366px) {
  .row-span--xl-1 {
    grid-row: span 1;
  }
  .col-span--xl-1 {
    grid-column: span 1;
  }
  .row-start--xl-1 {
    grid-row-start: 1;
  }
  .row-end--xl-1 {
    grid-row-end: 1;
  }
  .col-start--xl-1 {
    grid-column-start: 1;
  }
  .col-end--xl-1 {
    grid-column-end: 1;
  }
  .row-span--xl-2 {
    grid-row: span 2;
  }
  .col-span--xl-2 {
    grid-column: span 2;
  }
  .row-start--xl-2 {
    grid-row-start: 2;
  }
  .row-end--xl-2 {
    grid-row-end: 2;
  }
  .col-start--xl-2 {
    grid-column-start: 2;
  }
  .col-end--xl-2 {
    grid-column-end: 2;
  }
  .row-span--xl-3 {
    grid-row: span 3;
  }
  .col-span--xl-3 {
    grid-column: span 3;
  }
  .row-start--xl-3 {
    grid-row-start: 3;
  }
  .row-end--xl-3 {
    grid-row-end: 3;
  }
  .col-start--xl-3 {
    grid-column-start: 3;
  }
  .col-end--xl-3 {
    grid-column-end: 3;
  }
  .row-span--xl-4 {
    grid-row: span 4;
  }
  .col-span--xl-4 {
    grid-column: span 4;
  }
  .row-start--xl-4 {
    grid-row-start: 4;
  }
  .row-end--xl-4 {
    grid-row-end: 4;
  }
  .col-start--xl-4 {
    grid-column-start: 4;
  }
  .col-end--xl-4 {
    grid-column-end: 4;
  }
  .row-span--xl-5 {
    grid-row: span 5;
  }
  .col-span--xl-5 {
    grid-column: span 5;
  }
  .row-start--xl-5 {
    grid-row-start: 5;
  }
  .row-end--xl-5 {
    grid-row-end: 5;
  }
  .col-start--xl-5 {
    grid-column-start: 5;
  }
  .col-end--xl-5 {
    grid-column-end: 5;
  }
  .row-span--xl-6 {
    grid-row: span 6;
  }
  .col-span--xl-6 {
    grid-column: span 6;
  }
  .row-start--xl-6 {
    grid-row-start: 6;
  }
  .row-end--xl-6 {
    grid-row-end: 6;
  }
  .col-start--xl-6 {
    grid-column-start: 6;
  }
  .col-end--xl-6 {
    grid-column-end: 6;
  }
  .row-span--xl-7 {
    grid-row: span 7;
  }
  .col-span--xl-7 {
    grid-column: span 7;
  }
  .row-start--xl-7 {
    grid-row-start: 7;
  }
  .row-end--xl-7 {
    grid-row-end: 7;
  }
  .col-start--xl-7 {
    grid-column-start: 7;
  }
  .col-end--xl-7 {
    grid-column-end: 7;
  }
  .row-span--xl-8 {
    grid-row: span 8;
  }
  .col-span--xl-8 {
    grid-column: span 8;
  }
  .row-start--xl-8 {
    grid-row-start: 8;
  }
  .row-end--xl-8 {
    grid-row-end: 8;
  }
  .col-start--xl-8 {
    grid-column-start: 8;
  }
  .col-end--xl-8 {
    grid-column-end: 8;
  }
  .row-span--xl-9 {
    grid-row: span 9;
  }
  .col-span--xl-9 {
    grid-column: span 9;
  }
  .row-start--xl-9 {
    grid-row-start: 9;
  }
  .row-end--xl-9 {
    grid-row-end: 9;
  }
  .col-start--xl-9 {
    grid-column-start: 9;
  }
  .col-end--xl-9 {
    grid-column-end: 9;
  }
  .row-span--xl-10 {
    grid-row: span 10;
  }
  .col-span--xl-10 {
    grid-column: span 10;
  }
  .row-start--xl-10 {
    grid-row-start: 10;
  }
  .row-end--xl-10 {
    grid-row-end: 10;
  }
  .col-start--xl-10 {
    grid-column-start: 10;
  }
  .col-end--xl-10 {
    grid-column-end: 10;
  }
  .row-span--xl-11 {
    grid-row: span 11;
  }
  .col-span--xl-11 {
    grid-column: span 11;
  }
  .row-start--xl-11 {
    grid-row-start: 11;
  }
  .row-end--xl-11 {
    grid-row-end: 11;
  }
  .col-start--xl-11 {
    grid-column-start: 11;
  }
  .col-end--xl-11 {
    grid-column-end: 11;
  }
  .row-span--xl-12 {
    grid-row: span 12;
  }
  .col-span--xl-12 {
    grid-column: span 12;
  }
  .row-start--xl-12 {
    grid-row-start: 12;
  }
  .row-end--xl-12 {
    grid-row-end: 12;
  }
  .col-start--xl-12 {
    grid-column-start: 12;
  }
  .col-end--xl-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 992px) {
  .row-span--l-1 {
    grid-row: span 1;
  }
  .col-span--l-1 {
    grid-column: span 1;
  }
  .row-start--l-1 {
    grid-row-start: 1;
  }
  .row-end--l-1 {
    grid-row-end: 1;
  }
  .col-start--l-1 {
    grid-column-start: 1;
  }
  .col-end--l-1 {
    grid-column-end: 1;
  }
  .row-span--l-2 {
    grid-row: span 2;
  }
  .col-span--l-2 {
    grid-column: span 2;
  }
  .row-start--l-2 {
    grid-row-start: 2;
  }
  .row-end--l-2 {
    grid-row-end: 2;
  }
  .col-start--l-2 {
    grid-column-start: 2;
  }
  .col-end--l-2 {
    grid-column-end: 2;
  }
  .row-span--l-3 {
    grid-row: span 3;
  }
  .col-span--l-3 {
    grid-column: span 3;
  }
  .row-start--l-3 {
    grid-row-start: 3;
  }
  .row-end--l-3 {
    grid-row-end: 3;
  }
  .col-start--l-3 {
    grid-column-start: 3;
  }
  .col-end--l-3 {
    grid-column-end: 3;
  }
  .row-span--l-4 {
    grid-row: span 4;
  }
  .col-span--l-4 {
    grid-column: span 4;
  }
  .row-start--l-4 {
    grid-row-start: 4;
  }
  .row-end--l-4 {
    grid-row-end: 4;
  }
  .col-start--l-4 {
    grid-column-start: 4;
  }
  .col-end--l-4 {
    grid-column-end: 4;
  }
  .row-span--l-5 {
    grid-row: span 5;
  }
  .col-span--l-5 {
    grid-column: span 5;
  }
  .row-start--l-5 {
    grid-row-start: 5;
  }
  .row-end--l-5 {
    grid-row-end: 5;
  }
  .col-start--l-5 {
    grid-column-start: 5;
  }
  .col-end--l-5 {
    grid-column-end: 5;
  }
  .row-span--l-6 {
    grid-row: span 6;
  }
  .col-span--l-6 {
    grid-column: span 6;
  }
  .row-start--l-6 {
    grid-row-start: 6;
  }
  .row-end--l-6 {
    grid-row-end: 6;
  }
  .col-start--l-6 {
    grid-column-start: 6;
  }
  .col-end--l-6 {
    grid-column-end: 6;
  }
  .row-span--l-7 {
    grid-row: span 7;
  }
  .col-span--l-7 {
    grid-column: span 7;
  }
  .row-start--l-7 {
    grid-row-start: 7;
  }
  .row-end--l-7 {
    grid-row-end: 7;
  }
  .col-start--l-7 {
    grid-column-start: 7;
  }
  .col-end--l-7 {
    grid-column-end: 7;
  }
  .row-span--l-8 {
    grid-row: span 8;
  }
  .col-span--l-8 {
    grid-column: span 8;
  }
  .row-start--l-8 {
    grid-row-start: 8;
  }
  .row-end--l-8 {
    grid-row-end: 8;
  }
  .col-start--l-8 {
    grid-column-start: 8;
  }
  .col-end--l-8 {
    grid-column-end: 8;
  }
  .row-span--l-9 {
    grid-row: span 9;
  }
  .col-span--l-9 {
    grid-column: span 9;
  }
  .row-start--l-9 {
    grid-row-start: 9;
  }
  .row-end--l-9 {
    grid-row-end: 9;
  }
  .col-start--l-9 {
    grid-column-start: 9;
  }
  .col-end--l-9 {
    grid-column-end: 9;
  }
  .row-span--l-10 {
    grid-row: span 10;
  }
  .col-span--l-10 {
    grid-column: span 10;
  }
  .row-start--l-10 {
    grid-row-start: 10;
  }
  .row-end--l-10 {
    grid-row-end: 10;
  }
  .col-start--l-10 {
    grid-column-start: 10;
  }
  .col-end--l-10 {
    grid-column-end: 10;
  }
  .row-span--l-11 {
    grid-row: span 11;
  }
  .col-span--l-11 {
    grid-column: span 11;
  }
  .row-start--l-11 {
    grid-row-start: 11;
  }
  .row-end--l-11 {
    grid-row-end: 11;
  }
  .col-start--l-11 {
    grid-column-start: 11;
  }
  .col-end--l-11 {
    grid-column-end: 11;
  }
  .row-span--l-12 {
    grid-row: span 12;
  }
  .col-span--l-12 {
    grid-column: span 12;
  }
  .row-start--l-12 {
    grid-row-start: 12;
  }
  .row-end--l-12 {
    grid-row-end: 12;
  }
  .col-start--l-12 {
    grid-column-start: 12;
  }
  .col-end--l-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 768px) {
  .row-span--m-1 {
    grid-row: span 1;
  }
  .col-span--m-1 {
    grid-column: span 1;
  }
  .row-start--m-1 {
    grid-row-start: 1;
  }
  .row-end--m-1 {
    grid-row-end: 1;
  }
  .col-start--m-1 {
    grid-column-start: 1;
  }
  .col-end--m-1 {
    grid-column-end: 1;
  }
  .row-span--m-2 {
    grid-row: span 2;
  }
  .col-span--m-2 {
    grid-column: span 2;
  }
  .row-start--m-2 {
    grid-row-start: 2;
  }
  .row-end--m-2 {
    grid-row-end: 2;
  }
  .col-start--m-2 {
    grid-column-start: 2;
  }
  .col-end--m-2 {
    grid-column-end: 2;
  }
  .row-span--m-3 {
    grid-row: span 3;
  }
  .col-span--m-3 {
    grid-column: span 3;
  }
  .row-start--m-3 {
    grid-row-start: 3;
  }
  .row-end--m-3 {
    grid-row-end: 3;
  }
  .col-start--m-3 {
    grid-column-start: 3;
  }
  .col-end--m-3 {
    grid-column-end: 3;
  }
  .row-span--m-4 {
    grid-row: span 4;
  }
  .col-span--m-4 {
    grid-column: span 4;
  }
  .row-start--m-4 {
    grid-row-start: 4;
  }
  .row-end--m-4 {
    grid-row-end: 4;
  }
  .col-start--m-4 {
    grid-column-start: 4;
  }
  .col-end--m-4 {
    grid-column-end: 4;
  }
  .row-span--m-5 {
    grid-row: span 5;
  }
  .col-span--m-5 {
    grid-column: span 5;
  }
  .row-start--m-5 {
    grid-row-start: 5;
  }
  .row-end--m-5 {
    grid-row-end: 5;
  }
  .col-start--m-5 {
    grid-column-start: 5;
  }
  .col-end--m-5 {
    grid-column-end: 5;
  }
  .row-span--m-6 {
    grid-row: span 6;
  }
  .col-span--m-6 {
    grid-column: span 6;
  }
  .row-start--m-6 {
    grid-row-start: 6;
  }
  .row-end--m-6 {
    grid-row-end: 6;
  }
  .col-start--m-6 {
    grid-column-start: 6;
  }
  .col-end--m-6 {
    grid-column-end: 6;
  }
  .row-span--m-7 {
    grid-row: span 7;
  }
  .col-span--m-7 {
    grid-column: span 7;
  }
  .row-start--m-7 {
    grid-row-start: 7;
  }
  .row-end--m-7 {
    grid-row-end: 7;
  }
  .col-start--m-7 {
    grid-column-start: 7;
  }
  .col-end--m-7 {
    grid-column-end: 7;
  }
  .row-span--m-8 {
    grid-row: span 8;
  }
  .col-span--m-8 {
    grid-column: span 8;
  }
  .row-start--m-8 {
    grid-row-start: 8;
  }
  .row-end--m-8 {
    grid-row-end: 8;
  }
  .col-start--m-8 {
    grid-column-start: 8;
  }
  .col-end--m-8 {
    grid-column-end: 8;
  }
  .row-span--m-9 {
    grid-row: span 9;
  }
  .col-span--m-9 {
    grid-column: span 9;
  }
  .row-start--m-9 {
    grid-row-start: 9;
  }
  .row-end--m-9 {
    grid-row-end: 9;
  }
  .col-start--m-9 {
    grid-column-start: 9;
  }
  .col-end--m-9 {
    grid-column-end: 9;
  }
  .row-span--m-10 {
    grid-row: span 10;
  }
  .col-span--m-10 {
    grid-column: span 10;
  }
  .row-start--m-10 {
    grid-row-start: 10;
  }
  .row-end--m-10 {
    grid-row-end: 10;
  }
  .col-start--m-10 {
    grid-column-start: 10;
  }
  .col-end--m-10 {
    grid-column-end: 10;
  }
  .row-span--m-11 {
    grid-row: span 11;
  }
  .col-span--m-11 {
    grid-column: span 11;
  }
  .row-start--m-11 {
    grid-row-start: 11;
  }
  .row-end--m-11 {
    grid-row-end: 11;
  }
  .col-start--m-11 {
    grid-column-start: 11;
  }
  .col-end--m-11 {
    grid-column-end: 11;
  }
  .row-span--m-12 {
    grid-row: span 12;
  }
  .col-span--m-12 {
    grid-column: span 12;
  }
  .row-start--m-12 {
    grid-row-start: 12;
  }
  .row-end--m-12 {
    grid-row-end: 12;
  }
  .col-start--m-12 {
    grid-column-start: 12;
  }
  .col-end--m-12 {
    grid-column-end: 12;
  }
}
@media (max-width: 480px) {
  .row-span--s-1 {
    grid-row: span 1;
  }
  .col-span--s-1 {
    grid-column: span 1;
  }
  .row-start--s-1 {
    grid-row-start: 1;
  }
  .row-end--s-1 {
    grid-row-end: 1;
  }
  .col-start--s-1 {
    grid-column-start: 1;
  }
  .col-end--s-1 {
    grid-column-end: 1;
  }
  .row-span--s-2 {
    grid-row: span 2;
  }
  .col-span--s-2 {
    grid-column: span 2;
  }
  .row-start--s-2 {
    grid-row-start: 2;
  }
  .row-end--s-2 {
    grid-row-end: 2;
  }
  .col-start--s-2 {
    grid-column-start: 2;
  }
  .col-end--s-2 {
    grid-column-end: 2;
  }
  .row-span--s-3 {
    grid-row: span 3;
  }
  .col-span--s-3 {
    grid-column: span 3;
  }
  .row-start--s-3 {
    grid-row-start: 3;
  }
  .row-end--s-3 {
    grid-row-end: 3;
  }
  .col-start--s-3 {
    grid-column-start: 3;
  }
  .col-end--s-3 {
    grid-column-end: 3;
  }
  .row-span--s-4 {
    grid-row: span 4;
  }
  .col-span--s-4 {
    grid-column: span 4;
  }
  .row-start--s-4 {
    grid-row-start: 4;
  }
  .row-end--s-4 {
    grid-row-end: 4;
  }
  .col-start--s-4 {
    grid-column-start: 4;
  }
  .col-end--s-4 {
    grid-column-end: 4;
  }
  .row-span--s-5 {
    grid-row: span 5;
  }
  .col-span--s-5 {
    grid-column: span 5;
  }
  .row-start--s-5 {
    grid-row-start: 5;
  }
  .row-end--s-5 {
    grid-row-end: 5;
  }
  .col-start--s-5 {
    grid-column-start: 5;
  }
  .col-end--s-5 {
    grid-column-end: 5;
  }
  .row-span--s-6 {
    grid-row: span 6;
  }
  .col-span--s-6 {
    grid-column: span 6;
  }
  .row-start--s-6 {
    grid-row-start: 6;
  }
  .row-end--s-6 {
    grid-row-end: 6;
  }
  .col-start--s-6 {
    grid-column-start: 6;
  }
  .col-end--s-6 {
    grid-column-end: 6;
  }
  .row-span--s-7 {
    grid-row: span 7;
  }
  .col-span--s-7 {
    grid-column: span 7;
  }
  .row-start--s-7 {
    grid-row-start: 7;
  }
  .row-end--s-7 {
    grid-row-end: 7;
  }
  .col-start--s-7 {
    grid-column-start: 7;
  }
  .col-end--s-7 {
    grid-column-end: 7;
  }
  .row-span--s-8 {
    grid-row: span 8;
  }
  .col-span--s-8 {
    grid-column: span 8;
  }
  .row-start--s-8 {
    grid-row-start: 8;
  }
  .row-end--s-8 {
    grid-row-end: 8;
  }
  .col-start--s-8 {
    grid-column-start: 8;
  }
  .col-end--s-8 {
    grid-column-end: 8;
  }
  .row-span--s-9 {
    grid-row: span 9;
  }
  .col-span--s-9 {
    grid-column: span 9;
  }
  .row-start--s-9 {
    grid-row-start: 9;
  }
  .row-end--s-9 {
    grid-row-end: 9;
  }
  .col-start--s-9 {
    grid-column-start: 9;
  }
  .col-end--s-9 {
    grid-column-end: 9;
  }
  .row-span--s-10 {
    grid-row: span 10;
  }
  .col-span--s-10 {
    grid-column: span 10;
  }
  .row-start--s-10 {
    grid-row-start: 10;
  }
  .row-end--s-10 {
    grid-row-end: 10;
  }
  .col-start--s-10 {
    grid-column-start: 10;
  }
  .col-end--s-10 {
    grid-column-end: 10;
  }
  .row-span--s-11 {
    grid-row: span 11;
  }
  .col-span--s-11 {
    grid-column: span 11;
  }
  .row-start--s-11 {
    grid-row-start: 11;
  }
  .row-end--s-11 {
    grid-row-end: 11;
  }
  .col-start--s-11 {
    grid-column-start: 11;
  }
  .col-end--s-11 {
    grid-column-end: 11;
  }
  .row-span--s-12 {
    grid-row: span 12;
  }
  .col-span--s-12 {
    grid-column: span 12;
  }
  .row-start--s-12 {
    grid-row-start: 12;
  }
  .row-end--s-12 {
    grid-row-end: 12;
  }
  .col-start--s-12 {
    grid-column-start: 12;
  }
  .col-end--s-12 {
    grid-column-end: 12;
  }
}
.col-span--all {
  grid-column: 1/-1;
}

@media (max-width: 1366px) {
  .col-span--xl-all {
    grid-column: 1/-1;
  }
}
@media (max-width: 992px) {
  .col-span--l-all {
    grid-column: 1/-1;
  }
}
@media (max-width: 768px) {
  .col-span--m-all {
    grid-column: 1/-1;
  }
}
@media (max-width: 480px) {
  .col-span--s-all {
    grid-column: 1/-1;
  }
}
.order--first {
  order: -1;
}

.order--last {
  order: 999;
}

.col-end--last {
  grid-column-end: -1;
}

@media (max-width: 1366px) {
  .order--first-xl {
    order: -1;
  }
  .order--last-xl {
    order: 999;
  }
  .col-end--xl-last {
    grid-column-end: -1;
  }
}
@media (max-width: 992px) {
  .order--first-l {
    order: -1;
  }
  .order--last-l {
    order: 999;
  }
  .col-end--l-last {
    grid-column-end: -1;
  }
}
@media (max-width: 768px) {
  .order--first-m {
    order: -1;
  }
  .order--last-m {
    order: 999;
  }
  .col-end--m-last {
    grid-column-end: -1;
  }
}
@media (max-width: 480px) {
  .order--first-s {
    order: -1;
  }
  .order--last-s {
    order: 999;
  }
  .col-end--s-last {
    grid-column-end: -1;
  }
}
.grid--auto-rows {
  grid-auto-rows: minmax(-webkit-min-content, 1fr);
  grid-auto-rows: minmax(min-content, 1fr);
}

.width--xs:not([class*=breakout--]) {
  inline-size: 13.66rem;
  max-inline-size: 100%;
}

figure.width--xs img {
  inline-size: 100%;
}

.width--s:not([class*=breakout--]) {
  inline-size: 27.32rem;
  max-inline-size: 100%;
}

figure.width--s img {
  inline-size: 100%;
}

.width--m:not([class*=breakout--]) {
  inline-size: 54.64rem;
  max-inline-size: 100%;
}

figure.width--m img {
  inline-size: 100%;
}

.width--l:not([class*=breakout--]) {
  inline-size: 81.96rem;
  max-inline-size: 100%;
}

figure.width--l img {
  inline-size: 100%;
}

.width--xl:not([class*=breakout--]) {
  inline-size: 109.28rem;
  max-inline-size: 100%;
}

figure.width--xl img {
  inline-size: 100%;
}

.width--xxl:not([class*=breakout--]) {
  inline-size: 122.94rem;
  max-inline-size: 100%;
}

figure.width--xxl img {
  inline-size: 100%;
}

.width--vp-max:not([class*=breakout--]) {
  inline-size: 136.6rem;
  max-inline-size: 100%;
  margin-inline: auto;
}

figure.width--vp-max img {
  inline-size: 100%;
}

.width--content:not([class*=breakout--]) {
  inline-size: 136.6rem;
  max-inline-size: 100%;
}

figure.width--content img {
  inline-size: 100%;
}

.width--50:not([class*=breakout--]) {
  inline-size: 68.3rem;
  max-inline-size: 100%;
}

figure.width--50 img {
  inline-size: 100%;
}

.width--full:not([class*=breakout--]) {
  inline-size: 100%;
  max-inline-size: 100%;
}

figure.width--full img {
  inline-size: 100%;
}

.width--auto {
  inline-size: auto !important;
  inline-size: 100%;
}

.content-width:not([class*=breakout--]) {
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}

.content-width--safe:not([class*=breakout--]) {
  inline-size: 100%;
  max-inline-size: var(--content-width-safe);
  margin-inline: auto;
}

.rounded--xs {
  border-radius: var(--radius-xs);
}

.rounded--s {
  border-radius: var(--radius-s);
}

.rounded--m {
  border-radius: var(--radius-m);
}

.rounded--l {
  border-radius: var(--radius-l);
}

.rounded--xl {
  border-radius: var(--radius-xl);
}

.rounded--xxl {
  border-radius: var(--radius-xxl);
}

.rounded--50 {
  border-radius: var(--radius-50);
}

.rounded--circle {
  border-radius: var(--radius-circle);
}

ul.list--none,
ol.list--none,
.list--none > ul,
.list--none > ol {
  list-style: none;
  padding-inline-start: 0;
  list-style-type: none;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

:has(> .ribbon) {
  position: relative;
  overflow: hidden;
}

.ribbon {
  --ribbon-width: 30rem;
  --ribbon-offset: -2rem;
  --ribbon-padding: 0.5em 1em;
  --ribbon-background-color: var(--action);
  --ribbon-text-color: var(--white);
  --ribbon-text-size: var(--text-s);
  --ribbon-shadow: 0 5px 10px var(--neutral-trans-10);
  --ribbon-transform: translateY(-100%) rotate(90deg)
    translateX(70.71067811865476%) rotate(-45deg);
  --ribbon-transform-origin: bottom right;
  position: absolute;
  display: block;
  padding: var(--ribbon-padding);
  background-color: var(--ribbon-background-color);
  box-shadow: var(--ribbon-shadow);
  text-align: center;
  font-size: var(--ribbon-text-size);
  color: var(--ribbon-text-color);
  inline-size: var(--ribbon-width);
}

.ribbon--top-right,
.ribbon[data-ribbon-position=top-right] {
  inset-block-start: var(--ribbon-offset);
  inset-inline-end: var(--ribbon-offset);
  transform: var(--ribbon-transform);
  transform-origin: var(--ribbon-transform-origin);
}

.ribbon--top-left,
.ribbon[data-ribbon-position=top-left] {
  --ribbon-transform: translateY(-100%) rotate(90deg)
    translateX(70.71067811865476%) rotate(-135deg);
  --ribbon-transform-origin: bottom left;
  inset-block-start: var(--ribbon-offset);
  inset-inline-start: var(--ribbon-offset);
  transform: var(--ribbon-transform);
  transform-origin: var(--ribbon-transform-origin);
}

span.ribbon {
  inline-size: var(--ribbon-width) !important;
}

@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(1.3rem + (0.1 * ((100vw - 32rem) / 104.6)));
    --text-s: calc(1.4rem + (0.2 * ((100vw - 32rem) / 104.6)));
    --text-m: calc(1.6rem + (0.4 * ((100vw - 32rem) / 104.6)));
    --text-l: calc(1.92rem + (0.746 * ((100vw - 32rem) / 104.6)));
    --text-xl: calc(2.304rem + (1.249778 * ((100vw - 32rem) / 104.6)));
    --text-xxl: calc(2.7648rem + (1.972386074 * ((100vw - 32rem) / 104.6)));
    --h6: calc(1.3rem + (-0.0618810179 * ((100vw - 32rem) / 104.6)));
    --h5: calc(1.4rem + (0.2504126032 * ((100vw - 32rem) / 104.6)));
    --h4: calc(1.8rem + (0.4 * ((100vw - 32rem) / 104.6)));
    --h3: calc(2.16rem + (0.7726 * ((100vw - 32rem) / 104.6)));
    --h2: calc(2.592rem + (2.208 * ((100vw - 32rem) / 104.6)));
    --h1: calc(3.1104rem + (2.8896 * ((100vw - 32rem) / 104.6)));
  }
  @media (min-width: 1366px) {
    :root {
      --text-xs: 1.4rem;
      --text-s: 1.6rem;
      --text-m: 2rem;
      --text-l: 2.666rem;
      --text-xl: 3.553778rem;
      --text-xxl: 4.737186074rem;
      --h6: 1.2381189821rem;
      --h5: 1.6504126032rem;
      --h4: 2.2rem;
      --h3: 2.9326rem;
      --h2: 4.8rem;
      --h1: 6rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(1.3rem, calc(0.0956022945vw + 1.2694072658rem), 1.4rem);
    --text-s: clamp(1.4rem, calc(0.1912045889vw + 1.3388145315rem), 1.6rem);
    --text-m: clamp(1.6rem, calc(0.3824091778vw + 1.4776290631rem), 2rem);
    --text-l: clamp(1.92rem, calc(0.7131931166vw + 1.6917782027rem), 2.666rem);
    --text-xl: clamp(2.304rem, calc(1.1948164436vw + 1.921658738rem), 3.553778rem);
    --text-xxl: clamp(2.7648rem, calc(1.8856463423vw + 2.1613931705rem), 4.737186074rem);
    --h6: clamp(1.3rem, calc(-0.0591596729vw + 1.3189310953rem), 1.2381189821rem);
    --h5: clamp(1.4rem, calc(0.2394001942vw + 1.3233919379rem), 1.6504126032rem);
    --h4: clamp(1.8rem, calc(0.3824091778vw + 1.6776290631rem), 2.2rem);
    --h3: clamp(2.16rem, calc(0.738623327vw + 1.9236405354rem), 2.9326rem);
    --h2: clamp(2.592rem, calc(2.1108986616vw + 1.9165124283rem), 4.8rem);
    --h1: clamp(3.1104rem, calc(2.7625239006vw + 2.2263923518rem), 6rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 104.6)));
    --space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 104.6)));
    --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104.6)));
    --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 104.6)));
    --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 104.6)));
    --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 104.6)));
    --section-space-xs: calc(1.6rem + (1.7333333333 * ((100vw - 32rem) / 104.6)));
    --section-space-s: calc(2.4rem + (2.6 * ((100vw - 32rem) / 104.6)));
    --section-space-m: calc(3.6rem + (3.9 * ((100vw - 32rem) / 104.6)));
    --section-space-l: calc(4.7988rem + (6.4512 * ((100vw - 32rem) / 104.6)));
    --section-space-xl: calc(6.3968004rem + (10.4781996 * ((100vw - 32rem) / 104.6)));
    --section-space-xxl: calc(8.5269349332rem + (16.7855650668 * ((100vw - 32rem) / 104.6)));
    --section-padding-x: calc(2rem + (4.4 * ((100vw - 32rem) / 104.6)));
    --gutter: calc(2rem + (4.4 * ((100vw - 32rem) / 104.6)));
  }
  @media (min-width: 1366px) {
    :root {
      --space-xs: 1.3333333333rem;
      --space-s: 2rem;
      --space-m: 3rem;
      --space-l: 4.5rem;
      --space-xl: 6.75rem;
      --space-xxl: 10.125rem;
      --section-space-xs: 3.3333333333rem;
      --section-space-s: 5rem;
      --section-space-m: 7.5rem;
      --section-space-l: 11.25rem;
      --section-space-xl: 16.875rem;
      --section-space-xxl: 25.3125rem;
      --section-padding-x: 6.4rem;
      --gutter: 6.4rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(1.0666666667rem, calc(0.2549394519vw + 0.9850860421rem), 1.3333333333rem);
    --space-s: clamp(1.6rem, calc(0.3824091778vw + 1.4776290631rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.5736137667vw + 2.2164435946rem), 3rem);
    --space-l: clamp(3.1992rem, calc(1.2435946463vw + 2.8012497132rem), 4.5rem);
    --space-xl: clamp(4.2645336rem, calc(2.3761629063vw + 3.50416147rem), 6.75rem);
    --space-xxl: clamp(5.6846232888rem, calc(4.2451020184vw + 4.3261906429rem), 10.125rem);
    --section-space-xs: clamp(1.6rem, calc(1.6571064372vw + 1.0697259401rem), 3.3333333333rem);
    --section-space-s: clamp(2.4rem, calc(2.4856596558vw + 1.6045889101rem), 5rem);
    --section-space-m: clamp(3.6rem, calc(3.7284894837vw + 2.4068833652rem), 7.5rem);
    --section-space-l: clamp(4.7988rem, calc(6.1674952199vw + 2.8252015296rem), 11.25rem);
    --section-space-xl: clamp(6.3968004rem, calc(10.0173992352vw + 3.1912326447rem), 16.875rem);
    --section-space-xxl: clamp(8.5269349332rem, calc(16.0473853411vw + 3.391771624rem), 25.3125rem);
    --section-padding-x: clamp(2rem, calc(4.206500956vw + 0.6539196941rem), 6.4rem);
    --gutter: clamp(2rem, calc(4.206500956vw + 0.6539196941rem), 6.4rem);
  }
}
.contain {
  container-type: inline-size;
}

.contain > * {
  container-type: inline-size;
}

.gap--xs {
  gap: var(--space-xs);
  --row-gap: var(--space-xs);
  --col-gap: var(--space-xs);
}

.gap--s {
  gap: var(--space-s);
  --row-gap: var(--space-s);
  --col-gap: var(--space-s);
}

.gap--m {
  gap: var(--space-m);
  --row-gap: var(--space-m);
  --col-gap: var(--space-m);
}

.gap--l {
  gap: var(--space-l);
  --row-gap: var(--space-l);
  --col-gap: var(--space-l);
}

.gap--xl {
  gap: var(--space-xl);
  --row-gap: var(--space-xl);
  --col-gap: var(--space-xl);
}

.gap--xxl {
  gap: var(--space-xxl);
  --row-gap: var(--space-xxl);
  --col-gap: var(--space-xxl);
}

@media (max-width: 1366px) {
  .gap--xl-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .gap--xl-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .gap--xl-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .gap--xl-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .gap--xl-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .gap--xl-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 992px) {
  .gap--l-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .gap--l-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .gap--l-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .gap--l-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .gap--l-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .gap--l-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 768px) {
  .gap--m-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .gap--m-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .gap--m-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .gap--m-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .gap--m-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .gap--m-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 480px) {
  .gap--s-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .gap--s-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .gap--s-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .gap--s-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .gap--s-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .gap--s-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
.col-gap--xs {
  column-gap: var(--space-xs);
  --col-gap: var(--space-xs);
}

.col-gap--s {
  column-gap: var(--space-s);
  --col-gap: var(--space-s);
}

.col-gap--m {
  column-gap: var(--space-m);
  --col-gap: var(--space-m);
}

.col-gap--l {
  column-gap: var(--space-l);
  --col-gap: var(--space-l);
}

.col-gap--xl {
  column-gap: var(--space-xl);
  --col-gap: var(--space-xl);
}

.col-gap--xxl {
  column-gap: var(--space-xxl);
  --col-gap: var(--space-xxl);
}

@media (max-width: 1366px) {
  .col-gap--xl-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--xl-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--xl-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--xl-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--xl-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--xl-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 992px) {
  .col-gap--l-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--l-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--l-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--l-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--l-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--l-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 768px) {
  .col-gap--m-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--m-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--m-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--m-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--m-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--m-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 480px) {
  .col-gap--s-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--s-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--s-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--s-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--s-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--s-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
.row-gap--xs {
  row-gap: var(--space-xs);
  --row-gap: var(--space-xs);
}

.row-gap--s {
  row-gap: var(--space-s);
  --row-gap: var(--space-s);
}

.row-gap--m {
  row-gap: var(--space-m);
  --row-gap: var(--space-m);
}

.row-gap--l {
  row-gap: var(--space-l);
  --row-gap: var(--space-l);
}

.row-gap--xl {
  row-gap: var(--space-xl);
  --row-gap: var(--space-xl);
}

.row-gap--xxl {
  row-gap: var(--space-xxl);
  --row-gap: var(--space-xxl);
}

@media (max-width: 1366px) {
  .row-gap--xl-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--xl-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--xl-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--xl-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--xl-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--xl-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
@media (max-width: 992px) {
  .row-gap--l-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--l-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--l-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--l-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--l-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--l-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
@media (max-width: 768px) {
  .row-gap--m-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--m-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--m-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--m-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--m-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--m-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
@media (max-width: 480px) {
  .row-gap--s-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--s-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--s-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--s-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--s-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--s-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
.container-gap {
  --row-gap: var(--container-gap);
  --col-gap: var(--container-gap);
  gap: var(--container-gap);
}

.content-gap {
  --row-gap: var(--content-gap);
  --col-gap: var(--content-gap);
  gap: var(--content-gap);
}

.grid-gap {
  --row-gap: var(--grid-gap);
  --col-gap: var(--grid-gap);
  gap: var(--grid-gap);
}

.gap--none {
  --row-gap: 0;
  --col-gap: 0;
  gap: 0;
}

:root {
  --f-light-input-radius: var(--btn-radius);
}

.form--dark .wsf-form input[type=date].wsf-field,
.form--dark .wsf-form input[type=datetime-local].wsf-field,
.form--dark .wsf-form input[type=file].wsf-field,
.form--dark .wsf-form input[type=month].wsf-field,
.form--dark .wsf-form input[type=password].wsf-field,
.form--dark .wsf-form input[type=search].wsf-field,
.form--dark .wsf-form input[type=time].wsf-field,
.form--dark .wsf-form input[type=week].wsf-field,
.form--dark .wsf-form input[type=email].wsf-field,
.form--dark .wsf-form input[type=number].wsf-field,
.form--dark .wsf-form input[type=tel].wsf-field,
.form--dark .wsf-form input[type=text].wsf-field,
.form--dark .wsf-form input[type=url].wsf-field,
.form--dark .wsf-form select.wsf-field:not([multiple]):not([size]) {
  height: 5rem;
}

.form--dark .wsf-form input[type=date].wsf-field,
.form--dark .wsf-form input[type=datetime-local].wsf-field,
.form--dark .wsf-form input[type=file].wsf-field,
.form--dark .wsf-form input[type=month].wsf-field,
.form--dark .wsf-form input[type=password].wsf-field,
.form--dark .wsf-form input[type=search].wsf-field,
.form--dark .wsf-form input[type=time].wsf-field,
.form--dark .wsf-form input[type=week].wsf-field,
.form--dark .wsf-form input[type=email].wsf-field,
.form--dark .wsf-form input[type=number].wsf-field,
.form--dark .wsf-form input[type=tel].wsf-field,
.form--dark .wsf-form input[type=text].wsf-field,
.form--dark .wsf-form input[type=url].wsf-field,
.form--dark .wsf-form select.wsf-field,
.form--dark .wsf-form select.wsf-field:not([multiple]):not([size]),
.form--dark .wsf-form textarea.wsf-field {
  background-color: var(--white-trans-10);
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-style: solid;
  border-color: var(--white-trans-10);
  border-radius: var(--btn-radius);
  color: var(--white-trans-80);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  font-weight: 400;
  line-height: 1;
  padding: 0.5em 1em;
  -webkit-border-radius: var(--btn-radius);
  -moz-border-radius: var(--btn-radius);
  -ms-border-radius: var(--btn-radius);
  -o-border-radius: var(--btn-radius);
}

.form--dark .wsf-form .wsf-grid {
  margin-inline: -1rem;
}

.form--dark .wsf-form [data-type=texteditor] {
  color: var(--white-trans-80);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  font-weight: 400;
  line-height: 1;
}

.form--dark .wsf-form [data-type=texteditor] * + :is(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing);
}

.form--dark .wsf-form [data-type=texteditor] * + p {
  margin-block-start: var(--paragraph-spacing);
}

.form--dark .wsf-form [data-type=texteditor] * + ul,
.form--dark .wsf-form [data-type=texteditor] * + ol {
  margin-block-start: var(--list-spacing);
}

.form--dark .wsf-form [data-type=texteditor] * + li {
  margin-block-start: var(--list-item-spacing);
}

.form--dark .wsf-form [data-type=html] {
  color: var(--white-trans-60);
}

.form--dark .wsf-form select.wsf-field:not([multiple]):not([size]) {
  background-position: right calc((1em + 10px) / 2) center;
  -webkit-padding-end: calc(20px + 1em);
  padding-inline-end: calc(20px + 1em);
}

.form--dark .wsf-form select.wsf-field:invalid {
  color: hsl(null/0.5) !important;
}

.form--dark .wsf-form.wsf-validated select.wsf-field:not([multiple]):not([size]):invalid,
.form--dark .wsf-form.wsf-validated input[type=date].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=file].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=month].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=password].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=search].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=time].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=week].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=email].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=number].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=tel].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=text].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated input[type=url].wsf-field:invalid,
.form--dark .wsf-form.wsf-validated select.wsf-field:invalid,
.form--dark .wsf-form.wsf-validated textarea.wsf-field:invalid {
  border-color: #dc3848;
}

.form--dark .wsf-form .wsf-invalid-feedback {
  color: #dc3848;
}

.form--dark .wsf-form .iti--allow-dropdown input,
.form--dark .wsf-form .iti--allow-dropdown input[type=tel],
.form--dark .wsf-form .iti--allow-dropdown input[type=text],
.form--dark .wsf-form .iti--separate-dial-code input,
.form--dark .wsf-form .iti--separate-dial-code input[type=tel],
.form--dark .wsf-form .iti--separate-dial-code input[type=text] {
  padding-left: calc(4.8rem + 1em);
}

.form--dark .wsf-form input.wsf-field::placeholder,
.form--dark .wsf-form textarea.wsf-field::placeholder {
  color: var(--white-trans-80);
  opacity: 0.5;
}

.form--dark .wsf-form label.wsf-label,
.form--dark .wsf-form label {
  background-color: transparent;
  color: var(--white-trans-60);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
}

.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label {
  background-color: transparent;
  color: var(--white-trans-60);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
  top: 2.5rem;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  left: calc(1rem + 1em);
}

.form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
  background-color: transparent;
  color: var(--white-trans-60);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
  left: calc(1rem + 1em);
  top: calc(10px + 0.5em);
}

.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
  top: 0;
  left: calc(1rem + 1em);
}

.form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.form--dark .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
  top: 10px;
  left: calc(1rem + 1em);
}

.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + label,
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + .wsf-input-group-append + label {
  opacity: 0.5;
}

.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + label,
.form--dark .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + .wsf-input-group-append + label {
  opacity: 1;
}

.form--dark .wsf-form .wsf-label-position-inside .iti--allow-dropdown input + label,
.form--dark .wsf-form .wsf-label-position-inside .iti--allow-dropdown input[type=tel] + label,
.form--dark .wsf-form .wsf-label-position-inside .iti--allow-dropdown input[type=text] + label,
.form--dark .wsf-form .wsf-label-position-inside .iti--separate-dial-code input + label,
.form--dark .wsf-form .wsf-label-position-inside .iti--separate-dial-code input[type=tel] + label,
.form--dark .wsf-form .wsf-label-position-inside .iti--separate-dial-code input[type=text] + label {
  left: calc(4.8rem + 1em);
}

.form--dark .wsf-form .wsf-label-position-inside .iti input.wsf-field[placeholder]:focus + label {
  opacity: 1;
  transform: translate(0px, -50%) scale(0.9);
  top: 0;
  left: calc(4.8rem + 1em);
}

.form--dark .wsf-form button.wsf-button,
.form--dark .wsf-form button.wsf-button.wsf-button-primary {
  background-color: var(--action);
  color: var(--action-ultra-dark);
  border-style: solid;
  border-width: var(--btn-border-width);
  border-color: var(--action);
  border-radius: var(--f-light-input-radius);
  -webkit-border-radius: var(--f-light-input-radius);
  -moz-border-radius: var(--f-light-input-radius);
  -ms-border-radius: var(--f-light-input-radius);
  -o-border-radius: var(--f-light-input-radius);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  font-weight: 700;
  line-height: 1;
  padding: 0.75em 1.5em;
  margin-top: 1em;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: none;
  min-height: 5rem;
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .wsf-form button.wsf-button:hover,
.form--dark .wsf-form button.wsf-button.wsf-button-primary:hover {
  background-color: var(--action-hover);
  color: var(--action-ultra-dark);
  border-color: var(--action-hover);
}

.form--dark .wsf-form button.wsf-button.wsf-button-secondary {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .wsf-form button.wsf-button.wsf-button-secondary:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-tab_previous] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-tab_previous]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-save] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-save]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-reset] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-reset]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-clear] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .wsf-form button.wsf-button[data-action=wsf-clear]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form ul.wsf-group-tabs {
  background-color: transparent;
  padding: 0 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: var(--shade-ultra-light);
  margin-bottom: 3rem;
}

.form--dark .wsf-form ul.wsf-group-tabs > li {
  width: auto;
}

.form--dark .wsf-form ul.wsf-group-tabs > li:not(:last-child) {
  margin-right: 0;
}

.form--dark .wsf-form ul.wsf-group-tabs > li > a {
  border: 0 solid var(--action);
  border-radius: 0;
  background-color: transparent;
  color: var(--shade-dark);
  font-size: 1.4rem;
  font-size: calc(1.6rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.6rem, 0.15625vw + 1.55rem, 1.8rem);
  font-weight: 400;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.form--dark .wsf-form ul.wsf-group-tabs > li > a.wsf-tab-disabled {
  color: var(--shade-light-trans-80);
}

.form--dark .wsf-form ul.wsf-group-tabs > li.wsf-tab-active > a {
  border: 0 solid var(--action);
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
  border-bottom-color: var(--action) !important;
  background-color: transparent !important;
  color: var(--shade-dark);
  font-weight: 600;
}

.form--dark .wsf-form ul.wsf-group-tabs > li.wsf-tab-active > a::before {
  color: var(--action) !important;
}

.form--dark .wsf-form ul.wsf-group-tabs.wsf-steps > li > a::before {
  background-color: var(--action);
  border: 1px solid var(--action);
}

.form--dark .wsf-form ul.wsf-group-tabs.wsf-steps > li > a::after {
  background-color: var(--action);
}

.form--dark .wsf-form ul.wsf-group-tabs.wsf-steps > li > a:not(.wsf-tab-disabled):focus:before {
  border-color: var(--action);
}

.form--dark .wsf-form .wsf-section > legend,
.form--dark .wsf-form .wsf-fieldset > legend {
  border: none;
  font-size: 1.5rem;
  font-size: calc(1.6rem + 0.6 * (100vw - 32rem) / 128);
  font-size: clamp(1.6rem, 0.46875vw + 1.45rem, 2.2rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1em;
  color: var(--shade-ultra-light);
  padding: 0;
}

.form--dark .wsf-form .wsf-help {
  font-size: 1.2rem;
  font-size: calc(1.2rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.2rem, 0.15625vw + 1.15rem, 1.4rem);
  font-weight: 400;
  line-height: 1.4;
  color: var(--shade-light);
}

.form--dark .wsf-form .wsf-field-wrapper:not(.wsf-alert) {
  margin-bottom: 1.5em;
}

.form--dark .wsf-form fieldset:not(:last-child) {
  margin-bottom: 1.5em;
}

.form--dark .wsf-form .wsf-tile {
  padding-inline: 1rem;
}

.form--dark .wsf-form input[type=radio].wsf-field + label.wsf-label {
  background-color: transparent;
  display: inline-block;
  color: var(--white-trans-60);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  background-color: unset;
  margin: 0;
}

.form--dark .wsf-form input[type=radio].wsf-field:checked + label.wsf-label:before {
  background-color: var(--action);
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form input[type=radio].wsf-field + label.wsf-label:before {
  background-color: transparent;
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form input[type=radio].wsf-image + label.wsf-label {
  padding-inline-start: 0;
}

.form--dark .wsf-form [data-type=radio] > div:not(.wsf-grid) > div + div,
.form--dark .wsf-form [data-type=price_radio] > div:not(.wsf-grid) > div + div {
  margin-block-start: var(--list-item-spacing);
}

.form--dark .wsf-form input[type=checkbox].wsf-field + label.wsf-label::before,
.form--dark .wsf-form input[type=checkbox].wsf-field + label.wsf-label::after {
  width: 1.4em;
  height: 1.4em;
  transform: none;
}

.form--dark .wsf-form input[type=checkbox].wsf-field:checked + label.wsf-label::before {
  background-color: var(--action);
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form input[type=checkbox].wsf-field + label.wsf-label::before {
  background-color: transparent;
  border-color: var(--shade-ultra-light);
}

.form--dark .wsf-form input[type=checkbox].wsf-field + label.wsf-label {
  background-color: transparent;
  display: inline-block;
  color: var(--white-trans-60);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  background-color: unset;
  margin: 0;
}

.form--dark .wsf-form [data-type=checkbox] > div:not(.wsf-grid) > div + div,
.form--dark .wsf-form [data-type=price_checkbox] > div:not(.wsf-grid) > div + div {
  margin-block-start: var(--list-item-spacing);
}

.form--dark .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label,
.form--dark .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label {
  -webkit-padding-start: 2.85em;
  padding-inline-start: 2.85em;
}

.form--dark .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:before,
.form--dark .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label:before {
  width: 2.5em;
  height: 1.4em;
  border-radius: 1.2em;
}

.form--dark .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:after,
.form--dark .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label:after {
  height: calc(1.4em - 4px);
  width: calc(1.4em - 4px);
}

.form--dark .wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label:after,
.form--dark .wsf-form input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label:after {
  left: calc(2.5em - (1.4em - 2px));
}

.form--dark .wsf-form progress[value]::-webkit-progress-bar {
  background-color: var(--base-ultra-light);
  height: 3rem;
  display: block;
}

.form--dark .wsf-form progress.wsf-progress {
  height: 3rem;
  border-radius: var(--btn-radius);
  overflow: hidden;
}

.form--dark .wsf-form progress[value]::-webkit-progress-value {
  background-color: var(--action);
  border-radius: var(--btn-radius);
}

.form--dark .wsf-form .minicolors-theme-ws-form .minicolors-swatch {
  height: calc(100% - 1px);
}

.form--dark .wsf-form input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  appearance: none;
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
  --wsf-color-lower-track: var(--shade-medium);
  --wsf-color-upper-track: var(--shade-medium);
  background-color: var(--neutral-medium);
}

.form--dark .wsf-form input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--action);
}

.form--dark .wsf-form input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.form--dark .wsf-form input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.form--dark .wsf-form .wsf-required-wrapper .wsf-text-danger {
  color: var(--action);
}

.form--dark .wsf-form input[type=text].wsf-field ~ .dropzone {
  background-color: var(--white-trans-10);
  border-color: var(--white-trans-10);
}

.form--dark .wsf-form input[type=text].wsf-field ~ .dropzone .dz-message {
  color: var(--white-trans-80);
}

.form--dark .wsf-form input[type=file].wsf-field {
  padding-left: 1rem;
}

.form--dark .wsf-form input[type=file].wsf-field::file-selector-button {
  background: var(--neutral-light) !important;
  color: var(--neutral-ultra-dark);
  height: 5rem;
  position: relative;
  top: -1px;
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .wsf-form input[type=file].wsf-field::file-selector-button:hover {
  background: var(--neutral-ultra-light) !important;
  color: var(--neutral-ultra-dark);
}

.form--dark .wsf-form [data-wsf-legal].wsf-field {
  background-color: var(--white-trans-10);
  border-color: var(--white-trans-10);
  color: var(--white-trans-80);
}

.form--dark .wsf-form .wsf-alert {
  background-color: var(--base-ultra-light);
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.4rem;
  border-color: var(--white-trans-10);
  border-radius: var(--btn-radius);
  -webkit-border-radius: var(--btn-radius);
  -moz-border-radius: var(--btn-radius);
  -ms-border-radius: var(--btn-radius);
  -o-border-radius: var(--btn-radius);
  margin-bottom: 0;
  display: inline-block;
}

.form--dark .wsf-form .wsf-alert.wsf-alert-danger {
  background-color: #f4bec3;
  border-color: #dc3545;
  color: #410b11;
}

.form--dark .wsf-form .wsf-alert.wsf-alert-warning {
  background-color: #ffecb3;
  border-color: #ffc10a;
  color: #4d3900;
}

.form--dark .wsf-form .wsf-alert.wsf-alert-information {
  background-color: #c6e7ec;
  border-color: #18a2b8;
  color: #093c44;
}

.form--dark .wsf-form .wsf-alert.wsf-alert-success {
  background-color: #c1f0cc;
  border-color: #29a745;
  color: #0f3e19;
}

.form--dark .wsf-form .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.form--dark .wsf-form .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.form--dark .wsf-form .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current,
.form--dark .wsf-form .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,
.form--dark .wsf-form .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.form--dark .wsf-form .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--action) !important;
}

.form--dark .wsf-form input[type=text].wsf-field ~ canvas {
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-radius: var(--btn-radius);
  -webkit-border-radius: var(--btn-radius);
  -moz-border-radius: var(--btn-radius);
  -ms-border-radius: var(--btn-radius);
  -o-border-radius: var(--btn-radius);
}

.form--dark .wsf-form input[type=date].wsf-field:focus,
.form--dark .wsf-form input[type=datetime-local].wsf-field:focus,
.form--dark .wsf-form input[type=file].wsf-field:focus,
.form--dark .wsf-form input[type=month].wsf-field:focus,
.form--dark .wsf-form input[type=password].wsf-field:focus,
.form--dark .wsf-form input[type=search].wsf-field:focus,
.form--dark .wsf-form input[type=time].wsf-field:focus,
.form--dark .wsf-form input[type=week].wsf-field:focus,
.form--dark .wsf-form input[type=email].wsf-field:focus,
.form--dark .wsf-form input[type=number].wsf-field:focus,
.form--dark .wsf-form input[type=tel].wsf-field:focus,
.form--dark .wsf-form input[type=text].wsf-field:focus,
.form--dark .wsf-form input[type=url].wsf-field:focus,
.form--dark .wsf-form select.wsf-field:focus,
.form--dark .wsf-form textarea.wsf-field:focus {
  border-color: var(--action);
  box-shadow: 0 0 0 4px hsl(193 59% 48%/0.25);
  outline: 0;
}

.form--dark input[type=date],
.form--dark input[type=datetime-local],
.form--dark input[type=month],
.form--dark input[type=password],
.form--dark input[type=search],
.form--dark input[type=time],
.form--dark input[type=week],
.form--dark input[type=email],
.form--dark input[type=number],
.form--dark input[type=tel],
.form--dark input[type=text],
.form--dark input[type=url],
.form--dark select:not([multiple]):not([size]) {
  height: 5rem;
}

.form--dark .input,
.form--dark input:not([type=submit]),
.form--dark select,
.form--dark textarea {
  background-color: var(--white-trans-10);
  border-style: solid;
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-color: var(--white-trans-10);
  border-radius: var(--btn-radius);
  color: var(--white-trans-80);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  line-height: 1;
  font-weight: 400;
  padding: 0.5em 1em;
}

.form--dark .input::placeholder,
.form--dark input:not([type=submit])::placeholder,
.form--dark select::placeholder,
.form--dark textarea::placeholder {
  color: var(--white-trans-80);
  opacity: 0.5;
}

.form--dark .form-group:not(.submit-button-wrapper) {
  margin-bottom: 1.5em;
}

.form--dark label {
  background-color: transparent;
  color: var(--white-trans-60);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
}

.form--dark .required:after {
  color: var(--action);
}

.form--dark input[type=file] {
  padding: 0;
}

.form--dark .choose-files {
  padding: 0.5em 1em;
  color: var(--neutral-ultra-dark);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  background: var(--neutral-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .choose-files:hover {
  color: var(--neutral-ultra-dark);
  background: var(--neutral-ultra-light);
}

.form--dark .file-result.show {
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  transition: all var(--btn-transition-duration) ease;
}

.form--dark .file-result.show .remove:hover {
  background-color: var(--action-hover);
  color: var(--action-ultra-dark);
  border-color: var(--action-hover);
}

.form--dark input[type=radio] {
  accent-color: var(--action);
}

.form--dark input[type=radio] + label {
  background-color: transparent;
  display: inline-block;
  color: var(--white-trans-60);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  -webkit-padding-start: inherit;
  padding-inline-start: inherit;
  margin: 0;
}

.form--dark input[type=checkbox]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) {
  width: 0px;
  height: 0px;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}

.form--dark input[type=checkbox]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus {
  outline: none;
}

.form--dark input[type=checkbox]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before {
  border-color: var(--action);
  box-shadow: 0 0 0 4px hsl(193 59% 48%/0.25);
  outline: 0;
}

.form--dark input[type=checkbox] + label {
  background-color: transparent;
  display: inline-block;
  color: var(--white-trans-60);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  background-color: unset;
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
}

.form--dark input[type=checkbox]:hover + label:hover {
  color: var(--action);
}

.form--dark input[type=checkbox]:hover + label:before {
  background: var(--action);
  box-shadow: inset 0px 0px 0px 2px transparent;
}

.form--dark input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid var(--neutral-ultra-light);
  border-color: var(--shade-ultra-light);
  border-radius: 0.2em;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background-color: transparent;
}

.form--dark input[type=checkbox]:checked + label:before {
  background: var(--action);
  box-shadow: 0 0 0 1px var(--shade-ultra-light);
}

.form--dark input[type=checkbox]:checked + label:before {
  background: var(--action);
  box-shadow: 0 0 0 1px var(--shade-ultra-light);
}

.form--dark input[type=checkbox]:checked + label:after {
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") 50% no-repeat;
  background-size: 50%;
}

.form--dark .options-wrapper li + li {
  margin-block-start: var(--list-item-spacing);
}

main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current,
main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,
main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover,
main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--action) !important;
}

.form--light .wsf-form input[type=date].wsf-field,
.form--light .wsf-form input[type=datetime-local].wsf-field,
.form--light .wsf-form input[type=file].wsf-field,
.form--light .wsf-form input[type=month].wsf-field,
.form--light .wsf-form input[type=password].wsf-field,
.form--light .wsf-form input[type=search].wsf-field,
.form--light .wsf-form input[type=time].wsf-field,
.form--light .wsf-form input[type=week].wsf-field,
.form--light .wsf-form input[type=email].wsf-field,
.form--light .wsf-form input[type=number].wsf-field,
.form--light .wsf-form input[type=tel].wsf-field,
.form--light .wsf-form input[type=text].wsf-field,
.form--light .wsf-form input[type=url].wsf-field,
.form--light .wsf-form select.wsf-field:not([multiple]):not([size]) {
  height: 5rem;
}

.form--light .wsf-form input[type=date].wsf-field,
.form--light .wsf-form input[type=datetime-local].wsf-field,
.form--light .wsf-form input[type=file].wsf-field,
.form--light .wsf-form input[type=month].wsf-field,
.form--light .wsf-form input[type=password].wsf-field,
.form--light .wsf-form input[type=search].wsf-field,
.form--light .wsf-form input[type=time].wsf-field,
.form--light .wsf-form input[type=week].wsf-field,
.form--light .wsf-form input[type=email].wsf-field,
.form--light .wsf-form input[type=number].wsf-field,
.form--light .wsf-form input[type=tel].wsf-field,
.form--light .wsf-form input[type=text].wsf-field,
.form--light .wsf-form input[type=url].wsf-field,
.form--light .wsf-form select.wsf-field,
.form--light .wsf-form select.wsf-field:not([multiple]):not([size]),
.form--light .wsf-form textarea.wsf-field {
  background-color: var(--white);
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-style: solid;
  border-color: var(--shade-light);
  border-radius: var(--btn-radius);
  color: var(--shade-dark);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  font-weight: 400;
  line-height: 1;
  padding: 0.5em 1em;
  -webkit-border-radius: var(--btn-radius);
  -moz-border-radius: var(--btn-radius);
  -ms-border-radius: var(--btn-radius);
  -o-border-radius: var(--btn-radius);
}

.form--light .wsf-form .wsf-grid {
  margin-inline: -1rem;
}

.form--light .wsf-form [data-type=texteditor] {
  color: var(--shade-dark);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  font-weight: 400;
  line-height: 1;
}

.form--light .wsf-form [data-type=texteditor] * + :is(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing);
}

.form--light .wsf-form [data-type=texteditor] * + p {
  margin-block-start: var(--paragraph-spacing);
}

.form--light .wsf-form [data-type=texteditor] * + ul,
.form--light .wsf-form [data-type=texteditor] * + ol {
  margin-block-start: var(--list-spacing);
}

.form--light .wsf-form [data-type=texteditor] * + li {
  margin-block-start: var(--list-item-spacing);
}

.form--light .wsf-form [data-type=html] {
  color: var(--base-dark);
}

.form--light .wsf-form select.wsf-field:not([multiple]):not([size]) {
  background-position: right calc((1em + 10px) / 2) center;
  -webkit-padding-end: calc(20px + 1em);
  padding-inline-end: calc(20px + 1em);
}

.form--light .wsf-form select.wsf-field:invalid {
  color: hsl(0 0% 25%/0.5) !important;
}

.form--light .wsf-form.wsf-validated select.wsf-field:not([multiple]):not([size]):invalid,
.form--light .wsf-form.wsf-validated input[type=date].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=file].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=month].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=password].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=search].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=time].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=week].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=email].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=number].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=tel].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=text].wsf-field:invalid,
.form--light .wsf-form.wsf-validated input[type=url].wsf-field:invalid,
.form--light .wsf-form.wsf-validated select.wsf-field:invalid,
.form--light .wsf-form.wsf-validated textarea.wsf-field:invalid {
  border-color: #dc3848;
}

.form--light .wsf-form .wsf-invalid-feedback {
  color: #dc3848;
}

.form--light .wsf-form .iti--allow-dropdown input,
.form--light .wsf-form .iti--allow-dropdown input[type=tel],
.form--light .wsf-form .iti--allow-dropdown input[type=text],
.form--light .wsf-form .iti--separate-dial-code input,
.form--light .wsf-form .iti--separate-dial-code input[type=tel],
.form--light .wsf-form .iti--separate-dial-code input[type=text] {
  padding-left: calc(4.8rem + 1em);
}

.form--light .wsf-form input.wsf-field::placeholder,
.form--light .wsf-form textarea.wsf-field::placeholder {
  color: var(--shade-dark);
  opacity: 0.5;
}

.form--light .wsf-form label.wsf-label,
.form--light .wsf-form label {
  color: var(--base-dark);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
}

.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label {
  color: var(--base-dark);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
  top: 2.5rem;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  left: calc(1rem + 1em);
}

.form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
  color: var(--base-dark);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
  left: calc(1rem + 1em);
  top: calc(10px + 0.5em);
}

.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
  top: 0;
  left: calc(1rem + 1em);
}

.form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.form--light .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
  top: 10px;
  left: calc(1rem + 1em);
}

.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + label,
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:placeholder-shown + .wsf-input-group-append + label {
  opacity: 0.5;
}

.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + label,
.form--light .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]:focus:placeholder-shown + .wsf-input-group-append + label {
  opacity: 1;
}

.form--light .wsf-form .wsf-label-position-inside .iti--allow-dropdown input + label,
.form--light .wsf-form .wsf-label-position-inside .iti--allow-dropdown input[type=tel] + label,
.form--light .wsf-form .wsf-label-position-inside .iti--allow-dropdown input[type=text] + label,
.form--light .wsf-form .wsf-label-position-inside .iti--separate-dial-code input + label,
.form--light .wsf-form .wsf-label-position-inside .iti--separate-dial-code input[type=tel] + label,
.form--light .wsf-form .wsf-label-position-inside .iti--separate-dial-code input[type=text] + label {
  left: calc(4.8rem + 1em);
}

.form--light .wsf-form .wsf-label-position-inside .iti input.wsf-field[placeholder]:focus + label {
  opacity: 1;
  transform: translate(0px, -50%) scale(0.9);
  top: 0;
  left: calc(4.8rem + 1em);
}

.form--light .wsf-form button.wsf-button,
.form--light .wsf-form button.wsf-button.wsf-button-primary {
  background-color: var(--action);
  color: var(--action-ultra-dark);
  border-style: solid;
  border-width: var(--btn-border-width);
  border-color: var(--action);
  border-radius: var(--f-light-input-radius);
  -webkit-border-radius: var(--f-light-input-radius);
  -moz-border-radius: var(--f-light-input-radius);
  -ms-border-radius: var(--f-light-input-radius);
  -o-border-radius: var(--f-light-input-radius);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  font-weight: 700;
  line-height: 1;
  padding: 0.75em 1.5em;
  margin-top: 1em;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: none;
  min-height: 5rem;
  transition: all var(--btn-transition-duration) ease;
}

.form--light .wsf-form button.wsf-button:hover,
.form--light .wsf-form button.wsf-button.wsf-button-primary:hover {
  background-color: var(--action-hover);
  color: var(--action-ultra-dark);
  border-color: var(--action-hover);
}

.form--light .wsf-form button.wsf-button.wsf-button-secondary {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--light .wsf-form button.wsf-button.wsf-button-secondary:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--light .wsf-form button.wsf-button[data-action=wsf-tab_previous] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--light .wsf-form button.wsf-button[data-action=wsf-tab_previous]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--light .wsf-form button.wsf-button[data-action=wsf-save] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--light .wsf-form button.wsf-button[data-action=wsf-save]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--light .wsf-form button.wsf-button[data-action=wsf-reset] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--light .wsf-form button.wsf-button[data-action=wsf-reset]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--light .wsf-form button.wsf-button[data-action=wsf-clear] {
  background-color: var(--shade-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--light .wsf-form button.wsf-button[data-action=wsf-clear]:hover {
  background-color: var(--shade-ultra-light);
  color: var(--shade-ultra-dark);
  border-color: var(--shade-ultra-light);
}

.form--light .wsf-form ul.wsf-group-tabs {
  background-color: transparent;
  padding: 0 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: var(--shade-ultra-light);
  margin-bottom: 3rem;
}

.form--light .wsf-form ul.wsf-group-tabs > li {
  width: auto;
}

.form--light .wsf-form ul.wsf-group-tabs > li:not(:last-child) {
  margin-right: 0;
}

.form--light .wsf-form ul.wsf-group-tabs > li > a {
  border: 0 solid var(--action);
  border-radius: 0;
  background-color: transparent;
  color: var(--shade-dark);
  font-size: 1.4rem;
  font-size: calc(1.6rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.6rem, 0.15625vw + 1.55rem, 1.8rem);
  font-weight: 400;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.form--light .wsf-form ul.wsf-group-tabs > li > a.wsf-tab-disabled {
  color: var(--shade-dark-trans-80);
}

.form--light .wsf-form ul.wsf-group-tabs > li.wsf-tab-active > a {
  border: 0 solid var(--action);
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
  border-bottom-color: var(--action) !important;
  background-color: transparent !important;
  color: var(--shade-dark);
  font-weight: 600;
}

.form--light .wsf-form ul.wsf-group-tabs > li.wsf-tab-active > a::before {
  color: var(--action) !important;
}

.form--light .wsf-form ul.wsf-group-tabs.wsf-steps > li > a::before {
  background-color: var(--action);
  border: 1px solid var(--action);
}

.form--light .wsf-form ul.wsf-group-tabs.wsf-steps > li > a::after {
  background-color: var(--action);
}

.form--light .wsf-form ul.wsf-group-tabs.wsf-steps > li > a:not(.wsf-tab-disabled):focus:before {
  border-color: var(--action);
}

.form--light .wsf-form .wsf-section > legend,
.form--light .wsf-form .wsf-fieldset > legend {
  border: none;
  font-size: 1.5rem;
  font-size: calc(1.6rem + 0.6 * (100vw - 32rem) / 128);
  font-size: clamp(1.6rem, 0.46875vw + 1.45rem, 2.2rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1em;
  color: var(--base-ultra-dark);
  padding: 0;
}

.form--light .wsf-form .wsf-help {
  font-size: 1.2rem;
  font-size: calc(1.2rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.2rem, 0.15625vw + 1.15rem, 1.4rem);
  font-weight: 400;
  line-height: 1.4;
  color: var(--shade-medium);
}

.form--light .wsf-form .wsf-field-wrapper:not(.wsf-alert) {
  margin-bottom: 1.5em;
}

.form--light .wsf-form fieldset:not(:last-child) {
  margin-bottom: 1.5em;
}

.form--light .wsf-form .wsf-tile {
  padding-inline: 1rem;
}

.form--light .wsf-form input[type=radio].wsf-field + label.wsf-label {
  background-color: transparent;
  display: inline-block;
  color: var(--base-dark);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  background-color: unset;
  margin: 0;
}

.form--light .wsf-form input[type=radio].wsf-field:checked + label.wsf-label:before {
  background-color: var(--action);
  border-color: var(--action-trans-60);
}

.form--light .wsf-form input[type=radio].wsf-field + label.wsf-label:before {
  background-color: transparent;
  border-color: var(--action-trans-60);
}

.form--light .wsf-form input[type=radio].wsf-image + label.wsf-label {
  padding-inline-start: 0;
}

.form--light .wsf-form [data-type=radio] > div:not(.wsf-grid) > div + div,
.form--light .wsf-form [data-type=price_radio] > div:not(.wsf-grid) > div + div {
  margin-block-start: var(--list-item-spacing);
}

.form--light .wsf-form input[type=checkbox].wsf-field + label.wsf-label::before,
.form--light .wsf-form input[type=checkbox].wsf-field + label.wsf-label::after {
  width: 1.4em;
  height: 1.4em;
  transform: none;
}

.form--light .wsf-form input[type=checkbox].wsf-field:checked + label.wsf-label::before {
  background-color: var(--action);
  border-color: var(--action-trans-60);
}

.form--light .wsf-form input[type=checkbox].wsf-field + label.wsf-label::before {
  background-color: transparent;
  border-color: var(--action-trans-60);
}

.form--light .wsf-form input[type=checkbox].wsf-field + label.wsf-label {
  background-color: transparent;
  display: inline-block;
  color: var(--base-dark);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  background-color: unset;
  margin: 0;
}

.form--light .wsf-form [data-type=checkbox] > div:not(.wsf-grid) > div + div,
.form--light .wsf-form [data-type=price_checkbox] > div:not(.wsf-grid) > div + div {
  margin-block-start: var(--list-item-spacing);
}

.form--light .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label,
.form--light .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label {
  -webkit-padding-start: 2.85em;
  padding-inline-start: 2.85em;
}

.form--light .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:before,
.form--light .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label:before {
  width: 2.5em;
  height: 1.4em;
  border-radius: 1.2em;
}

.form--light .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:after,
.form--light .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label:after {
  height: calc(1.4em - 4px);
  width: calc(1.4em - 4px);
}

.form--light .wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label:after,
.form--light .wsf-form input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label:after {
  left: calc(2.5em - (1.4em - 2px));
}

.form--light .wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label,
.form--light .wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.form--light .wsf-form progress[value]::-webkit-progress-bar {
  background-color: var(--base-ultra-light);
  height: 3rem;
  display: block;
}

.form--light .wsf-form progress.wsf-progress {
  height: 3rem;
  border-radius: var(--btn-radius);
  overflow: hidden;
}

.form--light .wsf-form progress[value]::-webkit-progress-value {
  background-color: var(--action);
  border-radius: var(--btn-radius);
}

.form--light .wsf-form .minicolors-theme-ws-form .minicolors-swatch {
  height: calc(100% - 1px);
}

.form--light .wsf-form input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  appearance: none;
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
  --wsf-color-lower-track: var(--shade-ultra-light);
  --wsf-color-upper-track: var(--shade-ultra-light);
  background-color: var(--neutral-ultra-light);
}

.form--light .wsf-form input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--action);
}

.form--light .wsf-form input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.form--light .wsf-form input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.form--light .wsf-form .wsf-required-wrapper .wsf-text-danger {
  color: var(--action);
}

.form--light .wsf-form input[type=text].wsf-field ~ .dropzone {
  background-color: var(--white);
  border-color: var(--shade-light);
}

.form--light .wsf-form input[type=text].wsf-field ~ .dropzone .dz-message {
  color: var(--shade-dark);
}

.form--light .wsf-form input[type=file].wsf-field {
  padding-left: 1rem;
}

.form--light .wsf-form input[type=file].wsf-field::file-selector-button {
  background: var(--neutral-light) !important;
  color: var(--neutral-ultra-dark);
  height: 5rem;
  position: relative;
  top: -1px;
  transition: all var(--btn-transition-duration) ease;
}

.form--light .wsf-form input[type=file].wsf-field::file-selector-button:hover {
  background: var(--neutral-ultra-light) !important;
  color: var(--neutral-ultra-dark);
}

.form--light .wsf-form [data-wsf-legal].wsf-field {
  background-color: var(--white);
  border-color: var(--shade-light);
  color: var(--shade-dark);
}

.form--light .wsf-form .wsf-alert {
  background-color: var(--base-ultra-light);
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.4rem;
  border-color: var(--shade-light);
  border-radius: var(--btn-radius);
  -webkit-border-radius: var(--btn-radius);
  -moz-border-radius: var(--btn-radius);
  -ms-border-radius: var(--btn-radius);
  -o-border-radius: var(--btn-radius);
  margin-bottom: 0;
  display: inline-block;
}

.form--light .wsf-form .wsf-alert.wsf-alert-danger {
  background-color: #f4bec3;
  border-color: #dc3545;
  color: #410b11;
}

.form--light .wsf-form .wsf-alert.wsf-alert-warning {
  background-color: #ffecb3;
  border-color: #ffc10a;
  color: #4d3900;
}

.form--light .wsf-form .wsf-alert.wsf-alert-information {
  background-color: #c6e7ec;
  border-color: #18a2b8;
  color: #093c44;
}

.form--light .wsf-form .wsf-alert.wsf-alert-success {
  background-color: #c1f0cc;
  border-color: #29a745;
  color: #0f3e19;
}

.form--light .wsf-form .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.form--light .wsf-form .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.form--light .wsf-form .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current,
.form--light .wsf-form .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,
.form--light .wsf-form .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.form--light .wsf-form .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--action) !important;
}

.form--light .wsf-form input[type=text].wsf-field ~ canvas {
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-radius: var(--btn-radius);
  -webkit-border-radius: var(--btn-radius);
  -moz-border-radius: var(--btn-radius);
  -ms-border-radius: var(--btn-radius);
  -o-border-radius: var(--btn-radius);
}

.form--light .wsf-form input[type=date].wsf-field:focus,
.form--light .wsf-form input[type=datetime-local].wsf-field:focus,
.form--light .wsf-form input[type=file].wsf-field:focus,
.form--light .wsf-form input[type=month].wsf-field:focus,
.form--light .wsf-form input[type=password].wsf-field:focus,
.form--light .wsf-form input[type=search].wsf-field:focus,
.form--light .wsf-form input[type=time].wsf-field:focus,
.form--light .wsf-form input[type=week].wsf-field:focus,
.form--light .wsf-form input[type=email].wsf-field:focus,
.form--light .wsf-form input[type=number].wsf-field:focus,
.form--light .wsf-form input[type=tel].wsf-field:focus,
.form--light .wsf-form input[type=text].wsf-field:focus,
.form--light .wsf-form input[type=url].wsf-field:focus,
.form--light .wsf-form select.wsf-field:focus,
.form--light .wsf-form textarea.wsf-field:focus,
.form--light .wsf-form button.wsf-button:focus,
.form--light .wsf-form button.wsf-button.wsf-button-primary:focus {
  border-color: var(--action);
  box-shadow: 0 0 0 4px hsl(193 59% 48%/0.25);
  outline: 0;
}

.form--light input[type=date],
.form--light input[type=datetime-local],
.form--light input[type=month],
.form--light input[type=password],
.form--light input[type=search],
.form--light input[type=time],
.form--light input[type=week],
.form--light input[type=email],
.form--light input[type=number],
.form--light input[type=tel],
.form--light input[type=text],
.form--light input[type=url],
.form--light select:not([multiple]):not([size]) {
  height: 5rem;
}

.form--light .input,
.form--light input:not([type=submit]),
.form--light select,
.form--light textarea {
  background-color: var(--white);
  border-style: solid;
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-color: var(--shade-light);
  border-radius: var(--btn-radius);
  color: var(--shade-dark);
  font-size: 1.8rem;
  font-size: calc(1.4rem + 0.4 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.3125vw + 1.3rem, 1.8rem);
  line-height: 1;
  font-weight: 400;
  padding: 0.5em 1em;
}

.form--light .input::placeholder,
.form--light input:not([type=submit])::placeholder,
.form--light select::placeholder,
.form--light textarea::placeholder {
  color: var(--shade-dark);
  opacity: 0.5;
}

.form--light .form-group:not(.submit-button-wrapper) {
  margin-bottom: 1.5em;
}

.form--light label {
  color: var(--base-dark);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
  padding: 0 0;
}

.form--light .required:after {
  color: var(--action);
}

.form--light input[type=file] {
  padding: 0;
}

.form--light .choose-files {
  padding: 0.5em 1em;
  color: var(--neutral-ultra-dark);
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  background: var(--neutral-light);
  transition: all var(--btn-transition-duration) ease;
}

.form--light .choose-files:hover {
  color: var(--neutral-ultra-dark);
  background: var(--neutral-ultra-light);
}

.form--light .file-result.show {
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1;
  transition: all var(--btn-transition-duration) ease;
}

.form--light .file-result.show .remove:hover {
  background-color: var(--action-hover);
  color: var(--action-ultra-dark);
  border-color: var(--action-hover);
}

.form--light input[type=radio] {
  accent-color: var(--action);
}

.form--light input[type=radio] + label {
  background-color: transparent;
  display: inline-block;
  color: var(--base-dark);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  -webkit-padding-start: inherit;
  padding-inline-start: inherit;
  margin: 0;
}

.form--light input[type=checkbox]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) {
  width: 0px;
  height: 0px;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
}

.form--light input[type=checkbox]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus {
  outline: none;
}

.form--light input[type=checkbox]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before {
  border-color: var(--action);
  box-shadow: 0 0 0 4px hsl(193 59% 48%/0.25);
  outline: 0;
}

.form--light input[type=checkbox] + label {
  background-color: transparent;
  display: inline-block;
  color: var(--base-dark);
  font-family: inherit;
  font-size: 1.4rem;
  font-size: calc(1.4rem + 0.2 * (100vw - 32rem) / 128);
  font-size: clamp(1.4rem, 0.15625vw + 1.35rem, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px;
  -webkit-padding-start: 1.75em;
  padding-inline-start: 1.75em;
  background-color: unset;
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
}

.form--light input[type=checkbox]:hover + label:hover {
  color: var(--action);
}

.form--light input[type=checkbox]:hover + label:before {
  background: var(--action);
  box-shadow: inset 0px 0px 0px 2px transparent;
}

.form--light input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid var(--neutral-ultra-light);
  border-color: var(--action-trans-60);
  border-radius: 0.2em;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background-color: transparent;
}

.form--light input[type=checkbox]:checked + label:before {
  background: var(--action);
  box-shadow: 0 0 0 1px var(--action-trans-60);
}

.form--light input[type=checkbox]:checked + label:before {
  background: var(--action);
  box-shadow: 0 0 0 1px var(--action-trans-60);
}

.form--light input[type=checkbox]:checked + label:after {
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") 50% no-repeat;
  background-size: 50%;
}

.form--light .options-wrapper li + li {
  margin-block-start: var(--list-item-spacing);
}

main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current,
main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,
main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover,
main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--action) !important;
}
/* Custom Colours */
:root,
.color-scheme--main {
  --custom-1000-island: #6B2E72;
  --custom-bbq-sauce: #812728;
  --custom-bora-bora: #963624;
  --custom-burger-sauce: #EE7A89;
  --custom-chicken-marinade: #F59D0E;
  --custom-chutney: #6B2342;
  --custom-crushed-garlic: #C9A74B;
  --custom-garlic-mayo: #789A34;
  --custom-lemon-herb: #FFDD0A;
  --custom-mayonnaise: #02703B;
  --custom-mustard: #F9B100;
  --custom-peri-peri: #E52D2E;
  --custom-salad-dressing: #124F84;
  --custom-sweet-chilli: #772A49;
  --custom-tartare: #79B834;
  --custom-tomato-sauce: #D5232F;
  --custom-topping-sauce: #E74B23;
}

/* Custom Variables */
:root {
  /* Fonts */
  --font-primary: "Noto Sans", Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
  /* Transitions */
  --transition-default: .3s all ease-in-out;
  /* Shadows */
  --shadow-primary:
    0px 0px 1.7px rgba(0, 0, 0, 0.101),
    0px 0px 5.6px rgba(0, 0, 0, 0.149),
    0px 0px 25px rgba(0, 0, 0, 0.25);
}

html,
#site__wrapper {
  min-height: calc(100vh - var(--admin-bar-height, 0));
}

#site__wrapper {
  align-items: stretch;
  background-color: var(--white);
}

body {
  background-color: var(--shade-ultra-light);
  background-image: url("../..//2024/09/bg.png");
  background-attachment: fixed;
}

body > footer,
#site__wrapper > footer {
  position: sticky;
  top: 100vh;
}

body,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
}

.menu-item > a {
  color: inherit;
}

.transition--default {
  transition: var(--transition-default);
}

.button {
  transition: var(--transition-default);
}

.oxy-shape-divider .oxy_shape_divider {
  bottom: 0px;
}

.oxy-shape-divider:last-of-type .oxy_shape_divider {
  bottom: -1px;
}

@media (max-width: 768px) {
  .products--product + .products--product {
    margin-top: var(--space-m);
  }
}
.bg--custom-1000-island {
  background-color: var(--custom-1000-island);
}

.bg--custom-bbq-sauce {
  background-color: var(--custom-bbq-sauce);
}

.bg--custom-bora-bora {
  background-color: var(--custom-bora-bora);
}

.bg--custom-burger-sauce {
  background-color: var(--custom-burger-sauce);
}

.bg--custom-chicken-marinade {
  background-color: var(--custom-chicken-marinade);
}

.bg--custom-chutney {
  background-color: var(--custom-chutney);
}

.bg--custom-crushed-garlic {
  background-color: var(--custom-crushed-garlic);
}

.bg--custom-garlic-mayo {
  background-color: var(--custom-garlic-mayo);
}

.bg--custom-lemon-herb {
  background-color: var(--custom-lemon-herb);
}

.bg--custom-mayonnaise {
  background-color: var(--custom-mayonnaise);
}

.bg--custom-mustard {
  background-color: var(--custom-mustard);
}

.bg--custom-peri-peri {
  background-color: var(--custom-peri-peri);
}

.bg--custom-salad-dressing {
  background-color: var(--custom-salad-dressing);
}

.bg--custom-sweet-chilli {
  background-color: var(--custom-sweet-chilli);
}

.bg--custom-tartare {
  background-color: var(--custom-tartare);
}

.bg--custom-tomato-sauce {
  background-color: var(--custom-tomato-sauce);
}

.bg--custom-topping-sauce {
  background-color: var(--custom-topping-sauce);
}

.text--custom-1000-island {
  color: var(--custom-1000-island);
}

.text--custom-bbq-sauce {
  color: var(--custom-bbq-sauce);
}

.text--custom-bora-bora {
  color: var(--custom-bora-bora);
}

.text--custom-burger-sauce {
  color: var(--custom-burger-sauce);
}

.text--custom-chicken-marinade {
  color: var(--custom-chicken-marinade);
}

.text--custom-chutney {
  color: var(--custom-chutney);
}

.text--custom-crushed-garlic {
  color: var(--custom-crushed-garlic);
}

.text--custom-garlic-mayo {
  color: var(--custom-garlic-mayo);
}

.text--custom-lemon-herb {
  color: var(--custom-lemon-herb);
}

.text--custom-mayonnaise {
  color: var(--custom-mayonnaise);
}

.text--custom-mustard {
  color: var(--custom-mustard);
}

.text--custom-peri-peri {
  color: var(--custom-peri-peri);
}

.text--custom-salad-dressing {
  color: var(--custom-salad-dressing);
}

.text--custom-sweet-chilli {
  color: var(--custom-sweet-chilli);
}

.text--custom-tartare {
  color: var(--custom-tartare);
}

.text--custom-tomato-sauce {
  color: var(--custom-tomato-sauce);
}

.text--custom-topping-sauce {
  color: var(--custom-topping-sauce);
}

.shadow--primary {
  box-shadow: var(--shadow-primary);
}
.contact-details__block + .contact-details__block{
 border-left-width:1px;
 border-left-style:solid;
 border-left-color:#DBDBDB;
}
.products--product:hover .product__image{
transform:scale3d(1.1,1.1,1);}
#products--products__repeater [id^="products--product__content"]:nth-of-type(even) .product__colour{
 position:absolute;
 left:0%;
}
#products--products__repeater [id^="products--product__content"]:nth-of-type(even){
flex-direction: row-reverse;
}
@media (max-width: 991px) {
#products--products__repeater [id^="products--product__content"]:nth-of-type(even){
flex-direction: column;
}
}

@media (max-width: 991px) {
#products--products__repeater [id^="products--product__content"]:nth-of-type(even) .product__colour{
 left:50%;
}
}

@media (max-width: 767px) {
.contact-details__block + .contact-details__block{
 border-left-style:none;
 margin-top:var(--section-space-xs) ;
 border-top-color:#DBDBDB;
 border-top-width:1px;
 border-top-style:solid;
 padding-top:var(--section-space-xs) ;
}
}