:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}.f-carousel{--f-carousel-theme-color: #706f6c;--f-carousel-spacing: 0px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: auto;--f-carousel-slide-padding: 0;--f-button-width: 42px;--f-button-height: 42px;--f-button-color: var(--f-carousel-theme-color, currentColor);--f-button-hover-color: var(--f-carousel-theme-color, currentColor);--f-button-bg: transparent;--f-button-hover-bg: var(--f-button-bg);--f-button-active-bg: var(--f-button-bg);--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-next-pos: 10px;--f-button-prev-pos: 10px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75;position:relative;box-sizing:border-box}.f-carousel *,.f-carousel *:before,.f-carousel *:after{box-sizing:inherit}.f-carousel.is-ltr{direction:ltr}.f-carousel.is-rtl{direction:rtl}.f-carousel__viewport{overflow:hidden;transform:translate3d(0, 0, 0);backface-visibility:hidden;width:100%;height:100%}.f-carousel__viewport.is-draggable{cursor:move;cursor:grab}.f-carousel__viewport.is-dragging{cursor:move;cursor:grabbing}.f-carousel__track{display:flex;margin:0 auto;padding:0;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.f-carousel__slide{position:relative;flex:0 0 auto;width:var(--f-carousel-slide-width);max-width:100%;height:var(--f-carousel-slide-height);margin:0 var(--f-carousel-spacing) 0 0;padding:var(--f-carousel-slide-padding);outline:0;transform-origin:center center}.f-carousel__slide img.is-preloading{visibility:hidden}.f-carousel__slide>.f-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.f-carousel.is-vertical{--f-carousel-slide-height: 100%}.f-carousel.is-vertical .f-carousel__track{flex-wrap:wrap}.f-carousel.is-vertical .f-carousel__slide{margin:0 0 var(--f-carousel-spacing) 0}:root{--f-carousel-dots-width: 24px;--f-carousel-dots-height: 30px;--f-carousel-dot-width: 8px;--f-carousel-dot-height: 8px;--f-carousel-dot-radius: 50%;--f-carousel-dot-color: var(--f-carousel-theme-color, currentColor);--f-carousel-dot-opacity: 0.2;--f-carousel-dot-hover-opacity: 0.4}.f-carousel.has-dots{margin-bottom:var(--f-carousel-dots-height)}.f-carousel__dots{position:absolute;bottom:calc(var(--f-carousel-dots-height)*-1);left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto !important;padding:0;list-style:none !important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.f-carousel__dots li{margin:0;padding:0;border:0;display:flex;align-items:center;justify-content:center;opacity:var(--f-carousel-dot-opacity);transition:opacity .15s ease-in-out}.f-carousel__dots li+li{margin:0}.f-carousel__dots li:hover{opacity:var(--f-carousel-dot-hover-opacity)}.f-carousel__dots li.is-current{opacity:1}.f-carousel__dots li button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:var(--f-carousel-dots-width);height:var(--f-carousel-dots-height);border:0;background:rgba(0,0,0,0);cursor:pointer;transition:all .2s linear}.f-carousel__dot{display:block;margin:0;padding:0;border:0;width:var(--f-carousel-dot-width);height:var(--f-carousel-dot-height);border-radius:var(--f-carousel-dot-radius);background-color:var(--f-carousel-dot-color);line-height:0;font-size:0;cursor:pointer;pointer-events:none}.f-carousel__dots.is-dynamic li:not(.is-prev,.is-next,.is-current,.is-after-next,.is-before-prev) button{transform:scale(0);width:0}.f-carousel__dots.is-dynamic li.is-before-prev button,.f-carousel__dots.is-dynamic li.is-after-next button{transform:scale(0.22)}.f-carousel__dots.is-dynamic li.is-prev button,.f-carousel__dots.is-dynamic li.is-next button{transform:scale(0.66)}.f-carousel__dots.is-dynamic li.is-current button{transform:scale(1)}.f-carousel__dots.is-dynamic li.is-before-prev button,.f-carousel__dots.is-dynamic li.is-after-next button{transform:scale(0.33)}.f-carousel__dots.is-dynamic li.is-current:first-child{margin-left:calc(var(--f-carousel-dots-width)*2)}.f-carousel__dots.is-dynamic li.is-prev:first-child{margin-left:var(--f-carousel-dots-width)}.f-carousel__dots.is-dynamic li.is-next:last-child{margin-right:var(--f-carousel-dots-width)}.f-carousel__dots.is-dynamic li.is-current:last-child{margin-right:calc(var(--f-carousel-dots-width)*2)}.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:first-child{margin-left:0;margin-right:var(--f-carousel-dots-width)}.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-prev:first-child{margin-left:0;margin-right:var(--f-carousel-dots-width)}.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:last-child{margin-left:0;margin-right:var(--f-carousel-dots-width)}.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-next:last-child{margin-right:0;margin-left:var(--f-carousel-dots-width)}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none} @charset "UTF-8"; :root { --body-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --line-height: 1.55; --line-height-small: 1.25; --line-height-headings: 1.1; --color-grey: #1F1F1F; --color-mid-grey: #8f8f8f; --color-light-grey: #E4E2DB; --color-yellow: #FCC32D; --color-green: #20503A; --color-sea-pink: #EA9999; --color-peach: #F9CB9C; --color-peach-fade: rgba(249, 203, 156, 0.15); --color-sprout: #B6D7A8; --color-sprout-fade: rgba(182, 215, 168, 0.15); --color-opal: #A2C4C9; --color-cornflower: #A4C2F4; --color-wisteria: #B4A7D6; --color-wisteria-fade: rgba(180, 167, 214, 0.15); --color-red: #fc3d2d; --color-light: #fff; --space-unit: 1em; --space-4xs: calc(0.125 * var(--space-unit)); --space-3xs: calc(0.25 * var(--space-unit)); --space-2xs: calc(0.375 * var(--space-unit)); --space-xs: calc(0.5 * var(--space-unit)); --space-sm: calc(0.75 * var(--space-unit)); --space: var(--space-unit); --space-md: calc(1.25 * var(--space-unit)); --space-mdlg: calc(1.5 * var(--space-unit)); --space-lg: calc(2 * var(--space-unit)); --space-xl: calc(3.25 * var(--space-unit)); --space-2xl: calc(4.25 * var(--space-unit)); --space-3xl: calc(5.25 * var(--space-unit)); --space-4xl: calc(8.5 * var(--space-unit)); /* Space m-xl: 20px → 52px */ --gutter-sm: calc(var(--gutter) / 1.4); --gutter: clamp(1.25rem, calc(0.66rem + 2.76vw), 3.25rem); --gutter-lg: calc(var(--gutter) * 1.75); --gutter-xl: calc(var(--gutter) * 2.25); --grid-gap: calc(var(--gutter) / 1.666); --max-width: 500px; --block-spacing: calc((100vw / 12)); --notch-spacing: 40px; --header-height: 80px; --stuck-header-height: 50px; --100vh: 100svh; --transition-time: 0.2s; --easing: cubic-bezier(0.16, 1, 0.3, 1); } @media screen and (min-width: 750px) { :root { --space-unit: 1.05em; --max-width: 1450px; } } @media screen and (min-width: 375px) { :root { --block-spacing: calc((100vw / 12)); } } @media screen and (min-width: 750px) { :root { --block-spacing: calc((100vw / 12) / 1.5); } } @media screen and (min-width: 1060px) { :root { --block-spacing: calc((100vw / 12) / 1.75); } } @media screen and (min-width: 1200px) { :root { --block-spacing: calc((100vw / 12) / 2); } } @media screen and (min-width: 750px) { :root { --notch-spacing: 55px; } } @media screen and (min-width: 1200px) { :root { --notch-spacing: clamp( 55px, 5vw, 80px ); } } @media screen and (min-width: 1500px) { :root { --notch-spacing: max( calc(var(--block-spacing) * 1.2), 80px ); } } @media screen and (min-width: 750px) { :root { --header-height: 140px; --stuck-header-height: 80px; } } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt-4xs { margin-top: var(--space-4xs) !important; } .mr-4xs { margin-right: var(--space-4xs) !important; } .mb-4xs { margin-bottom: var(--space-4xs) !important; } .ml-4xs { margin-left: var(--space-4xs) !important; } .my-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt-3xs { margin-top: var(--space-3xs) !important; } .mr-3xs { margin-right: var(--space-3xs) !important; } .mb-3xs { margin-bottom: var(--space-3xs) !important; } .ml-3xs { margin-left: var(--space-3xs) !important; } .my-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt-2xs { margin-top: var(--space-2xs) !important; } .mr-2xs { margin-right: var(--space-2xs) !important; } .mb-2xs { margin-bottom: var(--space-2xs) !important; } .ml-2xs { margin-left: var(--space-2xs) !important; } .my-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt-xs { margin-top: var(--space-xs) !important; } .mr-xs { margin-right: var(--space-xs) !important; } .mb-xs { margin-bottom: var(--space-xs) !important; } .ml-xs { margin-left: var(--space-xs) !important; } .my-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt-sm { margin-top: var(--space-sm) !important; } .mr-sm { margin-right: var(--space-sm) !important; } .mb-sm { margin-bottom: var(--space-sm) !important; } .ml-sm { margin-left: var(--space-sm) !important; } .my-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt { margin-top: var(--space) !important; } .mr { margin-right: var(--space) !important; } .mb { margin-bottom: var(--space) !important; } .ml { margin-left: var(--space) !important; } .my { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt-md { margin-top: var(--space-md) !important; } .mr-md { margin-right: var(--space-md) !important; } .mb-md { margin-bottom: var(--space-md) !important; } .ml-md { margin-left: var(--space-md) !important; } .my-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt-mdlg { margin-top: var(--space-mdlg) !important; } .mr-mdlg { margin-right: var(--space-mdlg) !important; } .mb-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml-mdlg { margin-left: var(--space-mdlg) !important; } .my-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt-lg { margin-top: var(--space-lg) !important; } .mr-lg { margin-right: var(--space-lg) !important; } .mb-lg { margin-bottom: var(--space-lg) !important; } .ml-lg { margin-left: var(--space-lg) !important; } .my-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt-xl { margin-top: var(--space-xl) !important; } .mr-xl { margin-right: var(--space-xl) !important; } .mb-xl { margin-bottom: var(--space-xl) !important; } .ml-xl { margin-left: var(--space-xl) !important; } .my-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt-2xl { margin-top: var(--space-2xl) !important; } .mr-2xl { margin-right: var(--space-2xl) !important; } .mb-2xl { margin-bottom: var(--space-2xl) !important; } .ml-2xl { margin-left: var(--space-2xl) !important; } .my-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt-3xl { margin-top: var(--space-3xl) !important; } .mr-3xl { margin-right: var(--space-3xl) !important; } .mb-3xl { margin-bottom: var(--space-3xl) !important; } .ml-3xl { margin-left: var(--space-3xl) !important; } .my-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt-4xl { margin-top: var(--space-4xl) !important; } .mr-4xl { margin-right: var(--space-4xl) !important; } .mb-4xl { margin-bottom: var(--space-4xl) !important; } .ml-4xl { margin-left: var(--space-4xl) !important; } .my-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } @media screen and (min-width: 375px) { .mt--sm-0 { margin-top: 0 !important; } .mr--sm-0 { margin-right: 0 !important; } .mb--sm-0 { margin-bottom: 0 !important; } .ml--sm-0 { margin-left: 0 !important; } .my--sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx--sm-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt--sm-4xs { margin-top: var(--space-4xs) !important; } .mr--sm-4xs { margin-right: var(--space-4xs) !important; } .mb--sm-4xs { margin-bottom: var(--space-4xs) !important; } .ml--sm-4xs { margin-left: var(--space-4xs) !important; } .my--sm-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx--sm-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt--sm-3xs { margin-top: var(--space-3xs) !important; } .mr--sm-3xs { margin-right: var(--space-3xs) !important; } .mb--sm-3xs { margin-bottom: var(--space-3xs) !important; } .ml--sm-3xs { margin-left: var(--space-3xs) !important; } .my--sm-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx--sm-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt--sm-2xs { margin-top: var(--space-2xs) !important; } .mr--sm-2xs { margin-right: var(--space-2xs) !important; } .mb--sm-2xs { margin-bottom: var(--space-2xs) !important; } .ml--sm-2xs { margin-left: var(--space-2xs) !important; } .my--sm-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx--sm-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt--sm-xs { margin-top: var(--space-xs) !important; } .mr--sm-xs { margin-right: var(--space-xs) !important; } .mb--sm-xs { margin-bottom: var(--space-xs) !important; } .ml--sm-xs { margin-left: var(--space-xs) !important; } .my--sm-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx--sm-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt--sm-sm { margin-top: var(--space-sm) !important; } .mr--sm-sm { margin-right: var(--space-sm) !important; } .mb--sm-sm { margin-bottom: var(--space-sm) !important; } .ml--sm-sm { margin-left: var(--space-sm) !important; } .my--sm-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx--sm-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt--sm { margin-top: var(--space) !important; } .mr--sm { margin-right: var(--space) !important; } .mb--sm { margin-bottom: var(--space) !important; } .ml--sm { margin-left: var(--space) !important; } .my--sm { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx--sm { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt--sm-md { margin-top: var(--space-md) !important; } .mr--sm-md { margin-right: var(--space-md) !important; } .mb--sm-md { margin-bottom: var(--space-md) !important; } .ml--sm-md { margin-left: var(--space-md) !important; } .my--sm-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx--sm-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt--sm-mdlg { margin-top: var(--space-mdlg) !important; } .mr--sm-mdlg { margin-right: var(--space-mdlg) !important; } .mb--sm-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml--sm-mdlg { margin-left: var(--space-mdlg) !important; } .my--sm-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx--sm-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt--sm-lg { margin-top: var(--space-lg) !important; } .mr--sm-lg { margin-right: var(--space-lg) !important; } .mb--sm-lg { margin-bottom: var(--space-lg) !important; } .ml--sm-lg { margin-left: var(--space-lg) !important; } .my--sm-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx--sm-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt--sm-xl { margin-top: var(--space-xl) !important; } .mr--sm-xl { margin-right: var(--space-xl) !important; } .mb--sm-xl { margin-bottom: var(--space-xl) !important; } .ml--sm-xl { margin-left: var(--space-xl) !important; } .my--sm-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx--sm-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt--sm-2xl { margin-top: var(--space-2xl) !important; } .mr--sm-2xl { margin-right: var(--space-2xl) !important; } .mb--sm-2xl { margin-bottom: var(--space-2xl) !important; } .ml--sm-2xl { margin-left: var(--space-2xl) !important; } .my--sm-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx--sm-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt--sm-3xl { margin-top: var(--space-3xl) !important; } .mr--sm-3xl { margin-right: var(--space-3xl) !important; } .mb--sm-3xl { margin-bottom: var(--space-3xl) !important; } .ml--sm-3xl { margin-left: var(--space-3xl) !important; } .my--sm-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx--sm-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt--sm-4xl { margin-top: var(--space-4xl) !important; } .mr--sm-4xl { margin-right: var(--space-4xl) !important; } .mb--sm-4xl { margin-bottom: var(--space-4xl) !important; } .ml--sm-4xl { margin-left: var(--space-4xl) !important; } .my--sm-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx--sm-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } } @media screen and (min-width: 450px) { .mt--smmd-0 { margin-top: 0 !important; } .mr--smmd-0 { margin-right: 0 !important; } .mb--smmd-0 { margin-bottom: 0 !important; } .ml--smmd-0 { margin-left: 0 !important; } .my--smmd-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx--smmd-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt--smmd-4xs { margin-top: var(--space-4xs) !important; } .mr--smmd-4xs { margin-right: var(--space-4xs) !important; } .mb--smmd-4xs { margin-bottom: var(--space-4xs) !important; } .ml--smmd-4xs { margin-left: var(--space-4xs) !important; } .my--smmd-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx--smmd-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt--smmd-3xs { margin-top: var(--space-3xs) !important; } .mr--smmd-3xs { margin-right: var(--space-3xs) !important; } .mb--smmd-3xs { margin-bottom: var(--space-3xs) !important; } .ml--smmd-3xs { margin-left: var(--space-3xs) !important; } .my--smmd-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx--smmd-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt--smmd-2xs { margin-top: var(--space-2xs) !important; } .mr--smmd-2xs { margin-right: var(--space-2xs) !important; } .mb--smmd-2xs { margin-bottom: var(--space-2xs) !important; } .ml--smmd-2xs { margin-left: var(--space-2xs) !important; } .my--smmd-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx--smmd-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt--smmd-xs { margin-top: var(--space-xs) !important; } .mr--smmd-xs { margin-right: var(--space-xs) !important; } .mb--smmd-xs { margin-bottom: var(--space-xs) !important; } .ml--smmd-xs { margin-left: var(--space-xs) !important; } .my--smmd-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx--smmd-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt--smmd-sm { margin-top: var(--space-sm) !important; } .mr--smmd-sm { margin-right: var(--space-sm) !important; } .mb--smmd-sm { margin-bottom: var(--space-sm) !important; } .ml--smmd-sm { margin-left: var(--space-sm) !important; } .my--smmd-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx--smmd-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt--smmd { margin-top: var(--space) !important; } .mr--smmd { margin-right: var(--space) !important; } .mb--smmd { margin-bottom: var(--space) !important; } .ml--smmd { margin-left: var(--space) !important; } .my--smmd { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx--smmd { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt--smmd-md { margin-top: var(--space-md) !important; } .mr--smmd-md { margin-right: var(--space-md) !important; } .mb--smmd-md { margin-bottom: var(--space-md) !important; } .ml--smmd-md { margin-left: var(--space-md) !important; } .my--smmd-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx--smmd-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt--smmd-mdlg { margin-top: var(--space-mdlg) !important; } .mr--smmd-mdlg { margin-right: var(--space-mdlg) !important; } .mb--smmd-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml--smmd-mdlg { margin-left: var(--space-mdlg) !important; } .my--smmd-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx--smmd-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt--smmd-lg { margin-top: var(--space-lg) !important; } .mr--smmd-lg { margin-right: var(--space-lg) !important; } .mb--smmd-lg { margin-bottom: var(--space-lg) !important; } .ml--smmd-lg { margin-left: var(--space-lg) !important; } .my--smmd-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx--smmd-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt--smmd-xl { margin-top: var(--space-xl) !important; } .mr--smmd-xl { margin-right: var(--space-xl) !important; } .mb--smmd-xl { margin-bottom: var(--space-xl) !important; } .ml--smmd-xl { margin-left: var(--space-xl) !important; } .my--smmd-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx--smmd-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt--smmd-2xl { margin-top: var(--space-2xl) !important; } .mr--smmd-2xl { margin-right: var(--space-2xl) !important; } .mb--smmd-2xl { margin-bottom: var(--space-2xl) !important; } .ml--smmd-2xl { margin-left: var(--space-2xl) !important; } .my--smmd-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx--smmd-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt--smmd-3xl { margin-top: var(--space-3xl) !important; } .mr--smmd-3xl { margin-right: var(--space-3xl) !important; } .mb--smmd-3xl { margin-bottom: var(--space-3xl) !important; } .ml--smmd-3xl { margin-left: var(--space-3xl) !important; } .my--smmd-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx--smmd-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt--smmd-4xl { margin-top: var(--space-4xl) !important; } .mr--smmd-4xl { margin-right: var(--space-4xl) !important; } .mb--smmd-4xl { margin-bottom: var(--space-4xl) !important; } .ml--smmd-4xl { margin-left: var(--space-4xl) !important; } .my--smmd-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx--smmd-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } } @media screen and (min-width: 750px) { .mt--md-0 { margin-top: 0 !important; } .mr--md-0 { margin-right: 0 !important; } .mb--md-0 { margin-bottom: 0 !important; } .ml--md-0 { margin-left: 0 !important; } .my--md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx--md-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt--md-4xs { margin-top: var(--space-4xs) !important; } .mr--md-4xs { margin-right: var(--space-4xs) !important; } .mb--md-4xs { margin-bottom: var(--space-4xs) !important; } .ml--md-4xs { margin-left: var(--space-4xs) !important; } .my--md-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx--md-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt--md-3xs { margin-top: var(--space-3xs) !important; } .mr--md-3xs { margin-right: var(--space-3xs) !important; } .mb--md-3xs { margin-bottom: var(--space-3xs) !important; } .ml--md-3xs { margin-left: var(--space-3xs) !important; } .my--md-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx--md-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt--md-2xs { margin-top: var(--space-2xs) !important; } .mr--md-2xs { margin-right: var(--space-2xs) !important; } .mb--md-2xs { margin-bottom: var(--space-2xs) !important; } .ml--md-2xs { margin-left: var(--space-2xs) !important; } .my--md-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx--md-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt--md-xs { margin-top: var(--space-xs) !important; } .mr--md-xs { margin-right: var(--space-xs) !important; } .mb--md-xs { margin-bottom: var(--space-xs) !important; } .ml--md-xs { margin-left: var(--space-xs) !important; } .my--md-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx--md-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt--md-sm { margin-top: var(--space-sm) !important; } .mr--md-sm { margin-right: var(--space-sm) !important; } .mb--md-sm { margin-bottom: var(--space-sm) !important; } .ml--md-sm { margin-left: var(--space-sm) !important; } .my--md-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx--md-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt--md { margin-top: var(--space) !important; } .mr--md { margin-right: var(--space) !important; } .mb--md { margin-bottom: var(--space) !important; } .ml--md { margin-left: var(--space) !important; } .my--md { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx--md { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt--md-md { margin-top: var(--space-md) !important; } .mr--md-md { margin-right: var(--space-md) !important; } .mb--md-md { margin-bottom: var(--space-md) !important; } .ml--md-md { margin-left: var(--space-md) !important; } .my--md-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx--md-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt--md-mdlg { margin-top: var(--space-mdlg) !important; } .mr--md-mdlg { margin-right: var(--space-mdlg) !important; } .mb--md-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml--md-mdlg { margin-left: var(--space-mdlg) !important; } .my--md-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx--md-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt--md-lg { margin-top: var(--space-lg) !important; } .mr--md-lg { margin-right: var(--space-lg) !important; } .mb--md-lg { margin-bottom: var(--space-lg) !important; } .ml--md-lg { margin-left: var(--space-lg) !important; } .my--md-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx--md-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt--md-xl { margin-top: var(--space-xl) !important; } .mr--md-xl { margin-right: var(--space-xl) !important; } .mb--md-xl { margin-bottom: var(--space-xl) !important; } .ml--md-xl { margin-left: var(--space-xl) !important; } .my--md-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx--md-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt--md-2xl { margin-top: var(--space-2xl) !important; } .mr--md-2xl { margin-right: var(--space-2xl) !important; } .mb--md-2xl { margin-bottom: var(--space-2xl) !important; } .ml--md-2xl { margin-left: var(--space-2xl) !important; } .my--md-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx--md-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt--md-3xl { margin-top: var(--space-3xl) !important; } .mr--md-3xl { margin-right: var(--space-3xl) !important; } .mb--md-3xl { margin-bottom: var(--space-3xl) !important; } .ml--md-3xl { margin-left: var(--space-3xl) !important; } .my--md-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx--md-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt--md-4xl { margin-top: var(--space-4xl) !important; } .mr--md-4xl { margin-right: var(--space-4xl) !important; } .mb--md-4xl { margin-bottom: var(--space-4xl) !important; } .ml--md-4xl { margin-left: var(--space-4xl) !important; } .my--md-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx--md-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } } @media screen and (min-width: 1060px) { .mt--mdlg-0 { margin-top: 0 !important; } .mr--mdlg-0 { margin-right: 0 !important; } .mb--mdlg-0 { margin-bottom: 0 !important; } .ml--mdlg-0 { margin-left: 0 !important; } .my--mdlg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx--mdlg-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt--mdlg-4xs { margin-top: var(--space-4xs) !important; } .mr--mdlg-4xs { margin-right: var(--space-4xs) !important; } .mb--mdlg-4xs { margin-bottom: var(--space-4xs) !important; } .ml--mdlg-4xs { margin-left: var(--space-4xs) !important; } .my--mdlg-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx--mdlg-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt--mdlg-3xs { margin-top: var(--space-3xs) !important; } .mr--mdlg-3xs { margin-right: var(--space-3xs) !important; } .mb--mdlg-3xs { margin-bottom: var(--space-3xs) !important; } .ml--mdlg-3xs { margin-left: var(--space-3xs) !important; } .my--mdlg-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx--mdlg-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt--mdlg-2xs { margin-top: var(--space-2xs) !important; } .mr--mdlg-2xs { margin-right: var(--space-2xs) !important; } .mb--mdlg-2xs { margin-bottom: var(--space-2xs) !important; } .ml--mdlg-2xs { margin-left: var(--space-2xs) !important; } .my--mdlg-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx--mdlg-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt--mdlg-xs { margin-top: var(--space-xs) !important; } .mr--mdlg-xs { margin-right: var(--space-xs) !important; } .mb--mdlg-xs { margin-bottom: var(--space-xs) !important; } .ml--mdlg-xs { margin-left: var(--space-xs) !important; } .my--mdlg-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx--mdlg-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt--mdlg-sm { margin-top: var(--space-sm) !important; } .mr--mdlg-sm { margin-right: var(--space-sm) !important; } .mb--mdlg-sm { margin-bottom: var(--space-sm) !important; } .ml--mdlg-sm { margin-left: var(--space-sm) !important; } .my--mdlg-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx--mdlg-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt--mdlg { margin-top: var(--space) !important; } .mr--mdlg { margin-right: var(--space) !important; } .mb--mdlg { margin-bottom: var(--space) !important; } .ml--mdlg { margin-left: var(--space) !important; } .my--mdlg { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx--mdlg { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt--mdlg-md { margin-top: var(--space-md) !important; } .mr--mdlg-md { margin-right: var(--space-md) !important; } .mb--mdlg-md { margin-bottom: var(--space-md) !important; } .ml--mdlg-md { margin-left: var(--space-md) !important; } .my--mdlg-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx--mdlg-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt--mdlg-mdlg { margin-top: var(--space-mdlg) !important; } .mr--mdlg-mdlg { margin-right: var(--space-mdlg) !important; } .mb--mdlg-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml--mdlg-mdlg { margin-left: var(--space-mdlg) !important; } .my--mdlg-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx--mdlg-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt--mdlg-lg { margin-top: var(--space-lg) !important; } .mr--mdlg-lg { margin-right: var(--space-lg) !important; } .mb--mdlg-lg { margin-bottom: var(--space-lg) !important; } .ml--mdlg-lg { margin-left: var(--space-lg) !important; } .my--mdlg-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx--mdlg-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt--mdlg-xl { margin-top: var(--space-xl) !important; } .mr--mdlg-xl { margin-right: var(--space-xl) !important; } .mb--mdlg-xl { margin-bottom: var(--space-xl) !important; } .ml--mdlg-xl { margin-left: var(--space-xl) !important; } .my--mdlg-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx--mdlg-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt--mdlg-2xl { margin-top: var(--space-2xl) !important; } .mr--mdlg-2xl { margin-right: var(--space-2xl) !important; } .mb--mdlg-2xl { margin-bottom: var(--space-2xl) !important; } .ml--mdlg-2xl { margin-left: var(--space-2xl) !important; } .my--mdlg-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx--mdlg-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt--mdlg-3xl { margin-top: var(--space-3xl) !important; } .mr--mdlg-3xl { margin-right: var(--space-3xl) !important; } .mb--mdlg-3xl { margin-bottom: var(--space-3xl) !important; } .ml--mdlg-3xl { margin-left: var(--space-3xl) !important; } .my--mdlg-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx--mdlg-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt--mdlg-4xl { margin-top: var(--space-4xl) !important; } .mr--mdlg-4xl { margin-right: var(--space-4xl) !important; } .mb--mdlg-4xl { margin-bottom: var(--space-4xl) !important; } .ml--mdlg-4xl { margin-left: var(--space-4xl) !important; } .my--mdlg-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx--mdlg-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } } @media screen and (min-width: 1200px) { .mt--lg-0 { margin-top: 0 !important; } .mr--lg-0 { margin-right: 0 !important; } .mb--lg-0 { margin-bottom: 0 !important; } .ml--lg-0 { margin-left: 0 !important; } .my--lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx--lg-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt--lg-4xs { margin-top: var(--space-4xs) !important; } .mr--lg-4xs { margin-right: var(--space-4xs) !important; } .mb--lg-4xs { margin-bottom: var(--space-4xs) !important; } .ml--lg-4xs { margin-left: var(--space-4xs) !important; } .my--lg-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx--lg-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt--lg-3xs { margin-top: var(--space-3xs) !important; } .mr--lg-3xs { margin-right: var(--space-3xs) !important; } .mb--lg-3xs { margin-bottom: var(--space-3xs) !important; } .ml--lg-3xs { margin-left: var(--space-3xs) !important; } .my--lg-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx--lg-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt--lg-2xs { margin-top: var(--space-2xs) !important; } .mr--lg-2xs { margin-right: var(--space-2xs) !important; } .mb--lg-2xs { margin-bottom: var(--space-2xs) !important; } .ml--lg-2xs { margin-left: var(--space-2xs) !important; } .my--lg-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx--lg-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt--lg-xs { margin-top: var(--space-xs) !important; } .mr--lg-xs { margin-right: var(--space-xs) !important; } .mb--lg-xs { margin-bottom: var(--space-xs) !important; } .ml--lg-xs { margin-left: var(--space-xs) !important; } .my--lg-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx--lg-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt--lg-sm { margin-top: var(--space-sm) !important; } .mr--lg-sm { margin-right: var(--space-sm) !important; } .mb--lg-sm { margin-bottom: var(--space-sm) !important; } .ml--lg-sm { margin-left: var(--space-sm) !important; } .my--lg-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx--lg-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt--lg { margin-top: var(--space) !important; } .mr--lg { margin-right: var(--space) !important; } .mb--lg { margin-bottom: var(--space) !important; } .ml--lg { margin-left: var(--space) !important; } .my--lg { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx--lg { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt--lg-md { margin-top: var(--space-md) !important; } .mr--lg-md { margin-right: var(--space-md) !important; } .mb--lg-md { margin-bottom: var(--space-md) !important; } .ml--lg-md { margin-left: var(--space-md) !important; } .my--lg-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx--lg-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt--lg-mdlg { margin-top: var(--space-mdlg) !important; } .mr--lg-mdlg { margin-right: var(--space-mdlg) !important; } .mb--lg-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml--lg-mdlg { margin-left: var(--space-mdlg) !important; } .my--lg-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx--lg-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt--lg-lg { margin-top: var(--space-lg) !important; } .mr--lg-lg { margin-right: var(--space-lg) !important; } .mb--lg-lg { margin-bottom: var(--space-lg) !important; } .ml--lg-lg { margin-left: var(--space-lg) !important; } .my--lg-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx--lg-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt--lg-xl { margin-top: var(--space-xl) !important; } .mr--lg-xl { margin-right: var(--space-xl) !important; } .mb--lg-xl { margin-bottom: var(--space-xl) !important; } .ml--lg-xl { margin-left: var(--space-xl) !important; } .my--lg-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx--lg-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt--lg-2xl { margin-top: var(--space-2xl) !important; } .mr--lg-2xl { margin-right: var(--space-2xl) !important; } .mb--lg-2xl { margin-bottom: var(--space-2xl) !important; } .ml--lg-2xl { margin-left: var(--space-2xl) !important; } .my--lg-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx--lg-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt--lg-3xl { margin-top: var(--space-3xl) !important; } .mr--lg-3xl { margin-right: var(--space-3xl) !important; } .mb--lg-3xl { margin-bottom: var(--space-3xl) !important; } .ml--lg-3xl { margin-left: var(--space-3xl) !important; } .my--lg-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx--lg-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt--lg-4xl { margin-top: var(--space-4xl) !important; } .mr--lg-4xl { margin-right: var(--space-4xl) !important; } .mb--lg-4xl { margin-bottom: var(--space-4xl) !important; } .ml--lg-4xl { margin-left: var(--space-4xl) !important; } .my--lg-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx--lg-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } } @media screen and (min-width: 1500px) { .mt--xl-0 { margin-top: 0 !important; } .mr--xl-0 { margin-right: 0 !important; } .mb--xl-0 { margin-bottom: 0 !important; } .ml--xl-0 { margin-left: 0 !important; } .my--xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx--xl-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt--xl-4xs { margin-top: var(--space-4xs) !important; } .mr--xl-4xs { margin-right: var(--space-4xs) !important; } .mb--xl-4xs { margin-bottom: var(--space-4xs) !important; } .ml--xl-4xs { margin-left: var(--space-4xs) !important; } .my--xl-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx--xl-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt--xl-3xs { margin-top: var(--space-3xs) !important; } .mr--xl-3xs { margin-right: var(--space-3xs) !important; } .mb--xl-3xs { margin-bottom: var(--space-3xs) !important; } .ml--xl-3xs { margin-left: var(--space-3xs) !important; } .my--xl-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx--xl-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt--xl-2xs { margin-top: var(--space-2xs) !important; } .mr--xl-2xs { margin-right: var(--space-2xs) !important; } .mb--xl-2xs { margin-bottom: var(--space-2xs) !important; } .ml--xl-2xs { margin-left: var(--space-2xs) !important; } .my--xl-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx--xl-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt--xl-xs { margin-top: var(--space-xs) !important; } .mr--xl-xs { margin-right: var(--space-xs) !important; } .mb--xl-xs { margin-bottom: var(--space-xs) !important; } .ml--xl-xs { margin-left: var(--space-xs) !important; } .my--xl-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx--xl-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt--xl-sm { margin-top: var(--space-sm) !important; } .mr--xl-sm { margin-right: var(--space-sm) !important; } .mb--xl-sm { margin-bottom: var(--space-sm) !important; } .ml--xl-sm { margin-left: var(--space-sm) !important; } .my--xl-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx--xl-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt--xl { margin-top: var(--space) !important; } .mr--xl { margin-right: var(--space) !important; } .mb--xl { margin-bottom: var(--space) !important; } .ml--xl { margin-left: var(--space) !important; } .my--xl { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx--xl { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt--xl-md { margin-top: var(--space-md) !important; } .mr--xl-md { margin-right: var(--space-md) !important; } .mb--xl-md { margin-bottom: var(--space-md) !important; } .ml--xl-md { margin-left: var(--space-md) !important; } .my--xl-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx--xl-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt--xl-mdlg { margin-top: var(--space-mdlg) !important; } .mr--xl-mdlg { margin-right: var(--space-mdlg) !important; } .mb--xl-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml--xl-mdlg { margin-left: var(--space-mdlg) !important; } .my--xl-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx--xl-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt--xl-lg { margin-top: var(--space-lg) !important; } .mr--xl-lg { margin-right: var(--space-lg) !important; } .mb--xl-lg { margin-bottom: var(--space-lg) !important; } .ml--xl-lg { margin-left: var(--space-lg) !important; } .my--xl-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx--xl-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt--xl-xl { margin-top: var(--space-xl) !important; } .mr--xl-xl { margin-right: var(--space-xl) !important; } .mb--xl-xl { margin-bottom: var(--space-xl) !important; } .ml--xl-xl { margin-left: var(--space-xl) !important; } .my--xl-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx--xl-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt--xl-2xl { margin-top: var(--space-2xl) !important; } .mr--xl-2xl { margin-right: var(--space-2xl) !important; } .mb--xl-2xl { margin-bottom: var(--space-2xl) !important; } .ml--xl-2xl { margin-left: var(--space-2xl) !important; } .my--xl-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx--xl-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt--xl-3xl { margin-top: var(--space-3xl) !important; } .mr--xl-3xl { margin-right: var(--space-3xl) !important; } .mb--xl-3xl { margin-bottom: var(--space-3xl) !important; } .ml--xl-3xl { margin-left: var(--space-3xl) !important; } .my--xl-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx--xl-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt--xl-4xl { margin-top: var(--space-4xl) !important; } .mr--xl-4xl { margin-right: var(--space-4xl) !important; } .mb--xl-4xl { margin-bottom: var(--space-4xl) !important; } .ml--xl-4xl { margin-left: var(--space-4xl) !important; } .my--xl-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx--xl-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } } @media screen and (min-width: 1900px) { .mt--xxl-0 { margin-top: 0 !important; } .mr--xxl-0 { margin-right: 0 !important; } .mb--xxl-0 { margin-bottom: 0 !important; } .ml--xxl-0 { margin-left: 0 !important; } .my--xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx--xxl-0 { margin-left: 0 !important; margin-right: 0 !important; } .mt--xxl-4xs { margin-top: var(--space-4xs) !important; } .mr--xxl-4xs { margin-right: var(--space-4xs) !important; } .mb--xxl-4xs { margin-bottom: var(--space-4xs) !important; } .ml--xxl-4xs { margin-left: var(--space-4xs) !important; } .my--xxl-4xs { margin-top: var(--space-4xs) !important; margin-bottom: var(--space-4xs) !important; } .mx--xxl-4xs { margin-left: var(--space-4xs) !important; margin-right: var(--space-4xs) !important; } .mt--xxl-3xs { margin-top: var(--space-3xs) !important; } .mr--xxl-3xs { margin-right: var(--space-3xs) !important; } .mb--xxl-3xs { margin-bottom: var(--space-3xs) !important; } .ml--xxl-3xs { margin-left: var(--space-3xs) !important; } .my--xxl-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; } .mx--xxl-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; } .mt--xxl-2xs { margin-top: var(--space-2xs) !important; } .mr--xxl-2xs { margin-right: var(--space-2xs) !important; } .mb--xxl-2xs { margin-bottom: var(--space-2xs) !important; } .ml--xxl-2xs { margin-left: var(--space-2xs) !important; } .my--xxl-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; } .mx--xxl-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; } .mt--xxl-xs { margin-top: var(--space-xs) !important; } .mr--xxl-xs { margin-right: var(--space-xs) !important; } .mb--xxl-xs { margin-bottom: var(--space-xs) !important; } .ml--xxl-xs { margin-left: var(--space-xs) !important; } .my--xxl-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .mx--xxl-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .mt--xxl-sm { margin-top: var(--space-sm) !important; } .mr--xxl-sm { margin-right: var(--space-sm) !important; } .mb--xxl-sm { margin-bottom: var(--space-sm) !important; } .ml--xxl-sm { margin-left: var(--space-sm) !important; } .my--xxl-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .mx--xxl-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .mt--xxl { margin-top: var(--space) !important; } .mr--xxl { margin-right: var(--space) !important; } .mb--xxl { margin-bottom: var(--space) !important; } .ml--xxl { margin-left: var(--space) !important; } .my--xxl { margin-top: var(--space) !important; margin-bottom: var(--space) !important; } .mx--xxl { margin-left: var(--space) !important; margin-right: var(--space) !important; } .mt--xxl-md { margin-top: var(--space-md) !important; } .mr--xxl-md { margin-right: var(--space-md) !important; } .mb--xxl-md { margin-bottom: var(--space-md) !important; } .ml--xxl-md { margin-left: var(--space-md) !important; } .my--xxl-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .mx--xxl-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .mt--xxl-mdlg { margin-top: var(--space-mdlg) !important; } .mr--xxl-mdlg { margin-right: var(--space-mdlg) !important; } .mb--xxl-mdlg { margin-bottom: var(--space-mdlg) !important; } .ml--xxl-mdlg { margin-left: var(--space-mdlg) !important; } .my--xxl-mdlg { margin-top: var(--space-mdlg) !important; margin-bottom: var(--space-mdlg) !important; } .mx--xxl-mdlg { margin-left: var(--space-mdlg) !important; margin-right: var(--space-mdlg) !important; } .mt--xxl-lg { margin-top: var(--space-lg) !important; } .mr--xxl-lg { margin-right: var(--space-lg) !important; } .mb--xxl-lg { margin-bottom: var(--space-lg) !important; } .ml--xxl-lg { margin-left: var(--space-lg) !important; } .my--xxl-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .mx--xxl-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .mt--xxl-xl { margin-top: var(--space-xl) !important; } .mr--xxl-xl { margin-right: var(--space-xl) !important; } .mb--xxl-xl { margin-bottom: var(--space-xl) !important; } .ml--xxl-xl { margin-left: var(--space-xl) !important; } .my--xxl-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .mx--xxl-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .mt--xxl-2xl { margin-top: var(--space-2xl) !important; } .mr--xxl-2xl { margin-right: var(--space-2xl) !important; } .mb--xxl-2xl { margin-bottom: var(--space-2xl) !important; } .ml--xxl-2xl { margin-left: var(--space-2xl) !important; } .my--xxl-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .mx--xxl-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .mt--xxl-3xl { margin-top: var(--space-3xl) !important; } .mr--xxl-3xl { margin-right: var(--space-3xl) !important; } .mb--xxl-3xl { margin-bottom: var(--space-3xl) !important; } .ml--xxl-3xl { margin-left: var(--space-3xl) !important; } .my--xxl-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; } .mx--xxl-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; } .mt--xxl-4xl { margin-top: var(--space-4xl) !important; } .mr--xxl-4xl { margin-right: var(--space-4xl) !important; } .mb--xxl-4xl { margin-bottom: var(--space-4xl) !important; } .ml--xxl-4xl { margin-left: var(--space-4xl) !important; } .my--xxl-4xl { margin-top: var(--space-4xl) !important; margin-bottom: var(--space-4xl) !important; } .mx--xxl-4xl { margin-left: var(--space-4xl) !important; margin-right: var(--space-4xl) !important; } } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt-4xs { padding-top: var(--space-4xs) !important; } .pr-4xs { padding-right: var(--space-4xs) !important; } .pb-4xs { padding-bottom: var(--space-4xs) !important; } .pl-4xs { padding-left: var(--space-4xs) !important; } .py-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt-3xs { padding-top: var(--space-3xs) !important; } .pr-3xs { padding-right: var(--space-3xs) !important; } .pb-3xs { padding-bottom: var(--space-3xs) !important; } .pl-3xs { padding-left: var(--space-3xs) !important; } .py-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt-2xs { padding-top: var(--space-2xs) !important; } .pr-2xs { padding-right: var(--space-2xs) !important; } .pb-2xs { padding-bottom: var(--space-2xs) !important; } .pl-2xs { padding-left: var(--space-2xs) !important; } .py-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt-xs { padding-top: var(--space-xs) !important; } .pr-xs { padding-right: var(--space-xs) !important; } .pb-xs { padding-bottom: var(--space-xs) !important; } .pl-xs { padding-left: var(--space-xs) !important; } .py-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt-sm { padding-top: var(--space-sm) !important; } .pr-sm { padding-right: var(--space-sm) !important; } .pb-sm { padding-bottom: var(--space-sm) !important; } .pl-sm { padding-left: var(--space-sm) !important; } .py-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt { padding-top: var(--space) !important; } .pr { padding-right: var(--space) !important; } .pb { padding-bottom: var(--space) !important; } .pl { padding-left: var(--space) !important; } .py { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt-md { padding-top: var(--space-md) !important; } .pr-md { padding-right: var(--space-md) !important; } .pb-md { padding-bottom: var(--space-md) !important; } .pl-md { padding-left: var(--space-md) !important; } .py-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt-mdlg { padding-top: var(--space-mdlg) !important; } .pr-mdlg { padding-right: var(--space-mdlg) !important; } .pb-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl-mdlg { padding-left: var(--space-mdlg) !important; } .py-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt-lg { padding-top: var(--space-lg) !important; } .pr-lg { padding-right: var(--space-lg) !important; } .pb-lg { padding-bottom: var(--space-lg) !important; } .pl-lg { padding-left: var(--space-lg) !important; } .py-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt-xl { padding-top: var(--space-xl) !important; } .pr-xl { padding-right: var(--space-xl) !important; } .pb-xl { padding-bottom: var(--space-xl) !important; } .pl-xl { padding-left: var(--space-xl) !important; } .py-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt-2xl { padding-top: var(--space-2xl) !important; } .pr-2xl { padding-right: var(--space-2xl) !important; } .pb-2xl { padding-bottom: var(--space-2xl) !important; } .pl-2xl { padding-left: var(--space-2xl) !important; } .py-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt-3xl { padding-top: var(--space-3xl) !important; } .pr-3xl { padding-right: var(--space-3xl) !important; } .pb-3xl { padding-bottom: var(--space-3xl) !important; } .pl-3xl { padding-left: var(--space-3xl) !important; } .py-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt-4xl { padding-top: var(--space-4xl) !important; } .pr-4xl { padding-right: var(--space-4xl) !important; } .pb-4xl { padding-bottom: var(--space-4xl) !important; } .pl-4xl { padding-left: var(--space-4xl) !important; } .py-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } @media screen and (min-width: 375px) { .pt--sm-0 { padding-top: 0 !important; } .pr--sm-0 { padding-right: 0 !important; } .pb--sm-0 { padding-bottom: 0 !important; } .pl--sm-0 { padding-left: 0 !important; } .py--sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px--sm-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt--sm-4xs { padding-top: var(--space-4xs) !important; } .pr--sm-4xs { padding-right: var(--space-4xs) !important; } .pb--sm-4xs { padding-bottom: var(--space-4xs) !important; } .pl--sm-4xs { padding-left: var(--space-4xs) !important; } .py--sm-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px--sm-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt--sm-3xs { padding-top: var(--space-3xs) !important; } .pr--sm-3xs { padding-right: var(--space-3xs) !important; } .pb--sm-3xs { padding-bottom: var(--space-3xs) !important; } .pl--sm-3xs { padding-left: var(--space-3xs) !important; } .py--sm-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px--sm-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt--sm-2xs { padding-top: var(--space-2xs) !important; } .pr--sm-2xs { padding-right: var(--space-2xs) !important; } .pb--sm-2xs { padding-bottom: var(--space-2xs) !important; } .pl--sm-2xs { padding-left: var(--space-2xs) !important; } .py--sm-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px--sm-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt--sm-xs { padding-top: var(--space-xs) !important; } .pr--sm-xs { padding-right: var(--space-xs) !important; } .pb--sm-xs { padding-bottom: var(--space-xs) !important; } .pl--sm-xs { padding-left: var(--space-xs) !important; } .py--sm-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px--sm-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt--sm-sm { padding-top: var(--space-sm) !important; } .pr--sm-sm { padding-right: var(--space-sm) !important; } .pb--sm-sm { padding-bottom: var(--space-sm) !important; } .pl--sm-sm { padding-left: var(--space-sm) !important; } .py--sm-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px--sm-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt--sm { padding-top: var(--space) !important; } .pr--sm { padding-right: var(--space) !important; } .pb--sm { padding-bottom: var(--space) !important; } .pl--sm { padding-left: var(--space) !important; } .py--sm { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px--sm { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt--sm-md { padding-top: var(--space-md) !important; } .pr--sm-md { padding-right: var(--space-md) !important; } .pb--sm-md { padding-bottom: var(--space-md) !important; } .pl--sm-md { padding-left: var(--space-md) !important; } .py--sm-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px--sm-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt--sm-mdlg { padding-top: var(--space-mdlg) !important; } .pr--sm-mdlg { padding-right: var(--space-mdlg) !important; } .pb--sm-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl--sm-mdlg { padding-left: var(--space-mdlg) !important; } .py--sm-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px--sm-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt--sm-lg { padding-top: var(--space-lg) !important; } .pr--sm-lg { padding-right: var(--space-lg) !important; } .pb--sm-lg { padding-bottom: var(--space-lg) !important; } .pl--sm-lg { padding-left: var(--space-lg) !important; } .py--sm-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px--sm-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt--sm-xl { padding-top: var(--space-xl) !important; } .pr--sm-xl { padding-right: var(--space-xl) !important; } .pb--sm-xl { padding-bottom: var(--space-xl) !important; } .pl--sm-xl { padding-left: var(--space-xl) !important; } .py--sm-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px--sm-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt--sm-2xl { padding-top: var(--space-2xl) !important; } .pr--sm-2xl { padding-right: var(--space-2xl) !important; } .pb--sm-2xl { padding-bottom: var(--space-2xl) !important; } .pl--sm-2xl { padding-left: var(--space-2xl) !important; } .py--sm-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px--sm-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt--sm-3xl { padding-top: var(--space-3xl) !important; } .pr--sm-3xl { padding-right: var(--space-3xl) !important; } .pb--sm-3xl { padding-bottom: var(--space-3xl) !important; } .pl--sm-3xl { padding-left: var(--space-3xl) !important; } .py--sm-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px--sm-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt--sm-4xl { padding-top: var(--space-4xl) !important; } .pr--sm-4xl { padding-right: var(--space-4xl) !important; } .pb--sm-4xl { padding-bottom: var(--space-4xl) !important; } .pl--sm-4xl { padding-left: var(--space-4xl) !important; } .py--sm-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px--sm-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } } @media screen and (min-width: 450px) { .pt--smmd-0 { padding-top: 0 !important; } .pr--smmd-0 { padding-right: 0 !important; } .pb--smmd-0 { padding-bottom: 0 !important; } .pl--smmd-0 { padding-left: 0 !important; } .py--smmd-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px--smmd-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt--smmd-4xs { padding-top: var(--space-4xs) !important; } .pr--smmd-4xs { padding-right: var(--space-4xs) !important; } .pb--smmd-4xs { padding-bottom: var(--space-4xs) !important; } .pl--smmd-4xs { padding-left: var(--space-4xs) !important; } .py--smmd-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px--smmd-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt--smmd-3xs { padding-top: var(--space-3xs) !important; } .pr--smmd-3xs { padding-right: var(--space-3xs) !important; } .pb--smmd-3xs { padding-bottom: var(--space-3xs) !important; } .pl--smmd-3xs { padding-left: var(--space-3xs) !important; } .py--smmd-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px--smmd-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt--smmd-2xs { padding-top: var(--space-2xs) !important; } .pr--smmd-2xs { padding-right: var(--space-2xs) !important; } .pb--smmd-2xs { padding-bottom: var(--space-2xs) !important; } .pl--smmd-2xs { padding-left: var(--space-2xs) !important; } .py--smmd-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px--smmd-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt--smmd-xs { padding-top: var(--space-xs) !important; } .pr--smmd-xs { padding-right: var(--space-xs) !important; } .pb--smmd-xs { padding-bottom: var(--space-xs) !important; } .pl--smmd-xs { padding-left: var(--space-xs) !important; } .py--smmd-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px--smmd-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt--smmd-sm { padding-top: var(--space-sm) !important; } .pr--smmd-sm { padding-right: var(--space-sm) !important; } .pb--smmd-sm { padding-bottom: var(--space-sm) !important; } .pl--smmd-sm { padding-left: var(--space-sm) !important; } .py--smmd-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px--smmd-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt--smmd { padding-top: var(--space) !important; } .pr--smmd { padding-right: var(--space) !important; } .pb--smmd { padding-bottom: var(--space) !important; } .pl--smmd { padding-left: var(--space) !important; } .py--smmd { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px--smmd { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt--smmd-md { padding-top: var(--space-md) !important; } .pr--smmd-md { padding-right: var(--space-md) !important; } .pb--smmd-md { padding-bottom: var(--space-md) !important; } .pl--smmd-md { padding-left: var(--space-md) !important; } .py--smmd-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px--smmd-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt--smmd-mdlg { padding-top: var(--space-mdlg) !important; } .pr--smmd-mdlg { padding-right: var(--space-mdlg) !important; } .pb--smmd-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl--smmd-mdlg { padding-left: var(--space-mdlg) !important; } .py--smmd-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px--smmd-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt--smmd-lg { padding-top: var(--space-lg) !important; } .pr--smmd-lg { padding-right: var(--space-lg) !important; } .pb--smmd-lg { padding-bottom: var(--space-lg) !important; } .pl--smmd-lg { padding-left: var(--space-lg) !important; } .py--smmd-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px--smmd-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt--smmd-xl { padding-top: var(--space-xl) !important; } .pr--smmd-xl { padding-right: var(--space-xl) !important; } .pb--smmd-xl { padding-bottom: var(--space-xl) !important; } .pl--smmd-xl { padding-left: var(--space-xl) !important; } .py--smmd-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px--smmd-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt--smmd-2xl { padding-top: var(--space-2xl) !important; } .pr--smmd-2xl { padding-right: var(--space-2xl) !important; } .pb--smmd-2xl { padding-bottom: var(--space-2xl) !important; } .pl--smmd-2xl { padding-left: var(--space-2xl) !important; } .py--smmd-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px--smmd-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt--smmd-3xl { padding-top: var(--space-3xl) !important; } .pr--smmd-3xl { padding-right: var(--space-3xl) !important; } .pb--smmd-3xl { padding-bottom: var(--space-3xl) !important; } .pl--smmd-3xl { padding-left: var(--space-3xl) !important; } .py--smmd-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px--smmd-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt--smmd-4xl { padding-top: var(--space-4xl) !important; } .pr--smmd-4xl { padding-right: var(--space-4xl) !important; } .pb--smmd-4xl { padding-bottom: var(--space-4xl) !important; } .pl--smmd-4xl { padding-left: var(--space-4xl) !important; } .py--smmd-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px--smmd-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } } @media screen and (min-width: 750px) { .pt--md-0 { padding-top: 0 !important; } .pr--md-0 { padding-right: 0 !important; } .pb--md-0 { padding-bottom: 0 !important; } .pl--md-0 { padding-left: 0 !important; } .py--md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px--md-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt--md-4xs { padding-top: var(--space-4xs) !important; } .pr--md-4xs { padding-right: var(--space-4xs) !important; } .pb--md-4xs { padding-bottom: var(--space-4xs) !important; } .pl--md-4xs { padding-left: var(--space-4xs) !important; } .py--md-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px--md-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt--md-3xs { padding-top: var(--space-3xs) !important; } .pr--md-3xs { padding-right: var(--space-3xs) !important; } .pb--md-3xs { padding-bottom: var(--space-3xs) !important; } .pl--md-3xs { padding-left: var(--space-3xs) !important; } .py--md-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px--md-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt--md-2xs { padding-top: var(--space-2xs) !important; } .pr--md-2xs { padding-right: var(--space-2xs) !important; } .pb--md-2xs { padding-bottom: var(--space-2xs) !important; } .pl--md-2xs { padding-left: var(--space-2xs) !important; } .py--md-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px--md-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt--md-xs { padding-top: var(--space-xs) !important; } .pr--md-xs { padding-right: var(--space-xs) !important; } .pb--md-xs { padding-bottom: var(--space-xs) !important; } .pl--md-xs { padding-left: var(--space-xs) !important; } .py--md-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px--md-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt--md-sm { padding-top: var(--space-sm) !important; } .pr--md-sm { padding-right: var(--space-sm) !important; } .pb--md-sm { padding-bottom: var(--space-sm) !important; } .pl--md-sm { padding-left: var(--space-sm) !important; } .py--md-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px--md-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt--md { padding-top: var(--space) !important; } .pr--md { padding-right: var(--space) !important; } .pb--md { padding-bottom: var(--space) !important; } .pl--md { padding-left: var(--space) !important; } .py--md { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px--md { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt--md-md { padding-top: var(--space-md) !important; } .pr--md-md { padding-right: var(--space-md) !important; } .pb--md-md { padding-bottom: var(--space-md) !important; } .pl--md-md { padding-left: var(--space-md) !important; } .py--md-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px--md-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt--md-mdlg { padding-top: var(--space-mdlg) !important; } .pr--md-mdlg { padding-right: var(--space-mdlg) !important; } .pb--md-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl--md-mdlg { padding-left: var(--space-mdlg) !important; } .py--md-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px--md-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt--md-lg { padding-top: var(--space-lg) !important; } .pr--md-lg { padding-right: var(--space-lg) !important; } .pb--md-lg { padding-bottom: var(--space-lg) !important; } .pl--md-lg { padding-left: var(--space-lg) !important; } .py--md-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px--md-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt--md-xl { padding-top: var(--space-xl) !important; } .pr--md-xl { padding-right: var(--space-xl) !important; } .pb--md-xl { padding-bottom: var(--space-xl) !important; } .pl--md-xl { padding-left: var(--space-xl) !important; } .py--md-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px--md-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt--md-2xl { padding-top: var(--space-2xl) !important; } .pr--md-2xl { padding-right: var(--space-2xl) !important; } .pb--md-2xl { padding-bottom: var(--space-2xl) !important; } .pl--md-2xl { padding-left: var(--space-2xl) !important; } .py--md-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px--md-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt--md-3xl { padding-top: var(--space-3xl) !important; } .pr--md-3xl { padding-right: var(--space-3xl) !important; } .pb--md-3xl { padding-bottom: var(--space-3xl) !important; } .pl--md-3xl { padding-left: var(--space-3xl) !important; } .py--md-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px--md-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt--md-4xl { padding-top: var(--space-4xl) !important; } .pr--md-4xl { padding-right: var(--space-4xl) !important; } .pb--md-4xl { padding-bottom: var(--space-4xl) !important; } .pl--md-4xl { padding-left: var(--space-4xl) !important; } .py--md-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px--md-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } } @media screen and (min-width: 1060px) { .pt--mdlg-0 { padding-top: 0 !important; } .pr--mdlg-0 { padding-right: 0 !important; } .pb--mdlg-0 { padding-bottom: 0 !important; } .pl--mdlg-0 { padding-left: 0 !important; } .py--mdlg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px--mdlg-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt--mdlg-4xs { padding-top: var(--space-4xs) !important; } .pr--mdlg-4xs { padding-right: var(--space-4xs) !important; } .pb--mdlg-4xs { padding-bottom: var(--space-4xs) !important; } .pl--mdlg-4xs { padding-left: var(--space-4xs) !important; } .py--mdlg-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px--mdlg-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt--mdlg-3xs { padding-top: var(--space-3xs) !important; } .pr--mdlg-3xs { padding-right: var(--space-3xs) !important; } .pb--mdlg-3xs { padding-bottom: var(--space-3xs) !important; } .pl--mdlg-3xs { padding-left: var(--space-3xs) !important; } .py--mdlg-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px--mdlg-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt--mdlg-2xs { padding-top: var(--space-2xs) !important; } .pr--mdlg-2xs { padding-right: var(--space-2xs) !important; } .pb--mdlg-2xs { padding-bottom: var(--space-2xs) !important; } .pl--mdlg-2xs { padding-left: var(--space-2xs) !important; } .py--mdlg-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px--mdlg-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt--mdlg-xs { padding-top: var(--space-xs) !important; } .pr--mdlg-xs { padding-right: var(--space-xs) !important; } .pb--mdlg-xs { padding-bottom: var(--space-xs) !important; } .pl--mdlg-xs { padding-left: var(--space-xs) !important; } .py--mdlg-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px--mdlg-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt--mdlg-sm { padding-top: var(--space-sm) !important; } .pr--mdlg-sm { padding-right: var(--space-sm) !important; } .pb--mdlg-sm { padding-bottom: var(--space-sm) !important; } .pl--mdlg-sm { padding-left: var(--space-sm) !important; } .py--mdlg-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px--mdlg-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt--mdlg { padding-top: var(--space) !important; } .pr--mdlg { padding-right: var(--space) !important; } .pb--mdlg { padding-bottom: var(--space) !important; } .pl--mdlg { padding-left: var(--space) !important; } .py--mdlg { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px--mdlg { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt--mdlg-md { padding-top: var(--space-md) !important; } .pr--mdlg-md { padding-right: var(--space-md) !important; } .pb--mdlg-md { padding-bottom: var(--space-md) !important; } .pl--mdlg-md { padding-left: var(--space-md) !important; } .py--mdlg-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px--mdlg-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt--mdlg-mdlg { padding-top: var(--space-mdlg) !important; } .pr--mdlg-mdlg { padding-right: var(--space-mdlg) !important; } .pb--mdlg-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl--mdlg-mdlg { padding-left: var(--space-mdlg) !important; } .py--mdlg-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px--mdlg-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt--mdlg-lg { padding-top: var(--space-lg) !important; } .pr--mdlg-lg { padding-right: var(--space-lg) !important; } .pb--mdlg-lg { padding-bottom: var(--space-lg) !important; } .pl--mdlg-lg { padding-left: var(--space-lg) !important; } .py--mdlg-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px--mdlg-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt--mdlg-xl { padding-top: var(--space-xl) !important; } .pr--mdlg-xl { padding-right: var(--space-xl) !important; } .pb--mdlg-xl { padding-bottom: var(--space-xl) !important; } .pl--mdlg-xl { padding-left: var(--space-xl) !important; } .py--mdlg-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px--mdlg-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt--mdlg-2xl { padding-top: var(--space-2xl) !important; } .pr--mdlg-2xl { padding-right: var(--space-2xl) !important; } .pb--mdlg-2xl { padding-bottom: var(--space-2xl) !important; } .pl--mdlg-2xl { padding-left: var(--space-2xl) !important; } .py--mdlg-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px--mdlg-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt--mdlg-3xl { padding-top: var(--space-3xl) !important; } .pr--mdlg-3xl { padding-right: var(--space-3xl) !important; } .pb--mdlg-3xl { padding-bottom: var(--space-3xl) !important; } .pl--mdlg-3xl { padding-left: var(--space-3xl) !important; } .py--mdlg-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px--mdlg-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt--mdlg-4xl { padding-top: var(--space-4xl) !important; } .pr--mdlg-4xl { padding-right: var(--space-4xl) !important; } .pb--mdlg-4xl { padding-bottom: var(--space-4xl) !important; } .pl--mdlg-4xl { padding-left: var(--space-4xl) !important; } .py--mdlg-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px--mdlg-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } } @media screen and (min-width: 1200px) { .pt--lg-0 { padding-top: 0 !important; } .pr--lg-0 { padding-right: 0 !important; } .pb--lg-0 { padding-bottom: 0 !important; } .pl--lg-0 { padding-left: 0 !important; } .py--lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px--lg-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt--lg-4xs { padding-top: var(--space-4xs) !important; } .pr--lg-4xs { padding-right: var(--space-4xs) !important; } .pb--lg-4xs { padding-bottom: var(--space-4xs) !important; } .pl--lg-4xs { padding-left: var(--space-4xs) !important; } .py--lg-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px--lg-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt--lg-3xs { padding-top: var(--space-3xs) !important; } .pr--lg-3xs { padding-right: var(--space-3xs) !important; } .pb--lg-3xs { padding-bottom: var(--space-3xs) !important; } .pl--lg-3xs { padding-left: var(--space-3xs) !important; } .py--lg-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px--lg-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt--lg-2xs { padding-top: var(--space-2xs) !important; } .pr--lg-2xs { padding-right: var(--space-2xs) !important; } .pb--lg-2xs { padding-bottom: var(--space-2xs) !important; } .pl--lg-2xs { padding-left: var(--space-2xs) !important; } .py--lg-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px--lg-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt--lg-xs { padding-top: var(--space-xs) !important; } .pr--lg-xs { padding-right: var(--space-xs) !important; } .pb--lg-xs { padding-bottom: var(--space-xs) !important; } .pl--lg-xs { padding-left: var(--space-xs) !important; } .py--lg-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px--lg-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt--lg-sm { padding-top: var(--space-sm) !important; } .pr--lg-sm { padding-right: var(--space-sm) !important; } .pb--lg-sm { padding-bottom: var(--space-sm) !important; } .pl--lg-sm { padding-left: var(--space-sm) !important; } .py--lg-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px--lg-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt--lg { padding-top: var(--space) !important; } .pr--lg { padding-right: var(--space) !important; } .pb--lg { padding-bottom: var(--space) !important; } .pl--lg { padding-left: var(--space) !important; } .py--lg { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px--lg { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt--lg-md { padding-top: var(--space-md) !important; } .pr--lg-md { padding-right: var(--space-md) !important; } .pb--lg-md { padding-bottom: var(--space-md) !important; } .pl--lg-md { padding-left: var(--space-md) !important; } .py--lg-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px--lg-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt--lg-mdlg { padding-top: var(--space-mdlg) !important; } .pr--lg-mdlg { padding-right: var(--space-mdlg) !important; } .pb--lg-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl--lg-mdlg { padding-left: var(--space-mdlg) !important; } .py--lg-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px--lg-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt--lg-lg { padding-top: var(--space-lg) !important; } .pr--lg-lg { padding-right: var(--space-lg) !important; } .pb--lg-lg { padding-bottom: var(--space-lg) !important; } .pl--lg-lg { padding-left: var(--space-lg) !important; } .py--lg-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px--lg-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt--lg-xl { padding-top: var(--space-xl) !important; } .pr--lg-xl { padding-right: var(--space-xl) !important; } .pb--lg-xl { padding-bottom: var(--space-xl) !important; } .pl--lg-xl { padding-left: var(--space-xl) !important; } .py--lg-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px--lg-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt--lg-2xl { padding-top: var(--space-2xl) !important; } .pr--lg-2xl { padding-right: var(--space-2xl) !important; } .pb--lg-2xl { padding-bottom: var(--space-2xl) !important; } .pl--lg-2xl { padding-left: var(--space-2xl) !important; } .py--lg-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px--lg-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt--lg-3xl { padding-top: var(--space-3xl) !important; } .pr--lg-3xl { padding-right: var(--space-3xl) !important; } .pb--lg-3xl { padding-bottom: var(--space-3xl) !important; } .pl--lg-3xl { padding-left: var(--space-3xl) !important; } .py--lg-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px--lg-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt--lg-4xl { padding-top: var(--space-4xl) !important; } .pr--lg-4xl { padding-right: var(--space-4xl) !important; } .pb--lg-4xl { padding-bottom: var(--space-4xl) !important; } .pl--lg-4xl { padding-left: var(--space-4xl) !important; } .py--lg-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px--lg-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } } @media screen and (min-width: 1500px) { .pt--xl-0 { padding-top: 0 !important; } .pr--xl-0 { padding-right: 0 !important; } .pb--xl-0 { padding-bottom: 0 !important; } .pl--xl-0 { padding-left: 0 !important; } .py--xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px--xl-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt--xl-4xs { padding-top: var(--space-4xs) !important; } .pr--xl-4xs { padding-right: var(--space-4xs) !important; } .pb--xl-4xs { padding-bottom: var(--space-4xs) !important; } .pl--xl-4xs { padding-left: var(--space-4xs) !important; } .py--xl-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px--xl-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt--xl-3xs { padding-top: var(--space-3xs) !important; } .pr--xl-3xs { padding-right: var(--space-3xs) !important; } .pb--xl-3xs { padding-bottom: var(--space-3xs) !important; } .pl--xl-3xs { padding-left: var(--space-3xs) !important; } .py--xl-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px--xl-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt--xl-2xs { padding-top: var(--space-2xs) !important; } .pr--xl-2xs { padding-right: var(--space-2xs) !important; } .pb--xl-2xs { padding-bottom: var(--space-2xs) !important; } .pl--xl-2xs { padding-left: var(--space-2xs) !important; } .py--xl-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px--xl-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt--xl-xs { padding-top: var(--space-xs) !important; } .pr--xl-xs { padding-right: var(--space-xs) !important; } .pb--xl-xs { padding-bottom: var(--space-xs) !important; } .pl--xl-xs { padding-left: var(--space-xs) !important; } .py--xl-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px--xl-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt--xl-sm { padding-top: var(--space-sm) !important; } .pr--xl-sm { padding-right: var(--space-sm) !important; } .pb--xl-sm { padding-bottom: var(--space-sm) !important; } .pl--xl-sm { padding-left: var(--space-sm) !important; } .py--xl-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px--xl-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt--xl { padding-top: var(--space) !important; } .pr--xl { padding-right: var(--space) !important; } .pb--xl { padding-bottom: var(--space) !important; } .pl--xl { padding-left: var(--space) !important; } .py--xl { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px--xl { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt--xl-md { padding-top: var(--space-md) !important; } .pr--xl-md { padding-right: var(--space-md) !important; } .pb--xl-md { padding-bottom: var(--space-md) !important; } .pl--xl-md { padding-left: var(--space-md) !important; } .py--xl-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px--xl-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt--xl-mdlg { padding-top: var(--space-mdlg) !important; } .pr--xl-mdlg { padding-right: var(--space-mdlg) !important; } .pb--xl-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl--xl-mdlg { padding-left: var(--space-mdlg) !important; } .py--xl-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px--xl-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt--xl-lg { padding-top: var(--space-lg) !important; } .pr--xl-lg { padding-right: var(--space-lg) !important; } .pb--xl-lg { padding-bottom: var(--space-lg) !important; } .pl--xl-lg { padding-left: var(--space-lg) !important; } .py--xl-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px--xl-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt--xl-xl { padding-top: var(--space-xl) !important; } .pr--xl-xl { padding-right: var(--space-xl) !important; } .pb--xl-xl { padding-bottom: var(--space-xl) !important; } .pl--xl-xl { padding-left: var(--space-xl) !important; } .py--xl-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px--xl-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt--xl-2xl { padding-top: var(--space-2xl) !important; } .pr--xl-2xl { padding-right: var(--space-2xl) !important; } .pb--xl-2xl { padding-bottom: var(--space-2xl) !important; } .pl--xl-2xl { padding-left: var(--space-2xl) !important; } .py--xl-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px--xl-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt--xl-3xl { padding-top: var(--space-3xl) !important; } .pr--xl-3xl { padding-right: var(--space-3xl) !important; } .pb--xl-3xl { padding-bottom: var(--space-3xl) !important; } .pl--xl-3xl { padding-left: var(--space-3xl) !important; } .py--xl-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px--xl-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt--xl-4xl { padding-top: var(--space-4xl) !important; } .pr--xl-4xl { padding-right: var(--space-4xl) !important; } .pb--xl-4xl { padding-bottom: var(--space-4xl) !important; } .pl--xl-4xl { padding-left: var(--space-4xl) !important; } .py--xl-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px--xl-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } } @media screen and (min-width: 1900px) { .pt--xxl-0 { padding-top: 0 !important; } .pr--xxl-0 { padding-right: 0 !important; } .pb--xxl-0 { padding-bottom: 0 !important; } .pl--xxl-0 { padding-left: 0 !important; } .py--xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px--xxl-0 { padding-left: 0 !important; padding-right: 0 !important; } .pt--xxl-4xs { padding-top: var(--space-4xs) !important; } .pr--xxl-4xs { padding-right: var(--space-4xs) !important; } .pb--xxl-4xs { padding-bottom: var(--space-4xs) !important; } .pl--xxl-4xs { padding-left: var(--space-4xs) !important; } .py--xxl-4xs { padding-top: var(--space-4xs) !important; padding-bottom: var(--space-4xs) !important; } .px--xxl-4xs { padding-left: var(--space-4xs) !important; padding-right: var(--space-4xs) !important; } .pt--xxl-3xs { padding-top: var(--space-3xs) !important; } .pr--xxl-3xs { padding-right: var(--space-3xs) !important; } .pb--xxl-3xs { padding-bottom: var(--space-3xs) !important; } .pl--xxl-3xs { padding-left: var(--space-3xs) !important; } .py--xxl-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; } .px--xxl-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; } .pt--xxl-2xs { padding-top: var(--space-2xs) !important; } .pr--xxl-2xs { padding-right: var(--space-2xs) !important; } .pb--xxl-2xs { padding-bottom: var(--space-2xs) !important; } .pl--xxl-2xs { padding-left: var(--space-2xs) !important; } .py--xxl-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; } .px--xxl-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; } .pt--xxl-xs { padding-top: var(--space-xs) !important; } .pr--xxl-xs { padding-right: var(--space-xs) !important; } .pb--xxl-xs { padding-bottom: var(--space-xs) !important; } .pl--xxl-xs { padding-left: var(--space-xs) !important; } .py--xxl-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .px--xxl-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .pt--xxl-sm { padding-top: var(--space-sm) !important; } .pr--xxl-sm { padding-right: var(--space-sm) !important; } .pb--xxl-sm { padding-bottom: var(--space-sm) !important; } .pl--xxl-sm { padding-left: var(--space-sm) !important; } .py--xxl-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .px--xxl-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .pt--xxl { padding-top: var(--space) !important; } .pr--xxl { padding-right: var(--space) !important; } .pb--xxl { padding-bottom: var(--space) !important; } .pl--xxl { padding-left: var(--space) !important; } .py--xxl { padding-top: var(--space) !important; padding-bottom: var(--space) !important; } .px--xxl { padding-left: var(--space) !important; padding-right: var(--space) !important; } .pt--xxl-md { padding-top: var(--space-md) !important; } .pr--xxl-md { padding-right: var(--space-md) !important; } .pb--xxl-md { padding-bottom: var(--space-md) !important; } .pl--xxl-md { padding-left: var(--space-md) !important; } .py--xxl-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .px--xxl-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .pt--xxl-mdlg { padding-top: var(--space-mdlg) !important; } .pr--xxl-mdlg { padding-right: var(--space-mdlg) !important; } .pb--xxl-mdlg { padding-bottom: var(--space-mdlg) !important; } .pl--xxl-mdlg { padding-left: var(--space-mdlg) !important; } .py--xxl-mdlg { padding-top: var(--space-mdlg) !important; padding-bottom: var(--space-mdlg) !important; } .px--xxl-mdlg { padding-left: var(--space-mdlg) !important; padding-right: var(--space-mdlg) !important; } .pt--xxl-lg { padding-top: var(--space-lg) !important; } .pr--xxl-lg { padding-right: var(--space-lg) !important; } .pb--xxl-lg { padding-bottom: var(--space-lg) !important; } .pl--xxl-lg { padding-left: var(--space-lg) !important; } .py--xxl-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .px--xxl-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .pt--xxl-xl { padding-top: var(--space-xl) !important; } .pr--xxl-xl { padding-right: var(--space-xl) !important; } .pb--xxl-xl { padding-bottom: var(--space-xl) !important; } .pl--xxl-xl { padding-left: var(--space-xl) !important; } .py--xxl-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .px--xxl-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pt--xxl-2xl { padding-top: var(--space-2xl) !important; } .pr--xxl-2xl { padding-right: var(--space-2xl) !important; } .pb--xxl-2xl { padding-bottom: var(--space-2xl) !important; } .pl--xxl-2xl { padding-left: var(--space-2xl) !important; } .py--xxl-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .px--xxl-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .pt--xxl-3xl { padding-top: var(--space-3xl) !important; } .pr--xxl-3xl { padding-right: var(--space-3xl) !important; } .pb--xxl-3xl { padding-bottom: var(--space-3xl) !important; } .pl--xxl-3xl { padding-left: var(--space-3xl) !important; } .py--xxl-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; } .px--xxl-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; } .pt--xxl-4xl { padding-top: var(--space-4xl) !important; } .pr--xxl-4xl { padding-right: var(--space-4xl) !important; } .pb--xxl-4xl { padding-bottom: var(--space-4xl) !important; } .pl--xxl-4xl { padding-left: var(--space-4xl) !important; } .py--xxl-4xl { padding-top: var(--space-4xl) !important; padding-bottom: var(--space-4xl) !important; } .px--xxl-4xl { padding-left: var(--space-4xl) !important; padding-right: var(--space-4xl) !important; } } .text-grey { color: var(--color-grey) !important; } .text-grey h2, .text-grey h3 { color: var(--color-grey) !important; } .bg-grey { background-color: var(--color-grey) !important; } .fill-grey { fill: var(--color-grey) !important; } .text-mid-grey { color: var(--color-mid-grey) !important; } .text-mid-grey h2, .text-mid-grey h3 { color: var(--color-mid-grey) !important; } .bg-mid-grey { background-color: var(--color-mid-grey) !important; } .fill-mid-grey { fill: var(--color-mid-grey) !important; } .text-light-grey { color: var(--color-light-grey) !important; } .text-light-grey h2, .text-light-grey h3 { color: var(--color-light-grey) !important; } .bg-light-grey { background-color: var(--color-light-grey) !important; } .fill-light-grey { fill: var(--color-light-grey) !important; } .text-light { color: var(--color-light) !important; } .text-light h2, .text-light h3 { color: var(--color-light) !important; } .bg-light { background-color: var(--color-light) !important; } .fill-light { fill: var(--color-light) !important; } .text-yellow { color: var(--color-yellow) !important; } .text-yellow h2, .text-yellow h3 { color: var(--color-yellow) !important; } .bg-yellow { background-color: var(--color-yellow) !important; } .fill-yellow { fill: var(--color-yellow) !important; } .text-green { color: var(--color-green) !important; } .text-green h2, .text-green h3 { color: var(--color-green) !important; } .bg-green { background-color: var(--color-green) !important; } .fill-green { fill: var(--color-green) !important; } .text-sea-pink { color: var(--color-sea-pink) !important; } .text-sea-pink h2, .text-sea-pink h3 { color: var(--color-sea-pink) !important; } .bg-sea-pink { background-color: var(--color-sea-pink) !important; } .fill-sea-pink { fill: var(--color-sea-pink) !important; } .text-peach { color: var(--color-peach) !important; } .text-peach h2, .text-peach h3 { color: var(--color-peach) !important; } .bg-peach { background-color: var(--color-peach) !important; } .fill-peach { fill: var(--color-peach) !important; } .text-sprout { color: var(--color-sprout) !important; } .text-sprout h2, .text-sprout h3 { color: var(--color-sprout) !important; } .bg-sprout { background-color: var(--color-sprout) !important; } .fill-sprout { fill: var(--color-sprout) !important; } .text-opal { color: var(--color-opal) !important; } .text-opal h2, .text-opal h3 { color: var(--color-opal) !important; } .bg-opal { background-color: var(--color-opal) !important; } .fill-opal { fill: var(--color-opal) !important; } .text-cornflower { color: var(--color-cornflower) !important; } .text-cornflower h2, .text-cornflower h3 { color: var(--color-cornflower) !important; } .bg-cornflower { background-color: var(--color-cornflower) !important; } .fill-cornflower { fill: var(--color-cornflower) !important; } .text-wisteria { color: var(--color-wisteria) !important; } .text-wisteria h2, .text-wisteria h3 { color: var(--color-wisteria) !important; } .bg-wisteria { background-color: var(--color-wisteria) !important; } .fill-wisteria { fill: var(--color-wisteria) !important; } /****************************************************************** // Fonts ******************************************************************/ .grid { display: grid; -moz-column-gap: 0; column-gap: 0; } .grid .grid-item { overflow-wrap: break-word; } @media (min-width: 750px) { .grid--reverse-md .grid-item:first-of-type { order: 2; } .grid--reverse-md .grid-item:last-of-type { order: 1; } } @media (min-width: 1060px) { .grid--reverse-mdlg .grid-item:first-of-type { order: 2; } .grid--reverse-mdlg .grid-item:last-of-type { order: 1; } } .grid--gap { -moz-column-gap: calc(var(--block-spacing) / 2); column-gap: calc(var(--block-spacing) / 2); row-gap: calc(var(--block-spacing) / 2); } .grid--col-gap { -moz-column-gap: calc(var(--block-spacing) / 2); column-gap: calc(var(--block-spacing) / 2); } .grid--row-gap { row-gap: calc(var(--block-spacing) / 2); } .grid--row-gap-lg { row-gap: var(--block-spacing); } .grid--gap-sm { -moz-column-gap: calc(var(--block-spacing) / 6); column-gap: calc(var(--block-spacing) / 6); row-gap: calc(var(--block-spacing) / 6); } .grid--row-gap-sm { -moz-column-gap: calc(var(--block-spacing) / 6); column-gap: calc(var(--block-spacing) / 6); } .grid--col-gap-sm { -moz-column-gap: calc(var(--block-spacing) / 6); column-gap: calc(var(--block-spacing) / 6); } .grid--gap-lg { -moz-column-gap: var(--block-spacing); column-gap: var(--block-spacing); row-gap: var(--block-spacing); } .grid--1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--1 { grid-column: span 1; } .grid .grid-item--1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid--2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--2 { grid-column: span 2; } .grid .grid-item--2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid--3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--3 { grid-column: span 3; } .grid .grid-item--3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid--4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--4 { grid-column: span 4; } .grid .grid-item--4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid--5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--5 { grid-column: span 5; } .grid .grid-item--5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid--6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--6 { grid-column: span 6; } .grid .grid-item--6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid--7 { grid-template-columns: repeat(7, 1fr); } .grid .grid-item--7 { grid-column: span 7; } .grid .grid-item--7-start-1 { grid-column-start: 1; grid-column-end: span 7; } .grid .grid-item--7-start-2 { grid-column-start: 2; grid-column-end: span 7; } .grid .grid-item--7-start-3 { grid-column-start: 3; grid-column-end: span 7; } .grid .grid-item--7-start-4 { grid-column-start: 4; grid-column-end: span 7; } .grid .grid-item--7-start-5 { grid-column-start: 5; grid-column-end: span 7; } .grid--8 { grid-template-columns: repeat(8, 1fr); } .grid .grid-item--8 { grid-column: span 8; } .grid .grid-item--8-start-1 { grid-column-start: 1; grid-column-end: span 8; } .grid .grid-item--8-start-2 { grid-column-start: 2; grid-column-end: span 8; } .grid .grid-item--8-start-3 { grid-column-start: 3; grid-column-end: span 8; } .grid .grid-item--8-start-4 { grid-column-start: 4; grid-column-end: span 8; } .grid .grid-item--8-start-5 { grid-column-start: 5; grid-column-end: span 8; } .grid--9 { grid-template-columns: repeat(9, 1fr); } .grid .grid-item--9 { grid-column: span 9; } .grid .grid-item--9-start-1 { grid-column-start: 1; grid-column-end: span 9; } .grid .grid-item--9-start-2 { grid-column-start: 2; grid-column-end: span 9; } .grid .grid-item--9-start-3 { grid-column-start: 3; grid-column-end: span 9; } .grid .grid-item--9-start-4 { grid-column-start: 4; grid-column-end: span 9; } .grid .grid-item--9-start-5 { grid-column-start: 5; grid-column-end: span 9; } .grid--10 { grid-template-columns: repeat(10, 1fr); } .grid .grid-item--10 { grid-column: span 10; } .grid .grid-item--10-start-1 { grid-column-start: 1; grid-column-end: span 10; } .grid .grid-item--10-start-2 { grid-column-start: 2; grid-column-end: span 10; } .grid .grid-item--10-start-3 { grid-column-start: 3; grid-column-end: span 10; } .grid .grid-item--10-start-4 { grid-column-start: 4; grid-column-end: span 10; } .grid .grid-item--10-start-5 { grid-column-start: 5; grid-column-end: span 10; } .grid--11 { grid-template-columns: repeat(11, 1fr); } .grid .grid-item--11 { grid-column: span 11; } .grid .grid-item--11-start-1 { grid-column-start: 1; grid-column-end: span 11; } .grid .grid-item--11-start-2 { grid-column-start: 2; grid-column-end: span 11; } .grid .grid-item--11-start-3 { grid-column-start: 3; grid-column-end: span 11; } .grid .grid-item--11-start-4 { grid-column-start: 4; grid-column-end: span 11; } .grid .grid-item--11-start-5 { grid-column-start: 5; grid-column-end: span 11; } .grid--12 { grid-template-columns: repeat(12, 1fr); } .grid .grid-item--12 { grid-column: span 12; } .grid .grid-item--12-start-1 { grid-column-start: 1; grid-column-end: span 12; } .grid .grid-item--12-start-2 { grid-column-start: 2; grid-column-end: span 12; } .grid .grid-item--12-start-3 { grid-column-start: 3; grid-column-end: span 12; } .grid .grid-item--12-start-4 { grid-column-start: 4; grid-column-end: span 12; } .grid .grid-item--12-start-5 { grid-column-start: 5; grid-column-end: span 12; } @media (min-width: 375px) { .grid--sm-1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--sm-1 { grid-column: span 1; } .grid .grid-item--sm-1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--sm-1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--sm-1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--sm-1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--sm-1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid .grid-item-row--sm-1 { grid-row: 1; } .grid--sm-2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--sm-2 { grid-column: span 2; } .grid .grid-item--sm-2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--sm-2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--sm-2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--sm-2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--sm-2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid .grid-item-row--sm-2 { grid-row: 2; } .grid--sm-3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--sm-3 { grid-column: span 3; } .grid .grid-item--sm-3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--sm-3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--sm-3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--sm-3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--sm-3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid .grid-item-row--sm-3 { grid-row: 3; } .grid--sm-4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--sm-4 { grid-column: span 4; } .grid .grid-item--sm-4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--sm-4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--sm-4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--sm-4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--sm-4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid .grid-item-row--sm-4 { grid-row: 4; } .grid--sm-5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--sm-5 { grid-column: span 5; } .grid .grid-item--sm-5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--sm-5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--sm-5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--sm-5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--sm-5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid .grid-item-row--sm-5 { grid-row: 5; } .grid--sm-6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--sm-6 { grid-column: span 6; } .grid .grid-item--sm-6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--sm-6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--sm-6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--sm-6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--sm-6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid .grid-item-row--sm-6 { grid-row: 6; } } @media (min-width: 450px) { .grid--smmd-1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--smmd-1 { grid-column: span 1; } .grid .grid-item--smmd-1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--smmd-1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--smmd-1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--smmd-1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--smmd-1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid .grid-item-row--smmd-1 { grid-row: 1; } .grid--smmd-2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--smmd-2 { grid-column: span 2; } .grid .grid-item--smmd-2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--smmd-2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--smmd-2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--smmd-2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--smmd-2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid .grid-item-row--smmd-2 { grid-row: 2; } .grid--smmd-3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--smmd-3 { grid-column: span 3; } .grid .grid-item--smmd-3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--smmd-3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--smmd-3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--smmd-3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--smmd-3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid .grid-item-row--smmd-3 { grid-row: 3; } .grid--smmd-4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--smmd-4 { grid-column: span 4; } .grid .grid-item--smmd-4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--smmd-4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--smmd-4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--smmd-4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--smmd-4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid .grid-item-row--smmd-4 { grid-row: 4; } .grid--smmd-5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--smmd-5 { grid-column: span 5; } .grid .grid-item--smmd-5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--smmd-5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--smmd-5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--smmd-5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--smmd-5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid .grid-item-row--smmd-5 { grid-row: 5; } .grid--smmd-6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--smmd-6 { grid-column: span 6; } .grid .grid-item--smmd-6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--smmd-6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--smmd-6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--smmd-6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--smmd-6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid .grid-item-row--smmd-6 { grid-row: 6; } } @media (min-width: 750px) { .grid--md-1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--md-1 { grid-column: span 1; } .grid .grid-item--md-1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--md-1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--md-1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--md-1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--md-1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid .grid-item-row--md-1 { grid-row: 1; } .grid--md-2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--md-2 { grid-column: span 2; } .grid .grid-item--md-2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--md-2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--md-2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--md-2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--md-2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid .grid-item-row--md-2 { grid-row: 2; } .grid--md-3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--md-3 { grid-column: span 3; } .grid .grid-item--md-3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--md-3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--md-3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--md-3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--md-3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid .grid-item-row--md-3 { grid-row: 3; } .grid--md-4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--md-4 { grid-column: span 4; } .grid .grid-item--md-4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--md-4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--md-4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--md-4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--md-4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid .grid-item-row--md-4 { grid-row: 4; } .grid--md-5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--md-5 { grid-column: span 5; } .grid .grid-item--md-5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--md-5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--md-5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--md-5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--md-5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid .grid-item-row--md-5 { grid-row: 5; } .grid--md-6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--md-6 { grid-column: span 6; } .grid .grid-item--md-6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--md-6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--md-6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--md-6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--md-6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid .grid-item-row--md-6 { grid-row: 6; } } @media (min-width: 1060px) { .grid--mdlg-1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--mdlg-1 { grid-column: span 1; } .grid .grid-item--mdlg-1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--mdlg-1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--mdlg-1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--mdlg-1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--mdlg-1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid .grid-item-row--mdlg-1 { grid-row: 1; } .grid--mdlg-2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--mdlg-2 { grid-column: span 2; } .grid .grid-item--mdlg-2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--mdlg-2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--mdlg-2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--mdlg-2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--mdlg-2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid .grid-item-row--mdlg-2 { grid-row: 2; } .grid--mdlg-3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--mdlg-3 { grid-column: span 3; } .grid .grid-item--mdlg-3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--mdlg-3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--mdlg-3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--mdlg-3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--mdlg-3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid .grid-item-row--mdlg-3 { grid-row: 3; } .grid--mdlg-4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--mdlg-4 { grid-column: span 4; } .grid .grid-item--mdlg-4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--mdlg-4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--mdlg-4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--mdlg-4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--mdlg-4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid .grid-item-row--mdlg-4 { grid-row: 4; } .grid--mdlg-5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--mdlg-5 { grid-column: span 5; } .grid .grid-item--mdlg-5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--mdlg-5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--mdlg-5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--mdlg-5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--mdlg-5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid .grid-item-row--mdlg-5 { grid-row: 5; } .grid--mdlg-6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--mdlg-6 { grid-column: span 6; } .grid .grid-item--mdlg-6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--mdlg-6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--mdlg-6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--mdlg-6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--mdlg-6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid .grid-item-row--mdlg-6 { grid-row: 6; } } @media (min-width: 1200px) { .grid--lg-1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--lg-1 { grid-column: span 1; } .grid .grid-item--lg-1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--lg-1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--lg-1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--lg-1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--lg-1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid .grid-item-row--lg-1 { grid-row: 1; } .grid--lg-2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--lg-2 { grid-column: span 2; } .grid .grid-item--lg-2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--lg-2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--lg-2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--lg-2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--lg-2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid .grid-item-row--lg-2 { grid-row: 2; } .grid--lg-3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--lg-3 { grid-column: span 3; } .grid .grid-item--lg-3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--lg-3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--lg-3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--lg-3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--lg-3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid .grid-item-row--lg-3 { grid-row: 3; } .grid--lg-4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--lg-4 { grid-column: span 4; } .grid .grid-item--lg-4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--lg-4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--lg-4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--lg-4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--lg-4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid .grid-item-row--lg-4 { grid-row: 4; } .grid--lg-5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--lg-5 { grid-column: span 5; } .grid .grid-item--lg-5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--lg-5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--lg-5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--lg-5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--lg-5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid .grid-item-row--lg-5 { grid-row: 5; } .grid--lg-6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--lg-6 { grid-column: span 6; } .grid .grid-item--lg-6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--lg-6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--lg-6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--lg-6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--lg-6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid .grid-item-row--lg-6 { grid-row: 6; } } @media (min-width: 1500px) { .grid--xl-1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--xl-1 { grid-column: span 1; } .grid .grid-item--xl-1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--xl-1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--xl-1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--xl-1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--xl-1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid .grid-item-row--xl-1 { grid-row: 1; } .grid--xl-2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--xl-2 { grid-column: span 2; } .grid .grid-item--xl-2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--xl-2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--xl-2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--xl-2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--xl-2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid .grid-item-row--xl-2 { grid-row: 2; } .grid--xl-3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--xl-3 { grid-column: span 3; } .grid .grid-item--xl-3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--xl-3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--xl-3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--xl-3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--xl-3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid .grid-item-row--xl-3 { grid-row: 3; } .grid--xl-4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--xl-4 { grid-column: span 4; } .grid .grid-item--xl-4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--xl-4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--xl-4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--xl-4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--xl-4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid .grid-item-row--xl-4 { grid-row: 4; } .grid--xl-5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--xl-5 { grid-column: span 5; } .grid .grid-item--xl-5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--xl-5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--xl-5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--xl-5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--xl-5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid .grid-item-row--xl-5 { grid-row: 5; } .grid--xl-6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--xl-6 { grid-column: span 6; } .grid .grid-item--xl-6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--xl-6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--xl-6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--xl-6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--xl-6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid .grid-item-row--xl-6 { grid-row: 6; } } @media (min-width: 1900px) { .grid--xxl-1 { grid-template-columns: repeat(1, 1fr); } .grid .grid-item--xxl-1 { grid-column: span 1; } .grid .grid-item--xxl-1-start-1 { grid-column-start: 1; grid-column-end: span 1; } .grid .grid-item--xxl-1-start-2 { grid-column-start: 2; grid-column-end: span 1; } .grid .grid-item--xxl-1-start-3 { grid-column-start: 3; grid-column-end: span 1; } .grid .grid-item--xxl-1-start-4 { grid-column-start: 4; grid-column-end: span 1; } .grid .grid-item--xxl-1-start-5 { grid-column-start: 5; grid-column-end: span 1; } .grid .grid-item-row--xxl-1 { grid-row: 1; } .grid--xxl-2 { grid-template-columns: repeat(2, 1fr); } .grid .grid-item--xxl-2 { grid-column: span 2; } .grid .grid-item--xxl-2-start-1 { grid-column-start: 1; grid-column-end: span 2; } .grid .grid-item--xxl-2-start-2 { grid-column-start: 2; grid-column-end: span 2; } .grid .grid-item--xxl-2-start-3 { grid-column-start: 3; grid-column-end: span 2; } .grid .grid-item--xxl-2-start-4 { grid-column-start: 4; grid-column-end: span 2; } .grid .grid-item--xxl-2-start-5 { grid-column-start: 5; grid-column-end: span 2; } .grid .grid-item-row--xxl-2 { grid-row: 2; } .grid--xxl-3 { grid-template-columns: repeat(3, 1fr); } .grid .grid-item--xxl-3 { grid-column: span 3; } .grid .grid-item--xxl-3-start-1 { grid-column-start: 1; grid-column-end: span 3; } .grid .grid-item--xxl-3-start-2 { grid-column-start: 2; grid-column-end: span 3; } .grid .grid-item--xxl-3-start-3 { grid-column-start: 3; grid-column-end: span 3; } .grid .grid-item--xxl-3-start-4 { grid-column-start: 4; grid-column-end: span 3; } .grid .grid-item--xxl-3-start-5 { grid-column-start: 5; grid-column-end: span 3; } .grid .grid-item-row--xxl-3 { grid-row: 3; } .grid--xxl-4 { grid-template-columns: repeat(4, 1fr); } .grid .grid-item--xxl-4 { grid-column: span 4; } .grid .grid-item--xxl-4-start-1 { grid-column-start: 1; grid-column-end: span 4; } .grid .grid-item--xxl-4-start-2 { grid-column-start: 2; grid-column-end: span 4; } .grid .grid-item--xxl-4-start-3 { grid-column-start: 3; grid-column-end: span 4; } .grid .grid-item--xxl-4-start-4 { grid-column-start: 4; grid-column-end: span 4; } .grid .grid-item--xxl-4-start-5 { grid-column-start: 5; grid-column-end: span 4; } .grid .grid-item-row--xxl-4 { grid-row: 4; } .grid--xxl-5 { grid-template-columns: repeat(5, 1fr); } .grid .grid-item--xxl-5 { grid-column: span 5; } .grid .grid-item--xxl-5-start-1 { grid-column-start: 1; grid-column-end: span 5; } .grid .grid-item--xxl-5-start-2 { grid-column-start: 2; grid-column-end: span 5; } .grid .grid-item--xxl-5-start-3 { grid-column-start: 3; grid-column-end: span 5; } .grid .grid-item--xxl-5-start-4 { grid-column-start: 4; grid-column-end: span 5; } .grid .grid-item--xxl-5-start-5 { grid-column-start: 5; grid-column-end: span 5; } .grid .grid-item-row--xxl-5 { grid-row: 5; } .grid--xxl-6 { grid-template-columns: repeat(6, 1fr); } .grid .grid-item--xxl-6 { grid-column: span 6; } .grid .grid-item--xxl-6-start-1 { grid-column-start: 1; grid-column-end: span 6; } .grid .grid-item--xxl-6-start-2 { grid-column-start: 2; grid-column-end: span 6; } .grid .grid-item--xxl-6-start-3 { grid-column-start: 3; grid-column-end: span 6; } .grid .grid-item--xxl-6-start-4 { grid-column-start: 4; grid-column-end: span 6; } .grid .grid-item--xxl-6-start-5 { grid-column-start: 5; grid-column-end: span 6; } .grid .grid-item-row--xxl-6 { grid-row: 6; } } .justify-items-start { justify-items: start; } .justify-items-end { justify-items: end; } .justify-items-center { justify-items: center; } .justify-items-stretch { justify-items: stretch; } .align-items-start { align-items: start; } .align-items-end { align-items: end; } .align-items-center { align-items: center; } .align-items-stretch { align-items: stretch; } .align-items-baseline { align-items: baseline; } .justify-content-start { justify-content: start; } .justify-content-end { justify-content: end; } .justify-content-center { justify-content: center; } .justify-content-space-around { justify-content: space-around; } .justify-content-space-between { justify-content: space-between; } .justify-content-space-evenly { justify-content: space-evenly; } .justify-content-stretch { justify-content: stretch; } .align-content-start { align-content: start; } .align-content-end { align-content: end; } .align-content-center { align-content: center; } .align-content-space-around { align-content: space-around; } .align-content-space-between { align-content: space-between; } .align-content-space-evenly { align-content: space-evenly; } .align-content-stretch { align-content: stretch; } .align-self-start { align-self: start; } .align-self-end { align-self: end; } .align-self-center { align-self: center; } /* Set core body defaults */ html, body { font-family: var(--body-family); line-height: var(--line-height); text-rendering: optimizeSpeed; color: var(--color-navy-text); background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; } @media (max-height: 800px) { html { font-size: 14px; } } body { font-size: var(--step-0); width: 100%; overflow-x: hidden; } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Remove default padding */ ul[class], ol[class] { padding: 0; } /* Remove default margin */ body, h1, h2, h3, h4, h5, p, ul[class], ol[class], figure, figcaption, blockquote, dl, dd { margin: 0 0 var(--space-unit) 0; } li { margin: 0 0 var(--space-3xs) 0; } html, body { height: 100%; } /* Remove list styles on ul, ol elements with a class attribute */ ul[class], ol[class] { list-style: none; } /* A elements that don't have a class get default styles */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } /* Make images easier to work with */ img, video { max-width: 100%; display: block; height: auto; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ img[class*=align], img[class*=wp-image-] { height: auto; } /* Natural flow and rhythm in articles by default */ /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /** * Headings 1–5. * Caluclated on the 1.333 'Perfect fourth' scale */ h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6, .heading-7, .sub-heading { font-weight: 400; display: block; line-height: 1.15; letter-spacing: 0.005em; color: var(--color-grey); } h1, .heading-1, .fs-1 { font-size: 27px; } @media (min-width: 375px) { h1, .heading-1, .fs-1 { font-size: 32px; } } @media screen and (min-width: 375px) and (min-width: 375px) { h1, .heading-1, .fs-1 { font-size: calc(32px + 18 * (100vw - 375px) / 685); } } @media screen and (min-width: 375px) and (min-width: 1060px) { h1, .heading-1, .fs-1 { font-size: 50px; } } @media (min-width: 750px) { h1, .heading-1, .fs-1 { font-size: 54px; } } @media screen and (min-width: 750px) and (min-width: 750px) { h1, .heading-1, .fs-1 { font-size: calc(54px + 56 * (100vw - 750px) / 1150); } } @media screen and (min-width: 750px) and (min-width: 1900px) { h1, .heading-1, .fs-1 { font-size: 110px; } } h2, .heading-2, .fs-2 { font-size: 26px; } @media (min-width: 375px) { h2, .heading-2, .fs-2 { font-size: 28px; } } @media screen and (min-width: 375px) and (min-width: 375px) { h2, .heading-2, .fs-2 { font-size: calc(28px + 12 * (100vw - 375px) / 685); } } @media screen and (min-width: 375px) and (min-width: 1060px) { h2, .heading-2, .fs-2 { font-size: 40px; } } @media (min-width: 750px) { h2, .heading-2, .fs-2 { font-size: 46px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { h2, .heading-2, .fs-2 { font-size: calc(46px + 36 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { h2, .heading-2, .fs-2 { font-size: 82px; } } h3, .heading-3, .fs-3 { font-size: 23px; } @media (min-width: 375px) { h3, .heading-3, .fs-3 { font-size: 26px; } } @media screen and (min-width: 375px) and (min-width: 375px) { h3, .heading-3, .fs-3 { font-size: calc(26px + 2 * (100vw - 375px) / 685); } } @media screen and (min-width: 375px) and (min-width: 1060px) { h3, .heading-3, .fs-3 { font-size: 28px; } } @media (min-width: 750px) { h3, .heading-3, .fs-3 { font-size: 32px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { h3, .heading-3, .fs-3 { font-size: calc(32px + 22 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { h3, .heading-3, .fs-3 { font-size: 54px; } } h4, .heading-4, .fs-4 { font-size: 19px; } @media (min-width: 375px) { h4, .heading-4, .fs-4 { font-size: 21px; } } @media screen and (min-width: 375px) and (min-width: 450px) { h4, .heading-4, .fs-4 { font-size: calc(21px + 3 * (100vw - 450px) / 610); } } @media screen and (min-width: 375px) and (min-width: 1060px) { h4, .heading-4, .fs-4 { font-size: 24px; } } @media (min-width: 750px) { h4, .heading-4, .fs-4 { font-size: 24px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { h4, .heading-4, .fs-4 { font-size: calc(24px + 21 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { h4, .heading-4, .fs-4 { font-size: 45px; } } h5, .heading-5, .fs-5 { font-size: 17px; } @media (min-width: 375px) { h5, .heading-5, .fs-5 { font-size: 18px; } } @media screen and (min-width: 375px) and (min-width: 450px) { h5, .heading-5, .fs-5 { font-size: calc(18px + 3 * (100vw - 450px) / 610); } } @media screen and (min-width: 375px) and (min-width: 1060px) { h5, .heading-5, .fs-5 { font-size: 21px; } } @media (min-width: 750px) { h5, .heading-5, .fs-5 { font-size: 21px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { h5, .heading-5, .fs-5 { font-size: calc(21px + 15 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { h5, .heading-5, .fs-5 { font-size: 36px; } } h6, .heading-6, .fs-6, .text-btn, p, .copy, ul, ol, table { font-size: 15px; } @media (min-width: 375px) { h6, .heading-6, .fs-6, .text-btn, p, .copy, ul, ol, table { font-size: 15px; } } @media screen and (min-width: 375px) and (min-width: 375px) { h6, .heading-6, .fs-6, .text-btn, p, .copy, ul, ol, table { font-size: calc(15px + 3 * (100vw - 375px) / 685); } } @media screen and (min-width: 375px) and (min-width: 1060px) { h6, .heading-6, .fs-6, .text-btn, p, .copy, ul, ol, table { font-size: 18px; } } @media (min-width: 750px) { h6, .heading-6, .fs-6, .text-btn, p, .copy, ul, ol, table { font-size: 18px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { h6, .heading-6, .fs-6, .text-btn, p, .copy, ul, ol, table { font-size: calc(18px + 6.5 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { h6, .heading-6, .fs-6, .text-btn, p, .copy, ul, ol, table { font-size: 24.5px; } } p, .copy { max-width: 30em; } .fs-7, .copy-sm, small, .copy-sm p { max-width: 30em; line-height: 1.35; font-size: 15px; } @media screen and (min-width: 450px) { .fs-7, .copy-sm, small, .copy-sm p { font-size: calc(15px + 1 * (100vw - 450px) / 610); } } @media screen and (min-width: 1060px) { .fs-7, .copy-sm, small, .copy-sm p { font-size: 16px; } } @media (min-width: 750px) { .fs-7, .copy-sm, small, .copy-sm p { font-size: 16px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { .fs-7, .copy-sm, small, .copy-sm p { font-size: calc(16px + 5 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { .fs-7, .copy-sm, small, .copy-sm p { font-size: 21px; } } .inherit.fs-4 p { font-size: 19px; } @media (min-width: 375px) { .inherit.fs-4 p { font-size: 21px; } } @media screen and (min-width: 375px) and (min-width: 450px) { .inherit.fs-4 p { font-size: calc(21px + 3 * (100vw - 450px) / 610); } } @media screen and (min-width: 375px) and (min-width: 1060px) { .inherit.fs-4 p { font-size: 24px; } } @media (min-width: 750px) { .inherit.fs-4 p { font-size: 24px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { .inherit.fs-4 p { font-size: calc(24px + 21 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { .inherit.fs-4 p { font-size: 45px; } } .inherit.fs-7 p { max-width: 30em; line-height: 1.35; font-size: 15px; } @media screen and (min-width: 450px) { .inherit.fs-7 p { font-size: calc(15px + 1 * (100vw - 450px) / 610); } } @media screen and (min-width: 1060px) { .inherit.fs-7 p { font-size: 16px; } } @media (min-width: 750px) { .inherit.fs-7 p { font-size: 16px; } } @media screen and (min-width: 750px) and (min-width: 1200px) { .inherit.fs-7 p { font-size: calc(16px + 5 * (100vw - 1200px) / 700); } } @media screen and (min-width: 750px) and (min-width: 1900px) { .inherit.fs-7 p { font-size: 21px; } } .last-p p:last-of-type { margin-bottom: 0 !important; } .last-li li:last-of-type { margin-bottom: 0 !important; } a { color: inherit; text-decoration: underline; text-decoration-thickness: 0.05em; text-underline-offset: 0.1em; } @media (hover: hover) { a { transition: text-decoration-color 150ms ease-in; } a:hover { text-decoration-color: var(--color-yellow); } } p a { color: var(--color-grey); } @media (hover: hover) { p a:hover { text-decoration-color: var(--color-yellow); } } .bg-green p a, .bg-grey p a { color: var(--color-light); text-decoration: underline; text-decoration-thickness: 0.05em; } @media (hover: hover) { .bg-green p a:hover, .bg-grey p a:hover { text-decoration-color: var(--color-yellow); color: var(--color-yellow); } } .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .tt-c { text-transform: capitalize; } .underline { text-decoration: underline; } .no-underline { text-decoration: none; } .link-styles a { text-decoration: underline; } .c-grey { color: var(--color-grey); } .c-mid-grey { color: var(--color-mid-grey); } .c-yellow { color: var(--color-yellow); } .c-white { color: var(--color-white); } .c-positive { color: #009e90; } .c-negative { color: var(--color-red); } .subtle { opacity: 0.6; } strong { font-weight: 700; } .bold-is-yellow strong { font-weight: 400; color: var(--color-yellow); } .bold-is-yellow-and-bold strong { color: var(--color-yellow); } @media (min-width: 0px) and (max-width: 450px) { .kill-br br { display: none; } } .article-headings .wrapper .grid { position: relative; } @media (min-width: 1060px) { .article-headings h2, .article-headings h3, .article-headings h4 { position: absolute; left: 0; width: calc(50% - var(--block-spacing)); } } @media print { * { background: #ffffff; color: #000000 !important; } html { font: 100%/1.5 Arial, serif; } /** * Hide */ .header, .footer { display: none; } /** * Make full-width */ .unit { margin: 0 !important; padding: 0 !important; width: 100% !important; } } /*! purgecss start ignore */ /** * Block */ .box { padding: var(--gutter); } .box-x { padding-left: var(--gutter); padding-right: var(--gutter); } .box-y { padding-top: var(--gutter); padding-bottom: var(--gutter); } .box-t { padding-top: var(--gutter); } .box-b { padding-bottom: var(--gutter); } .box-lg { padding: var(--gutter-lg); background-color: rgb(255, 112, 101); } .box-y-lg { padding-top: var(--gutter-lg); padding-bottom: var(--gutter-lg); } .box-t-lg { padding-top: var(--gutter-lg); } .box-section { padding-top: var(--gutter); padding-bottom: var(--gutter); } .box-y-sm { padding-top: var(--gutter-sm); padding-bottom: var(--gutter-sm); } @media (min-width: 0px) and (max-width: 750px) { .box-mob-stack-md { padding-bottom: 0; } } @media (min-width: 0px) and (max-width: 1060px) { .box-mob-stack { padding-bottom: 0; } } @media (min-width: 1200px) { .box-centered { text-align: center; } .box-centered .box { display: inline-block; text-align: left; } } /****************************************************************** // BACKGROUNDS ******************************************************************/ /** * Background colours */ .bg { display: block; } /** * Modifiers */ .bg--dark-grey { background-color: var(--color-grey); } .bg--dark-grey.section--notch:after { background-color: var(--color-grey); } .bg--light-grey { background-color: var(--color-light-grey); } .bg--light-grey.section--notch:after { background-color: var(--color-light-grey); } .bg--yellow { background-color: var(--color-yellow); } .bg--yellow.section--notch:after { background-color: var(--color-yellow); } @media (hover: hover) { .bg--yellow .text-btn:hover, .bg--yellow .text-btn:focus { color: var(--color-white); } .bg--yellow .text-btn:hover svg, .bg--yellow .text-btn:focus svg { fill: var(--color-white); } } .bg--yellow p a, .bg--yellow ul li a { text-decoration-color: var(--color-white); } @media (hover: hover) { .bg--yellow p a:hover, .bg--yellow ul li a:hover { color: var(--color-white); text-decoration-color: var(--color-white); } } .bg--yellow .underline { transition: color 250ms var(--easing), text-decoration-color 250ms var(--easing); text-decoration-color: var(--color-white); } @media (hover: hover) { .bg--yellow .underline:hover { color: var(--color-white); text-decoration-color: var(--color-white); } } .bg--green { background-color: var(--color-green); } .bg--dark-grey h1, .bg--dark-grey h2, .bg--dark-grey h3, .bg--dark-grey h4, .bg--dark-grey h5, .bg--dark-grey h6, .bg--dark-grey a, .bg--dark-grey p, .bg--dark-grey ul li, .bg--green h1, .bg--green h2, .bg--green h3, .bg--green h4, .bg--green h5, .bg--green h6, .bg--green a, .bg--green p, .bg--green ul li { color: #fff; } .bg--dark-grey a svg, .bg--green a svg { fill: #fff; } /** * Block */ .text-btn { display: inline-block; background-color: transparent; border: none; position: relative; cursor: pointer; text-decoration: none; font-weight: 600; background: linear-gradient(to left, var(--color-grey), var(--color-grey) 100%); background-position: 0 100%; background-size: 100% 2px; background-repeat: repeat-x; color: var(--color-grey); padding: 0 0 3px 0; transition: 200ms background var(--easing), 200ms color var(--easing); } .text-btn svg { width: 0.85em; display: inline-block; position: relative; margin-left: 0.4em; transition: all 200ms var(--easing); } .text-btn span { display: inline-flex; } .text-btn::after { content: none !important; } @media (hover: hover) { .text-btn:hover { color: var(--color-yellow); background: linear-gradient(to left, var(--color-yellow), var(--color-yellow) 100%); background-position: 0 100%; background-size: 100% 2px; background-repeat: repeat-x; } .text-btn:hover svg { fill: var(--color-yellow); right: -0.15em; } } /** * Elements */ .text-btn span:nth-child(1) { display: inline-flex; align-items: center; } .text-btn span:nth-child(2) { display: none; } .text-btn.active span:nth-child(1) { display: none; } .text-btn.active span:nth-child(2) { display: inline-flex; align-items: center; } @media (hover: hover) { .bg-yellow .text-btn:hover { color: var(--color-light); background: linear-gradient(to left, var(--color-light), var(--color-light) 100%); background-position: 0 100%; background-size: 100% 2px; background-repeat: repeat-x; } .bg-yellow .text-btn:hover svg { fill: var(--color-light); } } .bg-grey .text-btn { color: var(--color-light); background: linear-gradient(to left, var(--color-light), var(--color-light) 100%); background-position: 0 100%; background-size: 100% 2px; background-repeat: repeat-x; } .bg-grey .text-btn svg { fill: var(--color-light); } @media (hover: hover) { .bg-grey .text-btn:hover { color: var(--color-yellow); background: linear-gradient(to left, var(--color-yellow), var(--color-yellow) 100%); background-position: 0 100%; background-size: 100% 2px; background-repeat: repeat-x; } .bg-grey .text-btn:hover svg { fill: var(--color-yellow); } } .content p a { text-decoration: none; background: linear-gradient(to left, var(--color-grey), var(--color-grey) 100%); background-position: 0 calc(100% - 2px); background-size: 100% 2px; background-repeat: repeat-x; } .content p a[href^=http]::after, .content p a[href^="https://"]::after { content: ""; width: 0.8em; height: 0.8em; margin-left: 0.35em; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%231F1F1F' fill-rule='evenodd'%3e%3cpath d='M2.874 15.523 15.602 2.795l2.12 2.122L4.996 17.645z'/%3e%3cpath d='M18.102 15.417h-3v-13h3z'/%3e%3cpath d='M18.102 5.417h-13v-3h13z'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } .content p a[href^="/"]::after { content: ""; width: 0.8em; height: 0.8em; margin-left: 0.35em; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%231F1F1F' fill-rule='evenodd'%3e%3cpath d='M0 9h18v3H0z'/%3e%3cpath d='M10.843 19.692 8.722 17.57l9.192-9.192 2.122 2.121z'/%3e%3cpath d='M17.914 12.621 8.72 3.43l2.122-2.121 9.192 9.192z'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media (hover: hover) { .content p a:hover { background-image: linear-gradient(to left, var(--color-yellow), var(--color-yellow) 100%); } } /** * Modifiers */ .text-btn--flip svg { margin-right: 0.4em; margin-left: 0; transform: rotate(180deg); } @media (hover: hover) { .text-btn--flip:hover svg { left: -0.15em; right: 0; } } /** * Block */ .content ul, ul.list { list-style: disc; margin-left: 0em; padding-inline-start: 1em; } .content ul li, ul.list li { padding-left: 0.25em; } .content ul li::marker, ul.list li::marker { color: var(--color-grey); font-size: 1.1em; position: relative; top: 1em; } .bg-grey .content ul li::marker, .bg-grey ul.list li::marker { color: var(--color-light); } /** * Block */ ol { list-style: decimal-leading-zero; } ol.list-steps { counter-reset: number-counter; list-style: none; padding-left: 3em; } ol.list-steps li { counter-increment: number-counter; position: relative; margin-bottom: var(--space-mdlg); } ol.list-steps li:last-of-type:after { display: none; } ol.list-steps li::before { content: counter(number-counter); font-size: 1em; font-weight: bold; position: absolute; z-index: 1; --size: 1.5em; left: calc(-1 * var(--size) - 1.4em); line-height: var(--size); width: var(--size); height: var(--size); top: 0.25em; background: var(--color-light); box-shadow: 0 0 0 2px var(--color-grey), 0 0 0 4px var(--color-light); border-radius: 50%; text-align: center; } ol.list-steps li::after { --size: 1.5em; content: ""; display: block; position: absolute; z-index: 0; top: 0.25em; left: calc(-1 * var(--size) - 0.7em); background: var(--color-light-grey); width: 2px; height: calc(100% + var(--space-mdlg) - 0.25em); } .list-inline { display: flex; justify-content: flex-start; align-items: center; } .list-inline li { margin-right: 1em; margin-bottom: 0; } .list-inline li svg { vertical-align: top; } .list-bare { list-style: none; padding: 0; margin-top: 0 !important; } .list-bare li { padding-left: 0; } /****************************************************************** // Section ******************************************************************/ /** * Main section styling */ .section { position: relative; padding: calc(var(--notch-spacing) * 2) 0 calc(var(--notch-spacing) * 2); } /** * Elements */ .section .section-spacing-bottom { margin-bottom: calc(var(--notch-spacing) * 1.75); } @media (min-width: 1200px) { .section .section-spacing-bottom { margin-bottom: calc(var(--notch-spacing) * 1.5); } } .section .section-spacing-bottom-lg { margin-bottom: calc(var(--notch-spacing) * 1.75); } @media (min-width: 1200px) { .section .section-spacing-bottom-lg { margin-bottom: calc(var(--notch-spacing) * 2); } } .section .section-spacing-top { margin-top: calc(var(--notch-spacing) * 1.75); } @media (min-width: 1200px) { .section .section-spacing-top { margin-top: calc(var(--notch-spacing) * 1.5); } } .section .section-padding-top { padding-top: calc(var(--notch-spacing) * 1.75); } @media (min-width: 1200px) { .section .section-padding-top { padding-top: calc(var(--notch-spacing) * 1.5); } } /** * Modifiers */ .section--notch:after { content: ""; display: block; width: 50%; height: calc(var(--notch-spacing) + 1px); background: var(--color-light); position: absolute; z-index: 1; bottom: calc(var(--notch-spacing) * -1); right: 0; } .section--notch.bg-grey:after { background: var(--color-grey); } .section--notch.bg-light-grey:after { background: var(--color-light-grey); } .section--notch.bg-green:after { background: var(--color-green); } .section--notch.bg-yellow:after { background: var(--color-yellow); } .section.section--sm { padding: calc(var(--notch-spacing) * 1.25) 0 calc(var(--notch-spacing) * 1.25); } .section.section--md { padding: calc(var(--notch-spacing) * 1.65) 0 calc(var(--notch-spacing) * 1.65); } .section.section--margin { padding: 0; margin: calc(var(--notch-spacing) * 2) 0 calc(var(--notch-spacing) * 2); } .section.section--margin-sm { padding: 0; margin: calc(var(--notch-spacing) * 1.25) 0 calc(var(--notch-spacing) * 1.25); } .section--notch + .section { padding: calc(var(--notch-spacing) * 3) 0 calc(var(--notch-spacing) * 2); } .section--notch + .section--md { padding: calc(var(--notch-spacing) * 2.65) 0 calc(var(--notch-spacing) * 1.65); } .section--notch + .section--margin { padding: 0; margin: calc(var(--notch-spacing) * 3) 0 calc(var(--notch-spacing) * 2); } .section--notch + .section--margin-sm { padding: 0; } /** * Block */ .wrapper { margin-right: auto; margin-left: auto; width: 100%; padding: 0 var(--block-spacing); } /** * Block */ input, select, textarea { color: var(--color-light); font-size: var(--step-0); font-family: var(--body-family); } input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], select, textarea { width: 100%; border: none; border-radius: 0px; outline: none; background-color: rgba(255, 255, 255, 0.1); } input[type=email]:hover, input[type=number]:hover, input[type=search]:hover, input[type=text]:hover, input[type=tel]:hover, input[type=url]:hover, input[type=password]:hover, select:hover, textarea:hover { background-color: rgba(255, 255, 255, 0.12); } input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, select:focus, textarea:focus { background-color: rgba(255, 255, 255, 0.14); } input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], select { line-height: 1.5em; padding: 0.75em; } textarea { min-height: 250px !important; padding: 0.75em; line-height: 1.4 !important; } select { width: 100%; background-color: #fff; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: url(../imgs/input-chevron.svg) !important; background-position: calc(100% - 15px) 15px; background-repeat: no-repeat; } .form-error { color: var(--color-sea-pink); margin-bottom: 2em; padding-left: 3em; border-left: 6px solid var(--color-sea-pink); } .form-sucess { color: var(--color-sprout); margin-bottom: 2em; padding-left: 3em; border-left: 6px solid var(--color-sprout); } /** * Block */ /** * Block */ .image--fit { position: relative; display: block; } .image--fit img { position: absolute; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .object-cover { -o-object-fit: cover; object-fit: cover; } img, video { max-width: none; width: 100%; display: block; height: auto; } .fluid-width-video-wrapper { max-width: 1700px; margin: 0 auto; aspect-ratio: 16/9; padding-top: 0px !important; transform: scale(1.001); } .embed-video--full .fluid-width-video-wrapper { max-width: none; aspect-ratio: var(--video-ar); overflow: hidden; background: linear-gradient(331deg, rgb(242, 241, 235) 0%, rgb(228, 226, 219) 100%); } .image-ratio--20x13 { aspect-ratio: 20/13; } .image-ratio--6x4 { aspect-ratio: 6/4; } .image-ratio--4x3 { aspect-ratio: 4/3; } .image-ratio--1x1 { aspect-ratio: 1/1; } .image-rounded { border-radius: 10em; } .image-colour-border { display: flex; } .image-colour-border img { height: calc(100% - 1em) !important; border-radius: var(--border-radius-lg); } .image-colour-border__block { display: block !important; width: 25%; height: 100%; display: none; } .image__caption { position: absolute; line-height: 1.2; bottom: 0px; left: 0px; margin-right: 25px; height: auto; background: rgba(0, 0, 0, 0.65); font-size: var(--step--1); color: white; padding: 8px 10px; border-radius: 0 0 0 var(--border-radius-lg); } @media (min-width: 0px) and (max-width: 750px) { .override-mobile { position: relative; aspect-ratio: 4/3; } .override-mobile img { position: absolute; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } } .svg-inherit svg { width: 1em; vertical-align: middle; transform: scale(1.2); transform-origin: bottom left; } /** * Element */ .hamburger { position: relative; width: 26px; display: block; height: 2px; transition: 250ms background-color var(--easing); border: none; color: var(--color-grey); background-color: var(--color-grey); } .hamburger:before, .hamburger:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 250ms transform var(--easing); background-color: var(--color-grey); } .hamburger:focus { outline: 0; } .hamburger:before { transform: translateY(-8px); } .hamburger:after { transform: translateY(8px); } .hamburger-label { margin-left: 0.6em; margin-top: 1px; } .hamburger-label span { color: var(--color-grey); } .hamburger-label span:before { content: "Menu"; } .menu-active .hamburger { background-color: transparent !important; transform: scale(0.9); } .menu-active .hamburger:before { transform: rotate(45deg) scaleX(1); } .menu-active .hamburger:after { transform: rotate(-45deg); } .menu-active .hamburger-label span:before { content: "Close"; } /** * Block */ blockquote.blockquote { position: relative; padding-left: 2.5em; } @media (min-width: 750px) { blockquote.blockquote { padding-left: 5em; } } blockquote.blockquote:before { content: ""; position: absolute; top: 0.25em; left: 0; display: block; width: 10px; aspect-ratio: 1/6; background: var(--color-grey); } @media (min-width: 750px) { blockquote.blockquote:before { top: 0.5em; width: 16px; } } .bg-grey blockquote.blockquote:before { background: var(--color-light); } .blockquote-align { padding-left: 2.5em; } @media (min-width: 750px) { .blockquote-align { padding-left: 5em; } } /*! purgecss end ignore */ /*! purgecss start ignore */ /** * Block */ .f-carousel { --f-carousel-dot-width: 18px; --f-carousel-dot-height: 18px; --f-carousel-dot-color: var(--color-light); margin-bottom: var(--space-md); } @media (min-width: 0px) and (max-width: 750px) { .f-carousel .f-carousel__nav { display: none; } } .f-carousel .f-carousel__dots { position: absolute; left: var(--block-spacing); bottom: calc(var(--notch-spacing) * 1.5 * -1); justify-content: flex-start; margin-top: var(--space) !important; } .f-carousel .f-carousel__dots li { margin-right: 0.5em; opacity: 1; } .f-carousel .f-carousel__dots li.is-current button .f-carousel__dot { background: var(--color-grey); } @media (min-width: 750px) { .f-carousel { --f-carousel-spacing: var(--space-md); } } .f-carousel.has-dots { margin-bottom: 0px; } /** * Block */ #work-slider .f-carousel { --f-carousel-slide-width: calc(100% - var(--block-spacing) ); --f-carousel-spacing: var(--space-mdlg); } @media (min-width: 750px) { #work-slider .f-carousel { --f-carousel-spacing: 0px; } } #work-slider .f-carousel .f-carousel__slide.project-panel { margin-top: 0px !important; } @media (min-width: 0px) and (max-width: 1060px) { #work-slider .f-carousel .f-carousel__slide.project-panel .project-panel__info .w-14 { max-width: 20em !important; } } @media (min-width: 1060px) { #work-slider .f-carousel .f-carousel__slide.project-panel .project-panel__image-wrapper { width: 50vw; } } /** * Block */ #journal-slider .f-carousel, #report-slider .f-carousel { --f-carousel-slide-width: clamp(260px, 40vw, 520px); --f-carousel-spacing: var(--space-md); } @media (min-width: 1060px) { #journal-slider .f-carousel, #report-slider .f-carousel { --f-carousel-slide-width: clamp(260px, 30vw, 520px); } } #journal-slider .f-carousel .f-carousel__slide, #report-slider .f-carousel .f-carousel__slide { background: white; } /** * Block */ .pagination-numbers .screen-reader-text, .pagination-numbers .prev, .pagination-numbers .next { display: none; } .pagination-numbers .nav-links .page-numbers, .pagination-numbers .nav-links span { margin: 0 var(--space-2xs); } .pagination-numbers .nav-links span { opacity: 0.5; } /** * Block */ /** * Elements */ .accordion .accordion__btn span:nth-child(1) { display: inline-flex; } .accordion .accordion__btn span:nth-child(2) { display: none; } .accordion .accordion__content { display: none; } /** * Modifiers */ .accordion .accordion__row.active .accordion__btn span:nth-child(1) { display: none; } .accordion .accordion__row.active .accordion__btn span:nth-child(2) { display: inline-flex; } .accordion .accordion__row.active .accordion__content { display: block; } /** * Block */ .logos { grid-template-columns: repeat(2, 1fr); row-gap: calc(var(--block-spacing)); -moz-column-gap: calc(var(--block-spacing) / 2); column-gap: calc(var(--block-spacing) / 2); } @media (min-width: 750px) { .logos { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1060px) { .logos { -moz-column-gap: calc(var(--block-spacing) * 3); column-gap: calc(var(--block-spacing) * 3); } } @media (min-width: 1200px) { .logos { -moz-column-gap: calc(var(--block-spacing) * 4); column-gap: calc(var(--block-spacing) * 4); } } /** * Elements */ @media (min-width: 0px) and (max-width: 1060px) { .logos__logo-block img { margin: 0 auto; width: 80%; } } @media (min-width: 1500px) { .logos__logo-block img { margin: 0 auto; max-width: 350px; } } /** * Block */ .stage-row { border-top: 1px solid var(--color-grey); padding: var(--space-md) 0 var(--space-lg); } @media (min-width: 1200px) { .stage-row { padding: var(--space-mdlg) 0 var(--space-xl); } } .stage-row:last-of-type { padding-bottom: 0; } /** * Elements */ @media (min-width: 1060px) { .stage-row .stage-row__heading { display: inline-flex; align-items: flex-start; } } .stage-row .stage-row__heading svg { width: 60px; margin-bottom: var(--space-sm); } @media (min-width: 750px) { .stage-row .stage-row__heading svg { margin-bottom: var(--space-xs); } } @media (min-width: 1060px) { .stage-row .stage-row__heading svg { margin-bottom: 0; margin-right: var(--space-xl); } } @media (min-width: 1200px) { .stage-row .stage-row__heading svg { width: 80px; } } /** * Block */ .steps-row { border-top: 1px solid var(--color-light); padding: var(--space-md) 0 var(--space-lg); } @media (min-width: 1200px) { .steps-row { padding: var(--space-lg) 0 var(--space-xl); } } .steps-row:last-of-type { padding-bottom: 0; } /** * Elements */ .phone-number { display: flex; justify-content: flex-start; align-items: center; line-height: 1; } .phone-number svg { width: 1.25em; margin-right: 0.35em; } .phone-number .phone-number__zone { color: var(--color-mid-grey); -webkit-text-decoration: uppercase; text-decoration: uppercase; font-weight: 600; margin-right: 0.75em; } /** * Block */ /** * Elements */ .project-panel { --profile-size: 60px; } @media (min-width: 750px) { .project-panel { --profile-size: 0px; } } @media (min-width: 1060px) { .project-panel { --profile-size: 60px; } } @media (min-width: 1200px) { .project-panel { --profile-size: 70px; } } @media (min-width: 1500px) { .project-panel { --profile-size: 80px; } } @media (min-width: 1060px) { .project-panel .project-panel__image { margin-right: var(--notch-spacing); } } .project-panel .project-panel__info { position: relative; } .project-panel .project-panel__info h2 a, .project-panel .project-panel__info h3 a, .project-panel .project-panel__info p a { text-decoration-color: transparent; } @media (hover: hover) { .project-panel .project-panel__info h2 a:hover, .project-panel .project-panel__info h3 a:hover, .project-panel .project-panel__info p a:hover { text-decoration-color: var(--color-yellow); } } @media (min-width: 0px) and (max-width: 1060px) { .project-panel .project-panel__info { padding: var(--notch-spacing); } } .project-panel .project-panel__profile { width: var(--profile-size); border-radius: 50%; border: 3px solid #fff; position: absolute; top: calc(0px - var(--profile-size) / 2); } @media (min-width: 1060px) { .project-panel .project-panel__profile { top: calc(0px - var(--profile-size) / 2 + 1em); left: calc(0px - var(--notch-spacing) - var(--profile-size) / 2); } } .contact-map { aspect-ratio: 16/9; position: relative; display: flex; justify-content: center; align-items: center; } @media (min-width: 1060px) { .contact-map { height: calc(100% + var(--notch-spacing) * 5); aspect-ratio: auto; } } .contact-map .contact-map__marker { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; } .contact-map .contact-map__marker svg { width: 1.75em; } .contact-map img { -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; height: 100%; } /** * Block */ .method-overview { cursor: pointer; } @media (min-width: 0px) and (max-width: 750px) { .method-overview { display: inline-flex; margin-bottom: var(--space-lg); } } @media (min-width: 750px) { .method-overview { display: flex; flex-direction: column; height: 100%; } } @media (hover: hover) { .method-overview:hover .method-overview__heading { text-decoration: underline; } .method-overview:hover .method-overview__shape svg { transform: scale(0.95); } .method-overview:hover .method-overview__arrow { transform: rotate(90deg) translate(10px, 0); } } /** * Elements */ @media (min-width: 0px) and (max-width: 750px) { .method-overview .method-overview__text { text-align: left; } } @media (min-width: 750px) { .method-overview .method-overview__text { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .method-overview .method-overview__text p { max-width: 13em; margin: 0 auto; } } .method-overview .method-overview__shape { text-align: center; } .method-overview .method-overview__shape svg { transition: transform ease-in-out 250ms; } @media (min-width: 0px) and (max-width: 750px) { .method-overview .method-overview__shape svg { margin-top: var(--space); width: 50px; margin-right: 20px; } } @media (min-width: 375px) { .method-overview .method-overview__shape svg { width: 80px; margin-right: 25px; } } @media (min-width: 450px) { .method-overview .method-overview__shape svg { width: 110px; margin-right: 40px; } } @media (min-width: 750px) { .method-overview .method-overview__shape svg { width: 40%; margin-right: 0px; max-width: 250px; vertical-align: top; } } .method-overview .method-overview__arrow { border: 2px solid var(--color-grey); border-radius: 20px; transform: rotate(90deg); transition: transform ease-in-out 250ms; } @media (min-width: 0px) and (max-width: 1060px) { .method-overview .method-overview__arrow { width: 28px; padding: 5px; } } @media (min-width: 1060px) { .method-overview .method-overview__arrow { width: 40px; padding: 7px; } .method-block { text-align: center; } } .method-block svg { width: 40%; max-width: 500px; vertical-align: top; } @media (min-width: 1060px) { .method-block svg { width: 70%; max-width: 500px; } } #symbol-in .letter { fill: var(--color-light); } #symbol-in .symbol { fill: var(--color-grey); } #symbol-and .letter { fill: var(--color-light); } #symbol-and .symbol { fill: var(--color-green); } #symbol-out .letter { fill: var(--color-grey); } #symbol-out .symbol { fill: var(--color-yellow); } .team-selector-illustration { position: relative; overflow: hidden; } .team-selector-illustration img { position: absolute; border-radius: 50%; width: 33%; top: 7%; } .team-selector-illustration img:nth-of-type(1), .team-selector-illustration img:nth-of-type(2), .team-selector-illustration img:nth-of-type(3) { left: -16%; } .team-selector-illustration img:nth-of-type(4), .team-selector-illustration img:nth-of-type(5), .team-selector-illustration img:nth-of-type(6) { right: 0; } /** * Block */ .footer-cta .footer-cta__arrow { position: absolute; top: calc(var(--notch-spacing) / 1.5); left: var(--block-spacing); width: 24px; transform: rotate(90deg); } @media (min-width: 1060px) { .footer-cta .footer-cta__arrow { width: 32px; } } @media (min-width: 1500px) { .footer-cta .footer-cta__arrow { width: 40px; } } /** * Block */ .journal-post-sm { --profile-size: 32px; position: relative; display: flex; flex-direction: column; aspect-ratio: 5/7; } @media (min-width: 450px) { .journal-post-sm { --profile-size: 40px; } } @media (min-width: 750px) { .journal-post-sm { --profile-size: 56px; } } @media (min-width: 1060px) { .journal-post-sm { --profile-size: 40px; } } @media (min-width: 1200px) { .journal-post-sm { --profile-size: 64px; } } @media (min-width: 1500px) { .journal-post-sm { --profile-size: 76px; } } @media (min-width: 750px) { .journal-post-sm { aspect-ratio: 5/6.5; } } @media (min-width: 1060px) { .journal-post-sm { aspect-ratio: 5/7; } } @media (min-width: 1200px) { .journal-post-sm { aspect-ratio: 5/6.5; } } /** * Elements */ .journal-post-sm .journal-post-sm__content { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; flex-grow: 1; padding: calc(var(--block-spacing) / 1.75) calc(var(--block-spacing) / 2); } .journal-post-sm .journal-post-sm__content h3 a { text-decoration-color: transparent; } @media (hover: hover) { .journal-post-sm .journal-post-sm__content h3 a:hover { text-decoration-color: var(--color-yellow); } } @media (min-width: 0px) and (max-width: 1060px) { .journal-post-sm .journal-post-sm__content { padding: calc(var(--notch-spacing) / 2); } } .journal-post-sm .journal-post-sm__author { padding-right: calc(var(--profile-size) + 6px); } .journal-post-sm .journal-post-sm__image { aspect-ratio: 400/275; background: var(--color-yellow); } @media (min-width: 1060px) { .journal-post-sm .journal-post-sm__image { aspect-ratio: 400/270; } } @media (min-width: 1900px) { .journal-post-sm .journal-post-sm__image { aspect-ratio: 400/240; } } .journal-post-sm .journal-post-sm__image img { transition: opacity 150ms ease-in; } @media (hover: hover) { .journal-post-sm .journal-post-sm__image:hover img { opacity: 0.2; } } .journal-post-sm .journal-post-sm__insta { height: 100%; width: 100%; } .journal-post-sm .journal-post-sm__icon { position: absolute; z-index: 2; width: 24px; height: 24px; bottom: calc(var(--block-spacing) / 1.75); right: calc(var(--block-spacing) / 2); } @media (min-width: 1060px) { .journal-post-sm .journal-post-sm__icon { width: 34px; height: 34px; } } .journal-post-sm .journal-post-sm__profile { border-radius: 50%; position: absolute; top: calc(var(--block-spacing) / 3); right: calc(var(--block-spacing) / 3); width: calc(var(--profile-size) / 1.25); height: calc(var(--profile-size) / 1.25); filter: saturate(0); } /** * Modifiers */ @media (min-width: 0px) and (max-width: 1060px) { .journal-post-sm .journal-post-sm--ig { aspect-ratio: 1/1; } } .article-profile { display: flex; justify-content: flex-start; align-items: center; line-height: 1.25; } .article-profile img { width: clamp(3em, 5vw, 7em); border-radius: 50%; margin-right: 1.5em; } @media (min-width: 1200px) { .article-profile img { margin-right: 30px; } } .article-profile--lg img { width: clamp(4em, 8vw, 8em); } .profile-photo-footer { width: clamp(5em, 12vw, 14em); border-radius: 50%; } /** * Block */ .purpose-diagram { aspect-ratio: 2/4; position: relative; } @media (min-width: 750px) { .purpose-diagram { aspect-ratio: 4/2.5; } } /** * Elements */ .purpose-diagram__word { position: absolute; text-align: center; top: calc(50% - 1em); } @media (min-width: 750px) { .purpose-diagram__word { margin-left: 50%; text-align: left; } } .purpose-diagram__circle { position: absolute; display: block; background-color: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: clamp(120px, 13vw, 220px); height: clamp(120px, 13vw, 220px); padding: clamp(12px, 2%, 22px); border-radius: 50%; border: clamp(2px, 0.5vw, 10px) solid var(--color-yellow); line-height: 1.1; display: flex; align-items: center; justify-content: center; text-align: center; } .purpose-diagram__circle:hover { z-index: 50; } .photo-wall .grid-item { aspect-ratio: 85/105; } .photo-wall .photo-wall__image { border-radius: 10%; overflow: hidden; background: var(--color-yellow); } .photo-scroller { display: inline-flex; } .photo-scroller .team-map__member .team-map__member-inner { width: clamp(100px, 16vw, 300px); max-width: none; margin-left: 60px; } @media (hover: hover) { opi-diagram.opi-purpose .opi-diagram path.opi-purpose:hover { fill: var(--color-sprout); } opi-diagram.opi-behaviors .opi-diagram path.opi-behaviors:hover { fill: var(--color-peach); } opi-diagram.opi-systems .opi-diagram path.opi-systems:hover { fill: var(--color-wisteria); } } opi-diagram.opi-purpose .opi-diagram path.opi-purpose { fill: var(--color-sprout); } opi-diagram.opi-purpose .opi-diagram .opi-list-purpose { opacity: 1; } opi-diagram.opi-purpose .opi-diagram .opi-text-purpose { fill: var(--color-grey); } opi-diagram.opi-behaviors .opi-diagram path.opi-behaviors { fill: var(--color-peach); } opi-diagram.opi-behaviors .opi-diagram .opi-list-behaviors { opacity: 1; } @media (min-width: 0px) and (max-width: 750px) { opi-diagram.opi-behaviors .opi-diagram .opi-list-behaviors { order: 0; } } opi-diagram.opi-behaviors .opi-diagram .opi-text-behaviors { fill: var(--color-grey); } opi-diagram.opi-systems .opi-diagram path.opi-systems { fill: var(--color-wisteria); } opi-diagram.opi-systems .opi-diagram .opi-list-systems { opacity: 1; } @media (min-width: 0px) and (max-width: 750px) { opi-diagram.opi-systems .opi-diagram .opi-list-systems { order: 0; } } opi-diagram.opi-systems .opi-diagram .opi-text-systems { fill: var(--color-grey); } .opi-diagram .opi-lists { display: flex; flex-direction: column; } .opi-diagram .opi-list-purpose, .opi-diagram .opi-list-behaviors, .opi-diagram .opi-list-systems { opacity: 0.4; pointer-events: none; transition: 250ms opacity var(--easing); order: 1; } .opi-diagram .opi-list-purpose li::marker { color: var(--color-sprout); } .opi-diagram .opi-list-behaviors li::marker { color: var(--color-peach); } .opi-diagram .opi-list-systems li::marker { color: var(--color-wisteria); } .opi-diagram svg { max-width: 800px; } @media (min-width: 750px) { .opi-diagram svg { width: 80%; } } .opi-diagram svg path.opi-purpose, .opi-diagram svg path.opi-behaviors, .opi-diagram svg path.opi-systems { fill: transparent; cursor: pointer; transition: 250ms fill var(--easing); } .opi-diagram svg .opi-text-purpose, .opi-diagram svg .opi-text-behaviors, .opi-diagram svg .opi-text-systems { pointer-events: none; transition: 250ms fill var(--easing); } @media (hover: hover) { .opi-diagram svg path.opi-purpose:hover { fill: var(--color-sprout-fade); } .opi-diagram svg path.opi-behaviors:hover { fill: var(--color-peach-fade); } .opi-diagram svg path.opi-systems:hover { fill: var(--color-wisteria-fade); } } /** * Block */ .trend-menu { background: rgba(255, 255, 255, 0.96); width: 100%; transition: top 350ms var(--easing); } .trend-menu--top { padding: 20px 0; margin-bottom: var(--notch-spacing); position: sticky; z-index: 50; top: 0px; transition: top 350ms var(--easing); } .headroom--pinned .trend-menu--top { top: var(--stuck-header-height); } @media (min-width: 0) and (max-width: 750px) { .headroom--unpinned .trend-menu--top { top: var(--stuck-header-height); } } /** * Elements */ .trend-menu ul { display: flex; padding-left: var(--block-spacing); margin-bottom: 0; align-items: center; overflow-x: auto; scrollbar-color: #ccc transparent; scrollbar-width: thin; white-space: nowrap; } .trend-menu ul li { margin: 0 2em 0 0; } /*! purgecss end ignore */ /*! purgecss start ignore */ /****************************************************************** // GLOBAL HEADER ******************************************************************/ /** * Header block */ .header { z-index: 100; position: absolute; top: 0; left: 0; width: 100%; background: transparent; padding: 0 6%; backface-visibility: hidden; transition: transform 350ms var(--easing), background-color 300ms var(--easing); } @media (min-width: 375px) { .header { padding: 0 8%; } } @media (min-width: 1060px) { .header { padding: 0 4%; } } /** * Elements */ .header__primary { display: flex; align-items: center; justify-content: space-between; height: var(--header-height); } @media (min-width: 0px) and (max-width: 1200px) { .header__primary .site-menu { display: none; } } .header__primary .site-menu ul { display: flex; list-style: none; margin: 0; max-width: none; } .header__primary .site-menu ul li { margin: 0 0 0 2rem; position: relative; } @media (min-width: 1200px) { .header__primary .site-menu ul li { margin: 0 0 0 4rem; } } .header__primary .site-menu ul li > a { position: relative; display: inline-block; padding: 0.2rem 0; text-decoration: none; color: var(--color-grey); border-bottom: 2px solid transparent; transition: color 300ms var(--easing); } .header__primary .site-menu ul li p { padding: 0.2rem 0; border-bottom: 2px solid transparent; } @media (hover: hover) { .header__primary .site-menu ul li a:hover { cursor: pointer; color: var(--color-yellow); } } .header__primary .site-menu ul li.active > a { color: var(--color-yellow); } .header__primary .site-menu ul li ul { transform: translate3d(0, -10px, 0); opacity: 0; position: absolute; top: 100%; left: -1.25em; min-width: 200px; display: flex; flex-direction: column; padding: 0.5em 1.25em 0.75em; pointer-events: none; transition: transform 350ms var(--easing), opacity 350ms var(--easing); } .header__primary .site-menu ul li ul li { margin: 0 0 0.25em 0; } .header__primary .site-menu ul li ul.open { transform: translate3d(0, 0, 0); opacity: 1; pointer-events: auto; } .header__logo { height: 22px; } .header__logo a { display: inline-block; } .header__logo svg { width: 121px; height: 22px; vertical-align: top; fill: var(--color-grey); } @media (min-width: 750px) { .header__logo { height: 26px; } .header__logo svg { width: 143px; height: 26px; } } @media (min-width: 1200px) { .header__logo { height: 28px; } .header__logo svg { width: 154px; height: 28px; } } .header__menu-btn__trigger { position: relative; left: 2px; background-color: transparent; border: none; cursor: pointer; padding: 4px 2px; display: inline-flex; align-items: center; justify-content: flex-end; } .header__menu-btn__trigger:focus { outline: 0; } @media (min-width: 1200px) { .header__menu-btn { display: none; } .header__logo, .header__menu-btn { max-width: 156px; } } .headroom--not-top .header { position: fixed; top: calc(var(--stuck-header-height) * -1); transform: translate3d(0, -1px, 0); background-color: rgb(255, 255, 255); } .headroom--not-top .header .header__primary { height: var(--stuck-header-height); } .headroom--not-top.headroom--pinned .header__primary .site-menu ul li ul { background-color: rgb(255, 255, 255); } .headroom--not-top.headroom--pinned header { transform: translate3d(0, var(--stuck-header-height), 0); } @media (min-width: 0px) and (max-width: 750px) { .headroom--not-top header { transform: translate3d(0, var(--stuck-header-height), 0) !important; } } @media (hover: hover) { .home.headroom--top .site-menu ul li > a:hover { color: #fff; } } .mobile-menu { position: fixed; top: 0; right: 0; z-index: 99; height: 100%; width: 100%; visibility: hidden; transform: translateY(-100%); opacity: 0; backface-visibility: hidden; transition: opacity 150ms var(--easing) 150ms, 0ms visibility var(--easing); will-change: opacity; background: var(--color-grey); color: var(--color-white); padding: 0 6%; } @media (min-width: 375px) { .mobile-menu { padding: 0 8%; } } @media (min-width: 1060px) { .mobile-menu { padding: 0 4%; } } .mobile-menu .mobile-menu__primary { margin-top: calc(var(--header-height) + 1em); } .mobile-menu .mobile-menu__primary ul li { line-height: 1.2; display: block; margin: 0.75em 0 0; opacity: 0; transform: translate(0, -15px); transition: opacity 250ms var(--easing) 150ms, transform 250ms var(--easing) 150ms; } .mobile-menu .mobile-menu__primary ul li a { display: inline-block; text-decoration: none; position: relative; color: var(--color-light); } @media (hover: hover) { .mobile-menu .mobile-menu__primary ul li a:hover { text-decoration: underline; color: var(--color-yellow); } } .mobile-menu .mobile-menu__primary ul li p { color: var(--color-light); } .mobile-menu .mobile-menu__primary ul li:nth-of-type(1) { transition-delay: 50ms; } .mobile-menu .mobile-menu__primary ul li:nth-of-type(2) { transition-delay: 100ms; } .mobile-menu .mobile-menu__primary ul li:nth-of-type(3) { transition-delay: 150ms; } .mobile-menu .mobile-menu__primary ul li:nth-of-type(4) { transition-delay: 200ms; } .mobile-menu .mobile-menu__primary ul li:nth-of-type(5) { transition-delay: 250ms; } .mobile-menu .mobile-menu__primary ul li:nth-of-type(6) { transition-delay: 300ms; } .mobile-menu .mobile-menu__primary ul li ul { display: none; } .mobile-menu .mobile-menu__primary ul li ul.open, .mobile-menu .mobile-menu__primary ul li ul.open-always { display: block; } .mobile-menu .mobile-menu__primary ul li ul.open { margin-left: 3em; } .menu-active .header { position: fixed; } .menu-active .header .header__logo svg { fill: #fff; } .menu-active .header .hamburger, .menu-active .header .hamburger:before, .menu-active .header .hamburger:after { background-color: #fff; } .menu-active .header .hamburger-label span { color: #fff; } .menu-active .mobile-menu { transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 200ms var(--easing); } .menu-active .mobile-menu__primary ul li { opacity: 1; transform: translate(0, 0); } .menu-active.headroom--not-top .header { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } /** * Block */ /** * Elements */ .global-footer ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; } .global-footer ul li { margin: 0 2rem 0 0; } @media (min-width: 0px) and (max-width: 750px) { .global-footer ul li { width: 40%; } } @media (min-width: 1200px) { .global-footer ul li { margin: 0 4rem 0 0; } } .global-footer ul li a { position: relative; display: inline-block; padding: 0.2rem 0; text-decoration: none; color: var(--color-grey); border-bottom: 2px solid transparent; transition: color 300ms var(--easing); } @media (hover: hover) { .global-footer ul li a:hover { border-color: var(--color-grey); } } .global-footer .section { display: flex; } @media (min-width: 750px) { .global-footer .section { justify-content: space-between; } } .global-footer .section .right svg { width: 80px; vertical-align: top; } @media (min-width: 1060px) { .global-footer .section .right svg { width: 100px; } } /** * Block */ .page-heading { position: relative; padding: calc(var(--header-height) / 1.5 + var(--notch-spacing) * 1.75) 0 calc(var(--notch-spacing) * 1.75); } /** * Elements */ /** * Modifiers */ @media (min-width: 1060px) { .page-heading--home { padding: var(--header-height) 0 var(--space-xs) 0; min-height: calc(var(--100vh) - var(--notch-spacing)); display: flex; align-items: center; } } .page-heading--sm { padding: calc(var(--header-height) / 1.5 + var(--notch-spacing) * 1.75) 0 calc(var(--notch-spacing) * 1.25); } /** * Block */ /** * Elements */ .services .grid { align-items: baseline; position: relative; } .services .service { border-top: 1px solid var(--color-grey); padding: var(--space-xl) 0; } @media (min-width: 1200px) { .services .service { padding: var(--space-2xl) 0; } } .services .service:last-of-type { padding-bottom: 0; } .services .service__heading, .services .service__intro, .services .accordion__btn { grid-column: span 2; } .services .service__intro h2 { display: inline-block; } @media (hover: hover) { .services .service__intro h2 { cursor: pointer; transition: 200ms color var(--easing); } .services .service__intro h2:hover { color: var(--color-yellow); } } .services .optional-graphic { width: 50%; height: auto; max-width: 260px; } .services .service__deliverable .grid { align-items: start; } .services .service__deliverable svg { max-width: 100px; width: 70%; } @media (min-width: 750px) { .services .service__deliverable svg { max-width: 120px; } } @media (min-width: 1200px) { .services .service__deliverable svg { max-width: 140px; } } .services .service__deliverable ul { display: flex; flex-wrap: wrap; } .services .service__deliverable ul li { width: 100%; } @media (min-width: 750px) { .services .service__deliverable ul li { width: 50%; padding-right: var(--space-md); } } @media (min-width: 1060px) { .services .service__deliverable ul li { width: 100%; } } @media (min-width: 1200px) { .services .service__deliverable ul li { width: 50%; } .services .service__heading, .services .service__intro { grid-column: span 1; } .services .service__heading { grid-column-start: 2; padding-right: 8em; } .services .service__intro { grid-column-start: 1; grid-row: 1; } .services .accordion__btn { position: absolute; top: 0.2em; right: 0; } } /** * Modifiers */ /** * Block */ /** * Elements */ #team-map { --team-spacing: var(--block-spacing); --team-alt-row: calc(var(--team-spacing) * 2); position: relative; overflow: hidden; } #team-map.show-all .team-map__wrapper .team-map__member { display: block !important; } #team-map .text-btn.hide { display: none; } .team-map__wrapper { margin: 0 0 0; padding-bottom: calc(var(--team-spacing) + var(--team-alt-row)); } .team-map__wrapper .team-map__member { display: none; } .team-map__wrapper .team-map__member:nth-child(1), .team-map__wrapper .team-map__member:nth-child(2), .team-map__wrapper .team-map__member:nth-child(3), .team-map__wrapper .team-map__member:nth-child(4), .team-map__wrapper .team-map__member:nth-child(5), .team-map__wrapper .team-map__member:nth-child(6), .team-map__wrapper .team-map__member:nth-child(7), .team-map__wrapper .team-map__member:nth-child(8) { display: block; } .team-map__member { position: relative; } .team-map__member:nth-child(6n+1) .team-map__member-tease { background: var(--color-sea-pink); } .team-map__member:nth-child(6n+2) .team-map__member-tease { background: var(--color-peach); } .team-map__member:nth-child(6n+3) .team-map__member-tease { background: var(--color-sprout); } .team-map__member:nth-child(6n+4) .team-map__member-tease { background: var(--color-opal); } .team-map__member:nth-child(6n+5) .team-map__member-tease { background: var(--color-cornflower); } .team-map__member:nth-child(6n+6) .team-map__member-tease { background: var(--color-wisteria); } .team-map__wrapper .team-map__member { position: relative; margin-top: calc(var(--team-spacing)); } @media (min-width: 0) and (max-width: 1060px) { .team-map__wrapper .team-map__member:nth-child(even) { position: relative; top: var(--team-alt-row); } } @media (min-width: 1060px) { .team-map__wrapper .team-map__member:nth-child(4n+3), .team-map__wrapper .team-map__member:nth-child(4n+4) { position: relative; top: var(--team-alt-row); } } .team-map__member-inner { width: 70%; margin: 0 auto; max-width: 150px; position: relative; } @media (min-width: 1060px) { .team-map__member-inner { width: 50%; max-width: 200px; } } .team-map__member-inner a:hover { text-decoration: none; } .team-map__member-inner:hover .team-map__member-tease { pointer-events: auto; } .team-map__member-tease { position: absolute; border-radius: 50%; color: var(--color-grey); z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; padding: 2.75em 1em; } .team-map__member-tease p:nth-child(1) { display: flex; } .team-map__member-tease p:nth-child(1) svg { width: 14px; margin-right: 0.5em; } .team-map__member-tease svg:nth-child(3) { width: 1.25em; } @media (pointer: coarse) { .team-map__member-tease { left: 0; top: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden; } } @media (pointer: fine) { .team-map__member-tease { left: calc(var(--block-spacing) * -0.8); top: calc(var(--block-spacing) * -0.8); width: calc(100% + var(--block-spacing) * 1.6); height: calc(100% + var(--block-spacing) * 1.6); opacity: 0; transform: scale(0.85); pointer-events: none; } } .team-map__member-avatar { border-radius: 50%; overflow: hidden; filter: saturate(0); aspect-ratio: 1/1; background: var(--color-mid-grey); position: relative; z-index: 1; } .team-map__member-card-wrapper { position: fixed; z-index: 10; width: 100%; height: 100%; padding: var(--stuck-header-height) 0 0; top: 0; left: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; transition: background 0.15s ease-in; } @media (min-width: 750px) { .team-map__member-card-wrapper { padding: var(--stuck-header-height) 30px 0; } } .team-map__member-card-wrapper.active { pointer-events: auto; background: rgba(228, 226, 219, 0.5); cursor: url('data:image/svg+xml;utf8,'), auto; } .team-map__member-card { padding: var(--block-spacing); background: rgb(255, 255, 255); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); pointer-events: none; transform: scaleY(0); transform-origin: top; cursor: auto; overflow: auto; max-height: 100%; } @media (min-width: 750px) { .team-map__member-card { background: rgba(255, 255, 255, 0.85); } } .team-map__member-card.active { pointer-events: auto; } .team-map__member-card-inner { opacity: 0; position: relative; } .team-map__member-card-inner .close-button { position: absolute; top: calc(var(--block-spacing) / 1.5 * -1); right: calc(var(--block-spacing) / 1.5 * -1); background: transparent; border: none; padding: 4px; } .team-map__member-card-inner .close-button svg { stroke: var(--color-grey); } .team-map__member-card-inner .close-button:hover { cursor: pointer; } .team-map__member-card-inner .close-button:hover svg { stroke: var(--color-yellow); } .team-map__member-card-inner img { width: 80%; max-width: 300px; border-radius: 50%; margin: 0 auto; } .team-map__member-card-inner .location { display: flex; } .team-map__member-card-inner .location svg { width: 14px; margin-right: 0.5em; } .team-map__background { display: flex; overflow: visible; white-space: nowrap; z-index: 0; position: absolute; top: 0; left: 0; } .team-map__scrolling-image { width: auto; height: 100%; flex-shrink: 0; } /** * Modifiers */ /*! purgecss end ignore */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .fw-bold { font-weight: 700; } .lh-heading { line-height: var(--line-height-headings); } .lh-small { line-height: var(--line-height-small); } .lh-copy { line-height: var(--line-height); } .w-none { max-width: none; } .w-7 { max-width: 7em; } .w-8 { max-width: 8em; } .w-9 { max-width: 9em; } .w-10 { max-width: 10em; } .w-11 { max-width: 11em; } .w-12 { max-width: 12em; } .w-13 { max-width: 13em; } .w-14 { max-width: 14em; } .w-15 { max-width: 15em; } .w-16 { max-width: 16em; } .w-17 { max-width: 17em; } .w-18 { max-width: 18em; } .w-19 { max-width: 19em; } .w-20 { max-width: 20em; } .w-21 { max-width: 21em; } .w-22 { max-width: 22em; } .w-23 { max-width: 23em; } .w-24 { max-width: 24em; } .w-25 { max-width: 25em; } .w-26 { max-width: 26em; } .w-27 { max-width: 27em; } .w-28 { max-width: 28em; } .w-29 { max-width: 29em; } .w-30 { max-width: 30em; } .inherit.w-7 p { max-width: 7em; } .inherit.w-8 p { max-width: 8em; } .inherit.w-9 p { max-width: 9em; } .inherit.w-10 p { max-width: 10em; } .inherit.w-11 p { max-width: 11em; } .inherit.w-12 p { max-width: 12em; } .inherit.w-13 p { max-width: 13em; } .inherit.w-14 p { max-width: 14em; } .inherit.w-15 p { max-width: 15em; } .inherit.w-16 p { max-width: 16em; } .inherit.w-17 p { max-width: 17em; } .inherit.w-18 p { max-width: 18em; } .inherit.w-19 p { max-width: 19em; } .inherit.w-20 p { max-width: 20em; } .inherit.w-21 p { max-width: 21em; } .inherit.w-22 p { max-width: 22em; } .inherit.w-23 p { max-width: 23em; } .inherit.w-24 p { max-width: 24em; } .inherit.w-25 p { max-width: 25em; } .inherit.w-26 p { max-width: 26em; } .inherit.w-27 p { max-width: 27em; } .inherit.w-28 p { max-width: 28em; } .inherit.w-29 p { max-width: 29em; } .inherit.w-30 p { max-width: 30em; } .pb-notch { padding-bottom: var(--notch-spacing); } @media (min-width: 1060px) { .block-pull-left { left: calc(var(--block-spacing) / 2 * -1); position: relative; } } .block-pull-left-full { left: calc(var(--block-spacing) * -1); position: relative; } .block-pull-left-full svg { vertical-align: top; } @media (min-width: 0px) and (max-width: 1060px) { .block-pull-left-full { width: calc(100% + var(--block-spacing) * 2); } } @media (min-width: 1060px) { .image-full-notch { z-index: 10; width: calc(100% + var(--block-spacing) * 1); margin-top: calc(var(--notch-spacing) * 2 * -1); margin-bottom: calc(var(--notch-spacing) * 2 * -1); } .block-right { margin-right: var(--block-spacing); } } @media (min-width: 0px) and (max-width: 1060px) { .mobile-flip { transform: scaleX(-100%); } } .no-scroll { overflow: hidden; } .hidden { display: none; } .hidden.not-hidden { display: block !important; } .d-block { display: block; } .relative { position: relative; } hr { border: none; height: 2px; background-color: var(--color-grey); } .align-center { margin-left: auto; margin-right: auto; } @media (min-width: 1060px) { .opi-logo { position: absolute; bottom: 0; left: 0; } } .opi-logo img, .opi-logo svg { height: auto; width: clamp(100px, 14vw, 257px); } /*# sourceMappingURL=style.css.map*/