.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8));}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,100%{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}[data-fa-icon]::before,.fa{--fa-width:1.25em;--fa-height:1em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-flex);font-style:normal;font-variant:normal;text-rendering:auto;width:min(var(--fa-width), 100%);height:var(--fa-height);aspect-ratio:1.25;-webkit-mask-image:var(--fa-icon,url());mask-image:var(--fa-icon,url());-webkit-mask-size:min(var(--fa-width), 100%) min(var(--fa-height), 100%);mask-size:min(var(--fa-width), 100%) min(var(--fa-height), 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor;content:"\200B";justify-content:center;align-items:center;justify-self:center;align-self:center}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)* -1);top:calc((var(--fa-li-height, 1.6em) - 1em) / 2);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scale(-1,1)}.fa-flip-vertical{transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1,-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07142857em;vertical-align:.05357143em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04166667em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}::view-transition-group(*){animation:none}.container{margin-left:auto;margin-right:auto}.video-container{aspect-ratio:16 / 9}.video-container iframe,.video-container object,.video-container embed,.video-container video,.video-container figure{width:100%!important;height:100%!important}#framework_cookiewarning{padding:0 10px;width:100%;position:fixed;bottom:10px;z-index:9999;left:0;background:none}#framework_cookiewarning a{color:#FFF}#framework_cookiewarning .framework_cookie_warning_inner{background:#000;background:rgb(0 0 0 / .78);border-radius:4px;text-align:center;font-family:'Open Sans','Calibri','Helvetica','Arial';z-index:99999;color:#FFF;font-size:11px;line-height:20px;padding:0 40px 0 5px;max-width:505px;display:block;margin:0 auto;position:relative}#framework_cookiewarning .framework_cookie_warning_inner .framework_cookie_warning_title{color:#1578C6;font-size:20px;font-weight:700;margin:0 0 5px}#framework_cookiewarning .framework_cookie_warning_inner .framework_cookie_warning_text{padding:5px;width:100%}#framework_cookiewarning .framework_cookie_warning_inner a:focus,#framework_cookiewarning .framework_cookie_warning_inner button:focus{outline:1px dotted #fff}#framework_cookiewarning .framework_cookie_warning_inner .framework_cookie_close_btn{display:block;background:#000;background:rgb(0 0 0 / .48);padding:5px 15px;position:absolute;color:#fff;border:none!important;font-size:12px;border-radius:0 4px 4px 0;right:0;top:0;bottom:0}@media only screen and (max-width:540px){#framework_cookiewarning .framework_cookie_warning_inner{width:auto;margin-left:10px;left:0}#framework_cookiewarning .framework_cookie_warning_inner .framework_cookie_close_btn{height:100%;line-height:40px;font-size:14px}}.framework-close{width:20px;height:20px;opacity:.3;position:relative;cursor:pointer}.framework-close:hover{opacity:1}.framework-close:before,.framework-close:after{position:absolute;left:10px;content:' ';height:20px;width:2px;background-color:#333}.framework-close:before{transform:rotate(45deg)}.framework-close:after{transform:rotate(-45deg)}html.framework-lock,html.framework-lock body{width:100%;height:100%;margin:0;overflow:hidden}.framework-button{border:none;background-color:#86BC25;border-color:#86BC25;border-style:solid;border-width:1px;font-family:'Helvetica','Arial',sans-serif;color:#fff;text-align:center;font-size:14px;font-weight:700;line-height:20px;min-height:40px;cursor:pointer;border-radius:10px;text-decoration:none;box-shadow:none;padding:9px 14px;display:inline-flex;align-items:center;-webkit-appearance:none}.framework-button:hover{box-shadow:0 0 10px 2px rgba(var(--framework-cookies-main-color),.35)}.framework-button.framework-button-secondary{background-color:#fff0;color:#86BC25}.framework-link{cursor:pointer;text-decoration:underline}.framework-toggle{width:40px;position:relative;user-select:none;display:inline-flex}.framework-toggle label{display:block;cursor:pointer;height:15px;width:100%;padding:0;margin:0;line-height:24px;border:none;border-radius:400px;background-color:#efefef;transition:background-color 0.3s ease-in;box-shadow:inset 0 1px 4px rgb(0 0 0 / .15);position:relative}.framework-toggle label:before{content:"";display:block;width:18px;height:18px;margin:0;background:#fff;position:absolute;top:-2px;bottom:auto;right:20px;border:1px solid #d6d6d6;border-radius:50%;transition:all 0.15s ease-in 0s;box-sizing:content-box}.framework-toggle input{display:none}.framework-toggle input:checked+label{background-color:#74A120}.framework-toggle input:checked+label:before{right:0;box-shadow:-1px 1px 5px rgb(0 0 0 / .15)}#framework-cookies-warning{padding:0 10px;width:100%;position:fixed;bottom:10px;z-index:9999;left:0;background:none;display:flex;justify-content:center}#framework-cookies-warning.closed{display:none}#framework-cookies-warning a{color:#FFF}#framework-cookies-warning #framework-cookies-warning-inner{background:rgb(0 0 0 / .8);border-radius:4px;text-align:center;font-family:'Helvetica','Arial',sans-serif;z-index:99999;color:#FFF;font-size:11px;line-height:20px;padding:5px 40px 5px 10px;display:flex;position:relative}#framework-cookies-warning #framework-cookies-warning-inner #framework-cookies-warning-content{padding:0}#framework-cookies-warning #framework-cookies-warning-inner #framework-cookies-warning-actions{padding:0 10px}#framework-cookies-warning #framework-cookies-warning-inner #framework-cookies-warning-actions a{text-decoration:underline;cursor:pointer}#framework-cookies-warning #framework-cookies-warning-inner #framework-cookies-warning-actions a:not(:first-child){margin-left:5px}#framework-cookies-warning #framework-cookies-warning-inner #framework-cookies-warning-close{display:block;background:rgb(0 0 0 / .5);padding:5px 15px;position:absolute;color:#fff;border:none!important;font-size:12px;border-radius:0 4px 4px 0;right:0;top:0;bottom:0;cursor:pointer}#framework-cookies-banner{position:fixed;z-index:9999;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -5px 10px 0 rgb(0 0 0 / .15);font-family:'Helvetica','Arial',sans-serif;font-size:16px;contain:layout style paint;width:100dvw}#framework-cookies-banner .framework-button,#framework-cookies-banner .framework-link{font-size:inherit}#framework-cookies-banner #framework-cookies-banner-inner{padding:2em 5vw;display:flex;align-items:center;row-gap:20px;column-gap:40px}#framework-cookies-banner #framework-cookies-banner-content{flex-grow:1;flex-shrink:1;color:#333;font-size:inherit;font-weight:400;line-height:1.5em;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis}#framework-cookies-banner #framework-cookies-banner-content>*:first-child{margin-top:0}#framework-cookies-banner #framework-cookies-banner-content>*:last-child{margin-bottom:0}#framework-cookies-banner #framework-cookies-banner-content a{color:rgba(var(--framework-cookies-main-color),1)}#framework-cookies-banner #framework-cookies-banner-actions{flex-grow:0;flex-shrink:0;display:flex;gap:20px}@media screen and (max-width:767px){#framework-cookies-banner #framework-cookies-banner-inner{flex-direction:column;align-items:flex-start}#framework-cookies-banner #framework-cookies-banner-actions{flex-direction:row-reverse;width:100%;justify-content:space-between}}#framework-cookies .framework-button,#framework-cookies-banner .framework-button{border-color:rgba(var(--framework-cookies-main-color),1)}#framework-cookies .framework-button:not(.framework-button-secondary),#framework-cookies-banner .framework-button:not(.framework-button-secondary){background-color:rgba(var(--framework-cookies-main-color),1)}#framework-cookies .framework-button.framework-button-secondary,#framework-cookies-banner .framework-button.framework-button-secondary{color:rgba(var(--framework-cookies-main-color),1)}#framework-cookies .framework-link,#framework-cookies-banner .framework-link{color:rgba(var(--framework-cookies-main-color),1)}#framework-cookies{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgb(0 0 0 / .55);font-size:14px;font-family:'Helvetica','Arial',sans-serif;--framework-cookies-main-color:0, 64, 119}#framework-cookies.closed{display:none!important}#framework-cookies h1{font-size:24px}#framework-cookies h2{font-size:20px}#framework-cookies h3{font-size:18px}#framework-cookies h4{font-size:16px}#framework-cookies p,#framework-cookies blockquote,#framework-cookies hr,#framework-cookies pre,#framework-cookies ol,#framework-cookies ul,#framework-cookies dl,#framework-cookies table,#framework-cookies fieldset,#framework-cookies figure,#framework-cookies address,#framework-cookies form{margin-top:15px}#framework-cookies #framework-cookies-inner{width:100%;height:100%;padding:15px;max-width:720px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center}#framework-cookies #framework-cookies-inner #framework-cookies-content{max-height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:0 0 15px 5px rgb(0 0 0 / .2);flex:0 0 auto}#framework-cookies #framework-cookies-inner #framework-cookies-content .framework-cookies-content{max-height:100%;display:flex;flex-direction:column;display:contents}#framework-cookies #framework-cookies-inner .framework-cookies-top{display:flex;padding:15px;border-bottom:1px solid #ccc;flex-grow:0;flex-shrink:0}#framework-cookies #framework-cookies-inner .framework-cookies-top .framework-cookies-title{font-weight:700;color:rgba(var(--framework-cookies-main-color),1);font-size:16px}#framework-cookies #framework-cookies-inner .framework-cookies-top .framework-close{margin-left:auto}#framework-cookies #framework-cookies-inner .framework-cookies-bottom{display:flex;align-items:center;padding:10px 15px;border-top:1px solid #ccc;flex-grow:0;flex-shrink:0}#framework-cookies #framework-cookies-inner .framework-cookies-bottom .framework-cookies-bottom-close{font-size:13px;color:#333;cursor:pointer}#framework-cookies #framework-cookies-inner .framework-cookies-bottom .framework-cookies-bottom-close:hover{text-decoration:underline}#framework-cookies #framework-cookies-inner .framework-cookies-bottom .framework-button{margin-left:auto;cursor:pointer}#framework-cookies .framework-cookies-body{overflow:auto}#framework-cookies .framework-cookies-body::-webkit-scrollbar{width:5px;height:5px}#framework-cookies .framework-cookies-body::-webkit-scrollbar-button{width:0;height:0}#framework-cookies .framework-cookies-body::-webkit-scrollbar-thumb{background:rgba(var(--framework-cookies-main-color),.25)}#framework-cookies .framework-cookies-body::-webkit-scrollbar-thumb:hover,#framework-cookies .framework-cookies-body::-webkit-scrollbar-thumb:active{background:rgba(var(--framework-cookies-main-color),.5)}#framework-cookies .framework-cookies-body::-webkit-scrollbar-track{background:rgba(var(--framework-cookies-main-color),.25)}#framework-cookies .framework-cookies-body::-webkit-scrollbar-corner{background:#fff0}#framework-cookies .framework-cookies-body .framework-cookie-title{font-size:20px;font-weight:700;color:#333}#framework-cookies .framework-cookies-body .framework-cookie-title.framework-cookie-title--small{font-size:16px}#framework-cookies .framework-cookies-body .framework-cookie-content{color:#333;font-weight:400;line-height:20px}#framework-cookies .framework-cookies-body .framework-cookie-content *{color:#333}#framework-cookies .framework-cookies-body .framework-cookie-content a{color:rgba(var(--framework-cookies-main-color),1);text-decoration:none}#framework-cookies .framework-cookies-body .framework-cookie-content a:hover{text-decoration:underline}#framework-cookies .framework-cookies-body .framework-cookie-content>*:first-child{margin-top:0}#framework-cookies .framework-cookies-body .framework-cookie-content>*:last-child{margin-bottom:0}#framework-cookies .framework-cookies-body .framework-cookies-intro{padding:15px}#framework-cookies .framework-cookies-body #framework-cookies-packages{padding-bottom:15px;background:#dedede}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package{display:flex;flex-direction:column;padding:15px 15px 0 15px}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package.active .framework-cookie-package-inner{border-color:rgba(var(--framework-cookies-main-color),1)}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package .framework-cookie-package-inner{border:2px solid #fff0;padding:15px;overflow:hidden;background:#fff}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package .framework-cookie-package-details .framework-cookie-title{display:flex;align-items:center}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package .framework-cookie-package-details .framework-cookie-title .framework-toggle{margin-left:auto}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package .framework-cookie-package-details p{margin-top:10px}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package .framework-cookie-package-list{margin-top:15px}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package ul{list-style:none;margin:15px 0 0 0;padding:0}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package ul li{position:relative;padding-left:20px;line-height:20px}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package ul li:before{content:" ";position:absolute;left:0;top:2px;height:15px;width:15px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url('data:image/svg+xml;utf8,')}#framework-cookies .framework-cookies-body #framework-cookies-packages .framework-cookie-package ul li:not(:first-child){margin-top:5px}.framework-cookies-consent-wrapper{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;text-align:center;position:absolute;top:0;left:0;background:#e4e4e4;padding:20px}.framework-cookies-consent-wrapper>*:first-child{margin-top:0}.framework-cookies-consent-wrapper>*:last-child{margin-bottom:0}*[data-cookies-static] .framework-cookies-consent-wrapper{position:static}@media only screen and (max-width:767px){#framework-cookies-banner{font-size:14px}#framework-cookies-banner #framework-cookies-banner-inner{padding:20px}}.framework-lazy-holder{display:block}.framework-lazy-holder:not([data-cover]){position:relative}.framework-lazy-holder source{display:none}.framework-lazy-holder img{display:block}.framework-lazy-holder img[data-src],.framework-lazy-holder img[data-srcset]{min-width:1px;min-height:1px}.framework-lazy-holder img:not([src]):not([srcset]){visibility:hidden}.framework-lazy-holder img[data-cover]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.framework-lazy-holder img.error{visibility:hidden}.framework-lazy-holder figcaption{top:unset}.phpdebugbar-fa:before{--fa-width:1.25em;--fa-height:1em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-flex);font-style:normal;font-variant:normal;text-rendering:auto;width:min(var(--fa-width), 100%);height:var(--fa-height);aspect-ratio:1.25;-webkit-mask-image:var(--fa-icon,url());mask-image:var(--fa-icon,url());-webkit-mask-size:min(var(--fa-width), 100%) min(var(--fa-height), 100%);mask-size:min(var(--fa-width), 100%) min(var(--fa-height), 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor;content:"\200B";justify-content:center;align-items:center;justify-self:center;align-self:center}
/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
monospace;--color-slate-800:oklch(27.9% 0.041 260.031);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-800:oklch(27.8% 0.033 256.848);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-body:Poppins, Helvetica, sans-serif;--font-heading:Poppins, Helvetica, sans-serif;--text-h1:2.875rem;--text-h1--line-height:1.2;--text-h2:var(--text-4xl);--text-h2--line-height:1.2;--text-h3:var(--text-2xl);--text-h3--line-height:1.2;--text-h4:var(--text-xl);--text-h4--line-height:1.2;--text-h5:1rem;--text-h5--line-height:1.2;--text-h6:var(--text-sm);--text-h6--line-height:1.2;--color-green:#1E3A35;--color-green-lighter:#2F5D50;--color-green-light:#8AA899;--color-sand:#FEFAE1;--color-sand-hover:#FDFBEE;--color-red:#952B2B;--color-red-light:#AA3C3C;--color-orange:#E27D64;--color-orange-light:#F4A261;--color-yellow:#E9D28B;--color-yellow-hover:#E5C76A;--color-gray:#ECE8E5;--color-black-hover:#1E1E1E;--color-blue:#001A2F;--color-blue-light:#023C5B;--color-primary:var(--color-yellow);--color-body:var(--color-sand);--color-background:var(--color-green);--color-background-accent:var(--color-green-lighter);--color-accent:var(--color-green-lighter);--color-headings:var(--color-sand);--color-headings-accent:var(--color-green-light);--color-header:var(--color-sand);--color-border:var(--color-green-lighter);--color-footer:var(--color-green-lighter);--color-popup:var(--color-green-lighter);--color-popup-menu-bar:var(--color-green);--animate-fade-in:fadeIn 0.4s ease-in-out}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji');font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:#fff0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:#fff0;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type='button'],[type='reset'],[type='submit']),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden='until-found'])){display:none!important}}@layer utilities{.gradient-bottom-left{&::before{content:var(--tw-content);pointer-events:none}&::before{content:var(--tw-content);position:absolute}&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}&::before{content:var(--tw-content);z-index:1}&::before{content:var(--tw-content);width:100%;height:100%}&::before{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}&::before{content:var(--tw-content);background-image:linear-gradient(213deg,#fff0 50.92%,var(--color-accent) 81.42%)}&::before{content:var(--tw-content);--tw-content:'';content:var(--tw-content)}}.gradient-bottom-left-small{&::before{content:var(--tw-content);pointer-events:none}&::before{content:var(--tw-content);position:absolute}&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}&::before{content:var(--tw-content);z-index:1}&::before{content:var(--tw-content);width:100%;height:100%}&::before{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}&::before{content:var(--tw-content);background-image:linear-gradient(213deg,#fff0 50.92%,var(--color-accent) 81.42%)}&::before{content:var(--tw-content);--tw-content:'';content:var(--tw-content)}}.gradient-left{&::before{content:var(--tw-content);pointer-events:none}&::before{content:var(--tw-content);position:absolute}&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}&::before{content:var(--tw-content);z-index:1}&::before{content:var(--tw-content);width:100%;height:100%}&::before{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}&::before{content:var(--tw-content);background-image:linear-gradient(275deg,#fff0 40%,var(--color-background) 87.5%)}&::before{content:var(--tw-content);--tw-content:'';content:var(--tw-content)}}.gradient-top-left{&::before{content:var(--tw-content);pointer-events:none}&::before{content:var(--tw-content);position:absolute}&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}&::before{content:var(--tw-content);z-index:1}&::before{content:var(--tw-content);width:100%;height:100%}&::before{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}&::before{content:var(--tw-content);background-image:linear-gradient(315deg,#fff0 56.18%,var(--color-accent) 83.18%)}&::before{content:var(--tw-content);--tw-content:'';content:var(--tw-content)}}.gradient-bg{&::before{content:var(--tw-content);pointer-events:none}&::before{content:var(--tw-content);position:fixed}&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}&::before{content:var(--tw-content);z-index:9999}&::before{content:var(--tw-content);height:100dvh}&::before{content:var(--tw-content);width:100%}&::before{content:var(--tw-content);background-image:url(/_webblocks/images/noise.png)}&::before{content:var(--tw-content);background-repeat:repeat}&::before{content:var(--tw-content);opacity:5%}&::before{content:var(--tw-content);--tw-content:'';content:var(--tw-content)}}.gradient-light{&::before{content:var(--tw-content);pointer-events:none}&::before{content:var(--tw-content);position:absolute}&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0)}&::before{content:var(--tw-content);z-index:1}&::before{content:var(--tw-content);background-color:color-mix(in srgb,#000 25%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 25%,transparent)}}&::before{content:var(--tw-content);--tw-content:'';content:var(--tw-content)}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.link{position:relative;display:inline-flex;align-items:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-decoration-line:none;>i:first-child{margin-right:10px;margin-right:calc(var(--spacing) * 2)}>i:last-child:not(.fa-left){margin-left:calc(var(--spacing) * 2)}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.-top-2{top:calc(var(--spacing) * -2)}.top-1\/2{top:calc(1/2 * 100%)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:calc(var(--spacing) * 0)}.right-7{right:calc(var(--spacing) * 7)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-7{bottom:calc(var(--spacing) * 7)}.left-1\/2{left:calc(1/2 * 100%)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-\[999\]{z-index:999}.z-\[1000\]{z-index:1000}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-start-1{grid-column-start:1}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.container{width:100%;@media (width>=768px){max-width:768px}@media (width>=1024px){max-width:1024px}@media (width>=1280px){max-width:1280px}@media (width>=64rem){max-width:64rem}@media (width>=96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.ooc{margin-inline:calc(calc((100vw - 100%) / 2) * -1)}.margin-builder{margin-top:var(--builder-gutter)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[424\/424\]{aspect-ratio:424/424}.aspect-\[520\/520\]{aspect-ratio:520/520}.aspect-\[680\/900\]{aspect-ratio:680/900}.aspect-\[1352\/600\]{aspect-ratio:1352/600}.aspect-\[1360\/555\]{aspect-ratio:1360/555}.aspect-video{aspect-ratio:var(--aspect-video)}.scroll-lock{height:100%;width:100%;overflow:hidden}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-full{width:100%;height:100%}.h-\[var\(--header-height\)\]{height:var(--header-height)}.h-fit{height:fit-content}.h-full{height:100%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-\[250px\]{min-height:250px}.min-h-full{min-height:100%}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[100px\]{max-width:100px}.max-w-\[200px\]\!{max-width:200px!important}.max-w-\[450px\]{max-width:450px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\[30px\]{min-width:30px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-1{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[300\%\]{--tw-translate-y:300%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[6px\]{gap:6px}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.-space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}}.divide-accent{:where(&>:not(:last-child)){border-color:var(--color-accent)}}.divide-background-accent{:where(&>:not(:last-child)){border-color:var(--color-background-accent)}}.divide-border{:where(&>:not(:last-child)){border-color:var(--color-border)}}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-tl-md{border-top-left-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-background{border-color:var(--color-background)}.border-background-accent{border-color:var(--color-background-accent)}.border-border{border-color:var(--color-border)}.border-transparent{border-color:#fff0}.bg-\[\#02E00A\]{background-color:#02E00A}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-background-accent{background-color:var(--color-background-accent)}.bg-black{background-color:var(--color-black)}.bg-blue{background-color:var(--color-blue)}.bg-footer{background-color:var(--color-footer)}.bg-headings{background-color:var(--color-headings)}.bg-popup{background-color:var(--color-popup)}.bg-popup-menu-bar{background-color:var(--color-popup-menu-bar)}.bg-primary{background-color:var(--color-primary)}.bg-red{background-color:var(--color-red)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[5px\]{padding:5px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-h1{font-size:var(--text-h1);line-height:var(--tw-leading,var(--text-h1--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.text-background{color:var(--color-background)}.text-background-accent{color:var(--color-background-accent)}.text-black{color:var(--color-black)}.text-body{color:var(--color-body)}.text-green-light{color:var(--color-green-light)}.text-header{color:var(--color-header)}.text-headings-accent{color:var(--color-headings-accent)}.text-primary{color:var(--color-primary)}.text-primary\/80{color:color-mix(in srgb,#E9D28B 80%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}.text-sand{color:var(--color-sand)}.text-white{color:var(--color-white)}.no-underline{text-decoration-line:none}.opacity-0{opacity:0%}.opacity-50{opacity:50%}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-10{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(10px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-12{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(12px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-white{--tw-ring-color:var(--color-white)}.ring-white\/20{--tw-ring-color:color-mix(in srgb, #fff 20%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert-100{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:300ms;transition-duration:300ms}.duration-400{--tw-duration:400ms;transition-duration:400ms}.duration-500{--tw-duration:500ms;transition-duration:500ms}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.button-blue{--button-background-color:var(--color-blue);--button-background-color-hover:var(--color-blue-light);--button-color:var(--color-white);--button-color-hover:var(--color-white)}.button-orange{--button-background-color:var(--color-orange-light);--button-background-color-hover:var(--color-orange);--button-color:var(--color-blue);--button-color-hover:var(--color-blue)}.button-red{--button-background-color:var(--color-red);--button-background-color-hover:var(--color-red-light);--button-color:var(--color-white);--button-color-hover:var(--color-white)}.button-secondary{--button-background-color:var(--color-black);--button-background-color-hover:var(--color-black-hover);--button-color:var(--color-white);--button-color-hover:var(--color-white)}.button-yellow{--button-background-color:var(--color-yellow);--button-background-color-hover:var(--color-yellow-hover);--button-color:var(--color-black);--button-color-hover:var(--color-black)}.button-small{--button-padding-tb:10px;--button-padding-lr:20px;--button-font-size:var(--text-sm)}.margin-builder-medium{--builder-gutter:2.75rem;@media (min-width:1024px){--builder-gutter:3.75rem}}.margin-builder-small{--builder-gutter:1.75rem;@media (min-width:1024px){--builder-gutter:2.5rem}}.select-none{-webkit-user-select:none;user-select:none}.margin-builder-article{--builder-gutter:var(--mt-text)}.\*\:text-body{:is(&>*){color:var(--color-body)}}.\*\:text-headings\!{:is(&>*){color:var(--color-headings)!important}}.\*\*\:mt-4{:is(& *){margin-top:calc(var(--spacing) * 4)}}.\*\*\:duration-300{:is(& *){--tw-duration:300ms;transition-duration:300ms}}.\*\*\:ease-in-out{:is(& *){--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}.group-hover\:underline{&:is(:where(.group):hover *){@media (hover:hover){text-decoration-line:underline}}}.group-hover\:opacity-100{&:is(:where(.group):hover *){@media (hover:hover){opacity:100%}}}.before\:pointer-events-none{&::before{content:var(--tw-content);pointer-events:none}}.before\:absolute{&::before{content:var(--tw-content);position:absolute}}.before\:bottom-0{&::before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}}.before\:left-0{&::before{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.before\:h-\[1px\]{&::before{content:var(--tw-content);height:1px}}.before\:w-full{&::before{content:var(--tw-content);width:100%}}.before\:bg-background{&::before{content:var(--tw-content);background-color:var(--color-background)}}.before\:transition-all{&::before{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.before\:duration-300{&::before{content:var(--tw-content);--tw-duration:300ms;transition-duration:300ms}}.before\:ease-in-out{&::before{content:var(--tw-content);--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}.before\:content-\[\'\'\] {
&::before {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
}
.after\:pointer-events-none {
&::after {
content: var(--tw-content);
pointer-events: none;
}
}
.after\:invisible {
&::after {
content: var(--tw-content);
visibility: hidden;
}
}
.after\:fixed {
&::after {
content: var(--tw-content);
position: fixed;
}
}
.after\:inset-0 {
&::after {
content: var(--tw-content);
inset: calc(var(--spacing) * 0);
}
}
.after\:z-\[10\] {
&::after {
content: var(--tw-content);
z-index: 10;
}
}
.after\:size-full {
&::after {
content: var(--tw-content);
width: 100%;
height: 100%;
}
}
.after\:bg-black\/40 {
&::after {
content: var(--tw-content);
background-color: color-mix(in srgb, #000 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
}
.after\:opacity-0 {
&::after {
content: var(--tw-content);
opacity: 0%;
}
}
.after\:transition-opacity {
&::after {
content: var(--tw-content);
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
}
.after\:duration-300 {
&::after {
content: var(--tw-content);
--tw-duration: 300ms;
transition-duration: 300ms;
}
}
.after\:content-\[\'\'\] {
&::after {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
}
.group-hover\:after\:translate-x-1 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
&::after {
content: var(--tw-content);
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
}
.first\:border-t {
&:first-child {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
}
.first\:pt-0 {
&:first-child {
padding-top: calc(var(--spacing) * 0);
}
}
.hover\:bg-background {
&:hover {
@media (hover: hover) {
background-color: var(--color-background);
}
}
}
.hover\:bg-white {
&:hover {
@media (hover: hover) {
background-color: var(--color-white);
}
}
}
.hover\:text-background {
&:hover {
@media (hover: hover) {
color: var(--color-background);
}
}
}
.hover\:text-black {
&:hover {
@media (hover: hover) {
color: var(--color-black);
}
}
}
.hover\:text-body {
&:hover {
@media (hover: hover) {
color: var(--color-body);
}
}
}
.hover\:text-white {
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
}
.hover\:text-yellow {
&:hover {
@media (hover: hover) {
color: var(--color-yellow);
}
}
}
.hover\:underline {
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
.hover\:ring-15 {
&:hover {
@media (hover: hover) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(15px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
}
.hover\:ring-25 {
&:hover {
@media (hover: hover) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(25px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
}
.\*\*\:hover\:underline {
:is(& *) {
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
}
.sm\:grid-cols-2 {
@media (width >= 768px) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.sm\:grid-cols-3 {
@media (width >= 768px) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.sm\:gap-5 {
@media (width >= 768px) {
gap: calc(var(--spacing) * 5);
}
}
.sm\:pb-6 {
@media (width >= 768px) {
padding-bottom: calc(var(--spacing) * 6);
}
}
.md\:gradient-dark {
@media (width >= 1024px) {
&::before {
content: var(--tw-content);
pointer-events: none;
}
&::before {
content: var(--tw-content);
position: absolute;
}
&::before {
content: var(--tw-content);
inset: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
z-index: 1;
}
&::before {
content: var(--tw-content);
background-image: linear-gradient(0deg,rgba(0,0,0,0.50) 0%,rgba(0,0,0,0.50) 100%);
}
&::before {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
}
}
.md\:absolute {
@media (width >= 1024px) {
position: absolute;
}
}
.md\:absolute\! {
@media (width >= 1024px) {
position: absolute !important;
}
}
.md\:sticky {
@media (width >= 1024px) {
position: sticky;
}
}
.md\:inset-0 {
@media (width >= 1024px) {
inset: calc(var(--spacing) * 0);
}
}
.md\:-top-14 {
@media (width >= 1024px) {
top: calc(var(--spacing) * -14);
}
}
.md\:-top-24 {
@media (width >= 1024px) {
top: calc(var(--spacing) * -24);
}
}
.md\:top-\[calc\(var\(--header-height\)\+2rem\)\] {
@media (width >= 1024px) {
top: calc(var(--header-height) + 2rem);
}
}
.md\:top-\[calc\(var\(--header-height-bottom\)-18px\)\] {
@media (width >= 1024px) {
top: calc(var(--header-height-bottom) - 18px);
}
}
.md\:bottom-10 {
@media (width >= 1024px) {
bottom: calc(var(--spacing) * 10);
}
}
.md\:col-span-2 {
@media (width >= 1024px) {
grid-column: span 2 / span 2;
}
}
.md\:col-span-3 {
@media (width >= 1024px) {
grid-column: span 3 / span 3;
}
}
.md\:col-span-4 {
@media (width >= 1024px) {
grid-column: span 4 / span 4;
}
}
.md\:col-span-5 {
@media (width >= 1024px) {
grid-column: span 5 / span 5;
}
}
.md\:col-span-6 {
@media (width >= 1024px) {
grid-column: span 6 / span 6;
}
}
.md\:col-span-7 {
@media (width >= 1024px) {
grid-column: span 7 / span 7;
}
}
.md\:col-span-8 {
@media (width >= 1024px) {
grid-column: span 8 / span 8;
}
}
.md\:col-span-9 {
@media (width >= 1024px) {
grid-column: span 9 / span 9;
}
}
.md\:col-span-10 {
@media (width >= 1024px) {
grid-column: span 10 / span 10;
}
}
.md\:col-span-11 {
@media (width >= 1024px) {
grid-column: span 11 / span 11;
}
}
.md\:col-span-12 {
@media (width >= 1024px) {
grid-column: span 12 / span 12;
}
}
.md\:col-start-1 {
@media (width >= 1024px) {
grid-column-start: 1;
}
}
.md\:col-start-5 {
@media (width >= 1024px) {
grid-column-start: 5;
}
}
.md\:col-start-9 {
@media (width >= 1024px) {
grid-column-start: 9;
}
}
.md\:col-end-5 {
@media (width >= 1024px) {
grid-column-end: 5;
}
}
.md\:col-end-9 {
@media (width >= 1024px) {
grid-column-end: 9;
}
}
.md\:col-end-13 {
@media (width >= 1024px) {
grid-column-end: 13;
}
}
.md\:row-span-full {
@media (width >= 1024px) {
grid-row: 1 / -1;
}
}
.md\:row-start-1 {
@media (width >= 1024px) {
grid-row-start: 1;
}
}
.md\:m-auto {
@media (width >= 1024px) {
margin: auto;
}
}
.md\:mt-8 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 8);
}
}
.md\:mt-9 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 9);
}
}
.md\:mt-10 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 10);
}
}
.md\:mt-14 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 14);
}
}
.md\:mt-16 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 16);
}
}
.md\:mt-20 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 20);
}
}
.md\:mb-9 {
@media (width >= 1024px) {
margin-bottom: calc(var(--spacing) * 9);
}
}
.md\:mb-15 {
@media (width >= 1024px) {
margin-bottom: calc(var(--spacing) * 15);
}
}
.md\:ml-2 {
@media (width >= 1024px) {
margin-left: calc(var(--spacing) * 2);
}
}
.md\:block {
@media (width >= 1024px) {
display: block;
}
}
.md\:flex {
@media (width >= 1024px) {
display: flex;
}
}
.md\:hidden {
@media (width >= 1024px) {
display: none;
}
}
.md\:aspect-\[unset\] {
@media (width >= 1024px) {
aspect-ratio: unset;
}
}
.md\:aspect-square {
@media (width >= 1024px) {
aspect-ratio: 1 / 1;
}
}
.md\:size-21 {
@media (width >= 1024px) {
width: calc(var(--spacing) * 21);
height: calc(var(--spacing) * 21);
}
}
.md\:size-32 {
@media (width >= 1024px) {
width: calc(var(--spacing) * 32);
height: calc(var(--spacing) * 32);
}
}
.md\:size-full {
@media (width >= 1024px) {
width: 100%;
height: 100%;
}
}
.md\:min-h-\[500px\] {
@media (width >= 1024px) {
min-height: 500px;
}
}
.md\:min-h-\[645px\]\! {
@media (width >= 1024px) {
min-height: 645px !important;
}
}
.md\:min-h-\[650px\] {
@media (width >= 1024px) {
min-height: 650px;
}
}
.md\:min-h-\[665px\] {
@media (width >= 1024px) {
min-height: 665px;
}
}
.md\:min-h-\[685px\] {
@media (width >= 1024px) {
min-height: 685px;
}
}
.md\:min-h-\[750px\] {
@media (width >= 1024px) {
min-height: 750px;
}
}
.md\:w-0 {
@media (width >= 1024px) {
width: calc(var(--spacing) * 0);
}
}
.md\:w-auto {
@media (width >= 1024px) {
width: auto;
}
}
.md\:max-w-\[185px\] {
@media (width >= 1024px) {
max-width: 185px;
}
}
.md\:max-w-full {
@media (width >= 1024px) {
max-width: 100%;
}
}
.md\:min-w-\[80px\] {
@media (width >= 1024px) {
min-width: 80px;
}
}
.md\:min-w-md {
@media (width >= 1024px) {
min-width: var(--container-md);
}
}
.md\:min-w-xl {
@media (width >= 1024px) {
min-width: var(--container-xl);
}
}
.md\:flex-1 {
@media (width >= 1024px) {
flex: 1;
}
}
.md\:basis-0 {
@media (width >= 1024px) {
flex-basis: calc(var(--spacing) * 0);
}
}
.md\:grid-cols-2 {
@media (width >= 1024px) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.md\:grid-cols-3 {
@media (width >= 1024px) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.md\:grid-cols-12 {
@media (width >= 1024px) {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
.md\:flex-col {
@media (width >= 1024px) {
flex-direction: column;
}
}
.md\:flex-row {
@media (width >= 1024px) {
flex-direction: row;
}
}
.md\:items-center {
@media (width >= 1024px) {
align-items: center;
}
}
.md\:items-end {
@media (width >= 1024px) {
align-items: flex-end;
}
}
.md\:justify-start {
@media (width >= 1024px) {
justify-content: flex-start;
}
}
.md\:gap-0 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 0);
}
}
.md\:gap-2 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 2);
}
}
.md\:gap-4 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 4);
}
}
.md\:gap-5 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 5);
}
}
.md\:gap-6 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 6);
}
}
.md\:gap-7 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 7);
}
}
.md\:gap-8 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 8);
}
}
.md\:gap-9 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 9);
}
}
.md\:gap-10 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 10);
}
}
.md\:gap-12 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 12);
}
}
.md\:gap-14 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 14);
}
}
.md\:gap-15 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 15);
}
}
.md\:gap-30 {
@media (width >= 1024px) {
gap: calc(var(--spacing) * 30);
}
}
.md\:\[overflow-x\:unset\] {
@media (width >= 1024px) {
overflow-x: unset;
}
}
.md\:\[overflow-y\:unset\] {
@media (width >= 1024px) {
overflow-y: unset;
}
}
.md\:rounded-lg {
@media (width >= 1024px) {
border-radius: var(--radius-lg);
}
}
.md\:rounded-md {
@media (width >= 1024px) {
border-radius: var(--radius-md);
}
}
.md\:rounded-b-\[0\] {
@media (width >= 1024px) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}
.md\:border-y {
@media (width >= 1024px) {
border-block-style: var(--tw-border-style);
border-block-width: 1px;
}
}
.md\:border-t-0 {
@media (width >= 1024px) {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}
}
.md\:border-r-0 {
@media (width >= 1024px) {
border-right-style: var(--tw-border-style);
border-right-width: 0px;
}
}
.md\:bg-white\/15 {
@media (width >= 1024px) {
background-color: color-mix(in srgb, #fff 15%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
}
.md\:object-cover {
@media (width >= 1024px) {
object-fit: cover;
}
}
.md\:p-5 {
@media (width >= 1024px) {
padding: calc(var(--spacing) * 5);
}
}
.md\:p-6 {
@media (width >= 1024px) {
padding: calc(var(--spacing) * 6);
}
}
.md\:p-8 {
@media (width >= 1024px) {
padding: calc(var(--spacing) * 8);
}
}
.md\:p-12 {
@media (width >= 1024px) {
padding: calc(var(--spacing) * 12);
}
}
.md\:p-15 {
@media (width >= 1024px) {
padding: calc(var(--spacing) * 15);
}
}
.md\:px-0 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 0);
}
}
.md\:px-4 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 4);
}
}
.md\:px-5 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 5);
}
}
.md\:px-7 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 7);
}
}
.md\:px-8 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 8);
}
}
.md\:px-10 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 10);
}
}
.md\:px-12 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 12);
}
}
.md\:px-15 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 15);
}
}
.md\:px-16 {
@media (width >= 1024px) {
padding-inline: calc(var(--spacing) * 16);
}
}
.md\:py-2 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 2);
}
}
.md\:py-7 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 7);
}
}
.md\:py-8 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 8);
}
}
.md\:py-10 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 10);
}
}
.md\:py-11 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 11);
}
}
.md\:py-12 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 12);
}
}
.md\:py-15 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 15);
}
}
.md\:py-16 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 16);
}
}
.md\:py-20 {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 20);
}
}
.md\:pt-3 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 3);
}
}
.md\:pt-4 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 4);
}
}
.md\:pt-5 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 5);
}
}
.md\:pt-8 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 8);
}
}
.md\:pt-18 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 18);
}
}
.md\:pt-24 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 24);
}
}
.md\:pt-40 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 40);
}
}
.md\:pb-7 {
@media (width >= 1024px) {
padding-bottom: calc(var(--spacing) * 7);
}
}
.md\:pb-10 {
@media (width >= 1024px) {
padding-bottom: calc(var(--spacing) * 10);
}
}
.md\:pb-15 {
@media (width >= 1024px) {
padding-bottom: calc(var(--spacing) * 15);
}
}
.md\:pb-22 {
@media (width >= 1024px) {
padding-bottom: calc(var(--spacing) * 22);
}
}
.md\:text-center {
@media (width >= 1024px) {
text-align: center;
}
}
.md\:text-3xl {
@media (width >= 1024px) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.md\:text-5xl {
@media (width >= 1024px) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.md\:text-h1 {
@media (width >= 1024px) {
font-size: var(--text-h1);
line-height: var(--tw-leading, var(--text-h1--line-height));
}
}
.md\:text-h3 {
@media (width >= 1024px) {
font-size: var(--text-h3);
line-height: var(--tw-leading, var(--text-h3--line-height));
}
}
.md\:text-xl {
@media (width >= 1024px) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.md\:text-white {
@media (width >= 1024px) {
color: var(--color-white);
}
}
.md\:ring-12 {
@media (width >= 1024px) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(12px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
.md\:ring-20 {
@media (width >= 1024px) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(20px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
.first\:md\:pt-4 {
&:first-child {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 4);
}
}
}
.lg\:col-span-6 {
@media (width >= 64rem) {
grid-column: span 6 / span 6;
}
}
.lg\:grid-cols-4 {
@media (width >= 64rem) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.lg\:gap-12 {
@media (width >= 64rem) {
gap: calc(var(--spacing) * 12);
}
}
.lg\:gap-18 {
@media (width >= 64rem) {
gap: calc(var(--spacing) * 18);
}
}
.lg\:gap-20 {
@media (width >= 64rem) {
gap: calc(var(--spacing) * 20);
}
}
.lg\:gap-25 {
@media (width >= 64rem) {
gap: calc(var(--spacing) * 25);
}
}
.lg\:pb-15 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 15);
}
}
.lg\:text-7xl {
@media (width >= 64rem) {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
.lg\:text-\[100px\] {
@media (width >= 64rem) {
font-size: 100px;
}
}
.\[\&\:has\(\+\.blocks\)\]\:md\:py-7 {
&:has(+.blocks) {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 7);
}
}
}
.\[\&\:has\(\+\.vacancies-wrapper\)\]\:rounded-r-\[unset\] {
&:has(+.vacancies-wrapper) {
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}
}
.\[\&\>h2\]\:md\:text-h1 {
&>h2 {
@media (width >= 1024px) {
font-size: var(--text-h1);
line-height: var(--tw-leading, var(--text-h1--line-height));
}
}
}
.\[\&\>li\.selected\>a\]\:underline {
&>li.selected>a {
text-decoration-line: underline;
}
}
.\[\&\>span\]\:hidden {
&>span {
display: none;
}
}
}
@layer base {
input, textarea, select {
display: block;
width: 100%;
font-family: var(--input-font-family);
font-size: var(--input-font-size);
font-weight: var(--input-font-weight);
height: var(--input-height);
outline: none;
background-color: var(--input-background-color);
border: var(--input-border-width) var(--input-border-style, solid) var(--input-border-color);
border-radius: var(--input-border-radius);
box-shadow: var(--input-box-shadow);
padding: var(--input-padding-tb) var(--input-padding-lr);
color: var(--input-color);
&::placeholder {
color: var(--input-placeholder-color);
opacity: var(--input-placeholder-opacity);
}
&:focus {
--input-border-color: var(--input-border-color-focus);
--input-background-color: var(--input-background-color-focus);
--input-box-shadow: var(--input-box-shadow-focus);
}
&.error {
--input-border-color: var(--input-border-color-error);
--input-background-color: var(--input-background-color-error);
--input-box-shadow: var(--input-box-shadow-error);
}
&.success {
--input-border-color: var(--input-border-color-success);
--input-background-color: var(--input-background-color-success);
--input-box-shadow: var(--input-box-shadow-success);
}
&:disabled, &.disabled {
resize: none;
cursor: default;
color: var(--input-color-disabled);
}
}
input:not([type="radio"]):not([type="checkbox"]):read-only {
color: var(--input-color-readonly);
}
input[type="radio"], input[type="checkbox"] {
display: inline-block;
width: auto;
height: auto;
padding: 0;
}
textarea {
height: auto;
min-height: var(--input-textarea-height, 100px);
resize: var(--input-textarea-resize);
}
.form-group {
.form-input {
position: relative;
}
.form-control-feedback {
position: absolute;
top: calc(var(--input-height) / 2);
right: 10px;
z-index: 2;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
line-height: 20px;
text-align: center;
pointer-events: none;
color: var(--color-feedback);
}
.help-block {
color: var(--color-helpblock);
font-size: var(--font-size-helpblock);
}
&.has-error {
--color-feedback: var(--color-error);
--color-helpblock: var(--color-error);
--input-border-color: var(--input-border-color-error);
--input-background-color: var(--input-background-color-error);
--input-box-shadow: var(--input-box-shadow-error);
}
&.has-success {
--color-feedback: var(--color-success);
--color-helpblock: var(--color-success);
--input-border-color: var(--input-border-color-success);
--input-background-color: var(--input-background-color-success);
--input-box-shadow: var(--input-box-shadow-success);
}
}
.form-sc {
pointer-events: none;
opacity: 0;
position: absolute;
height: 0;
width: 0;
z-index: -1;
overflow: hidden;
}
label {
display: block;
color: var(--label-color, #000);
font-size: var(--label-font-size, 1rem);
font-weight: var(--label-font-weight, 700);
span.form-optional {
font-weight: var(--label-font-weight, 400);
}
&.checkbox, &.radio, &.desc, &.success, &.error {
font-weight: var(--label-font-weight, 400);
}
&.checkbox, &.radio {
font-size: var(--label-font-size, 1rem);
line-height: var(--label-base-line, 1rem);
cursor: pointer;
color: inherit;
&input {
margin-top: 0;
}
}
}
.form > .help-block:not(:has(> ul)) {
display: none;
}
}
@layer components {
.button {
display: inline-flex;
font-family: var(--button-font-family);
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
border-radius: var(--button-border-radius);
color: var(--button-color);
background-color: var(--button-background-color);
border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
padding: var(--button-padding-tb) var(--button-padding-lr);
cursor: pointer;
-webkit-appearance: none;
text-decoration: none;
transition: background 200ms ease-in-out;
&:hover {
background-color: var(--button-background-color-hover);
color: var(--button-color-hover);
}
}
}
html {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
* {
scroll-margin-top: var(--scroll-margin-top);
}
body {
&::before {
content: var(--tw-content);
pointer-events: none;
}
&::before {
content: var(--tw-content);
position: fixed;
}
&::before {
content: var(--tw-content);
inset: calc(var(--spacing) * 0);
}
&::before {
content: var(--tw-content);
z-index: 9999;
}
&::before {
content: var(--tw-content);
height: 100dvh;
}
&::before {
content: var(--tw-content);
width: 100%;
}
&::before {
content: var(--tw-content);
background-image: url(/_webblocks/images/noise.png);
}
&::before {
content: var(--tw-content);
background-repeat: repeat;
}
&::before {
content: var(--tw-content);
opacity: 5%;
}
&::before {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
position: relative;
height: 100vh;
overflow-x: hidden !important;
background-color: var(--color-background);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&::after {
content: var(--tw-content);
pointer-events: none;
}
&::after {
content: var(--tw-content);
visibility: hidden;
}
&::after {
content: var(--tw-content);
position: fixed;
}
&::after {
content: var(--tw-content);
inset: calc(var(--spacing) * 0);
}
&::after {
content: var(--tw-content);
z-index: 10;
}
&::after {
content: var(--tw-content);
width: 100%;
height: 100%;
}
&::after {
content: var(--tw-content);
background-color: color-mix(in srgb, #000 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
&::after {
content: var(--tw-content);
opacity: 0%;
}
&::after {
content: var(--tw-content);
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
&::after {
content: var(--tw-content);
--tw-duration: 300ms;
transition-duration: 300ms;
}
&::after {
content: var(--tw-content);
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
&::after {
content: var(--tw-content);
--tw-content: '';
content: var(--tw-content);
}
&.scroll-lock {
height: 100%;
width: 100%;
overflow: hidden;
}
&.menu-open {
&::after {
content: var(--tw-content);
visibility: visible;
}
&::after {
content: var(--tw-content);
opacity: 100%;
}
#header {
&::after {
content: var(--tw-content);
visibility: visible;
}
&::after {
content: var(--tw-content);
opacity: 100%;
}
}
}
&:has(#header-tabs-menu:not(.tabs-hidden)) {
@media (min-width: 1024px) {
--header-height: 110px;
}
}
}
#wrapper {
display: flex;
flex-direction: column;
height: inherit;
}
#wrapper #header, #wrapper #footer {
flex-shrink: 0;
flex-grow: 0;
}
#wrapper #content {
position: relative;
display: flex;
flex-shrink: 0;
flex-grow: 1;
flex-direction: column;
align-items: stretch;
padding-top: var(--header-height);
> * {
width: 100%;
}
}
.menu-big ul > li > a {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@media (width >= 1024px) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.menu-big-fancy ul > li {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:hover {
@media (hover: hover) {
--tw-translate-x: calc(var(--spacing) * 4);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
> a {
&:hover {
@media (hover: hover) {
color: var(--color-yellow);
}
}
}
}
@layer components {
.container {
max-width: 1400px !important;
padding-inline: calc(var(--spacing) * 4);
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 6);
}
}
}
.user-content {
> *:first-child {
margin-top: calc(var(--spacing) * 0);
}
> *:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
}
.grecaptcha-badge, .grecaptcha-logo {
display: none !important;
}
[data-cookies-consented="0"][data-cookies-static] .framework-cookies-consent-wrapper {
min-height: 350px;
}
.accordion {
&.accordion-open .accordion-content {
grid-template-rows: 1fr !important;
padding-top: calc(var(--spacing) * 4) !important;
}
}
.fixed-button {
&.fixed-button-visible {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.tab {
&.tab-faq {
&.tab-active {
border-color: var(--color-primary);
--tw-font-weight: var(--font-weight-semibold) !important;
font-weight: var(--font-weight-semibold) !important;
color: var(--color-white);
}
}
&:not(.tab-faq).tab-active {
&::before {
content: var(--tw-content);
height: 3px;
}
}
}
.tab-content {
&.tab-content-faq {
&:not(.tab-content-active) {
pointer-events: none;
visibility: hidden;
opacity: 0%;
}
}
&:not(.tab-content-faq):not(.tab-content-active) {
display: none;
}
}
.theme-block {
&:before, &:after {
position: absolute;
inset: calc(var(--spacing) * 0);
z-index: 1;
width: 100%;
height: 100%;
--tw-content: '';
content: var(--tw-content);
}
&:before {
background-image: linear-gradient(309deg,rgba(30,58,53,0.05)61.5%,rgba(30,58,53,0.50)95%);
}
&:after {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@media (width >= 1024px) {
opacity: 0%;
}
}
&:hover:after {
opacity: 100%;
}
&[data-theme="green"]:after {
background-image: linear-gradient(329deg,rgba(30,58,53,0) 55%,#1E3A35 85%),radial-gradient(31.5% 35.15% at 75.5% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.40) 100%),linear-gradient(0deg,rgba(30,58,53,0.01) 43.25%,rgba(30,58,53,0.10) 100%);
}
&[data-theme="red"]:after {
background-image: linear-gradient(327deg,rgba(149,43,43,0) 63%,#952B2B 85%),radial-gradient(48.85% 51.65% at 52.25% 40.25%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.40) 100%);
}
&[data-theme="blue"]:after {
background-image: radial-gradient(36.87% 39.69% at 63.18% 23.32%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 100%),linear-gradient(327deg,rgba(0,26,47,0) 65.21%,var(--color-blue) 87.43%);
}
&[data-theme="purple"]:after {
background-image: linear-gradient(329deg,rgba(30,58,53,0) 55%,#1E3A35 85%),radial-gradient(31.5% 35.15% at 75.5% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.40) 100%),linear-gradient(0deg,rgba(30,58,53,0.01) 43.25%,rgba(30,58,53,0.10) 100%);
}
.button {
&:is(:where(.group):hover *) {
@media (hover: hover) {
--tw-translate-x: calc(var(--spacing) * 2);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
&:is(:where(.group):hover *) {
@media (hover: hover) {
background-color: var(--button-background-color-hover);
}
}
&:is(:where(.group):hover *) {
@media (hover: hover) {
&::after {
content: var(--tw-content);
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
}
}
.tag {
display: inline-block;
border-radius: calc(infinity * 1px);
background-color: var(--color-body);
padding-inline: calc(var(--spacing) * 3);
padding-block: calc(var(--spacing) * 2);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-black);
}
.pagination {
isolation: isolate;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.hellip {
margin-inline: calc(var(--spacing) * 4);
}
> a:not(.hellip) {
position: relative;
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 3);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: var(--color-border);
--tw-ring-inset: inset;
&:hover {
@media (hover: hover) {
background-color: var(--color-background-accent);
}
}
&:focus {
z-index: 20;
}
&:focus {
outline-offset: 0px;
}
&.active {
background-color: var(--color-background-accent);
color: var(--color-white);
}
&:first-child {
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
&:last-child {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}
&.prevbutton:before {
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
--fa-icon: url(/submodules/font-awesome/svgs/solid/arrow-left.svg);
}
&.nextbutton:after {
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
--fa-icon: url(/submodules/font-awesome/svgs/solid/arrow-right.svg);
}
}
}
.filter-values {
display: flex;
gap: calc(var(--spacing) * 3);
overflow: auto;
@media (width >= 1024px) {
flex-wrap: wrap;
}
.filter-value {
display: flex;
flex-shrink: 0;
cursor: pointer;
align-items: center;
border-radius: var(--radius-md);
background-color: var(--color-background-accent);
padding-inline: calc(var(--spacing) * 6);
padding-block: calc(var(--spacing) * 2);
font-family: var(--font-heading);
color: var(--color-white);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 500ms;
transition-duration: 500ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&::after {
content: var(--tw-content);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
&::after {
content: var(--tw-content);
--tw-duration: 500ms;
transition-duration: 500ms;
}
&::after {
content: var(--tw-content);
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
&:hover {
@media (hover: hover) {
background-color: var(--color-black);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
&[data-value="reset"] {
display: none;
}
}
.filter-value-active, .filter-value-selected {
background-color: var(--color-black);
color: var(--color-white);
&:after {
margin-left: calc(var(--spacing) * 3);
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
color: var(--color-white);
--fa-icon: url(/submodules/font-awesome/svgs/regular/xmark.svg);
}
}
}
.form-file {
&:has(input[type="hidden"]:not([value=""])) {
button {
color: var(--input-background-color);
&:after {
--fa-icon: url(/submodules/font-awesome/svgs/regular/file-check.svg);
}
}
}
button {
position: relative;
display: flex;
min-height: var(--input-height);
width: 100%;
cursor: pointer;
align-items: center;
justify-content: flex-start;
border-radius: var(--input-border-radius);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--input-border-color);
background-color: var(--input-background-color);
padding-inline: var(--input-padding-lr);
padding-block: var(--input-padding-tb);
--tw-font-weight: var(--input-font-weight);
font-weight: var(--input-font-weight);
color: var(--input-placeholder-color);
outline-style: var(--tw-outline-style);
outline-width: 0px;
&:after {
position: absolute;
top: calc(1/2 * 100%);
right: var(--input-padding-lr);
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
background-color: var(--color-black);
--fa-icon: url(/submodules/font-awesome/svgs/regular/file.svg);
}
> i {
display: none;
}
}
.form-input .desc {
pointer-events: none;
position: absolute;
top: calc(1/2 * 100%);
max-width: 100%;
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
overflow: hidden;
padding-right: calc(var(--input-padding-lr) + 20px);
padding-left: var(--input-padding-lr);
text-overflow: ellipsis;
white-space: nowrap;
color: var(--input-color);
-webkit-user-select: none;
user-select: none;
}
}
body {
&[data-theme="red"], &[data-theme="blue"] {
--input-background-color: var(--color-gray);
--input-background-color-hover: var(--input-background-color);
--input-background-color-focus: var(--input-background-color);
--input-background-color-error: var(--input-background-color);
--input-background-color-success: var(--input-background-color);
--input-background-color-warning: var(--input-background-color);
--input-background-color-disabled: var(--input-background-color);
--input-background-color-readonly: var(--input-background-color);
--color-header: var(--color-gray);
--swiper-theme-color: var(--color-white);
}
&[data-theme="red"] {
--color-body: var(--color-gray);
--color-primary: var(--color-orange);
--color-accent: var(--color-red);
--color-background: var(--color-red-light);
--color-background-accent: var(--color-red);
--color-border: rgba(255, 255, 255, 0.2);
--color-headings: var(--color-gray);
--color-headings-accent: var(--color-orange);
--color-footer: var(--color-red);
--color-popup-menu-bar: var(--color-orange);
--label-color: var(--color-orange);
--color-popup: var(--color-red);
}
&[data-theme="blue"] {
--color-body: var(--color-gray);
--color-primary: var(--color-orange-light);
--color-accent: var(--color-blue-light);
--color-background: var(--color-blue);
--color-background-accent: var(--color-blue-light);
--color-headings-accent: var(--color-orange-light);
--color-border: var(--color-blue-light);
--color-footer: var(--color-blue-light);
--color-popup: var(--color-blue);
--color-popup-menu-bar: var(--color-orange-light);
}
}
#header nav li.has-childs {
> a {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 2);
&:after {
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 150ms;
transition-duration: 150ms;
--fa-icon: url(/submodules/font-awesome/svgs/regular/chevron-down.svg) !important;
}
&:hover:after {
rotate: 180deg;
}
}
}
.header-menu {
li {
display: flex;
height: 100%;
align-items: center;
&.selected > a:not(.button) {
border-color: var(--color-white);
}
> a:not(.button) {
display: flex;
height: 100%;
align-items: center;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
border-color: transparent;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:hover {
border-color: var(--color-white);
}
}
}
}
.languages li:not(.selected) > a {
color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 400ms;
transition-duration: 400ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
}
#header-tabs-menu {
@media (max-width: 1024px) {
&:before {
pointer-events: none;
position: absolute;
top: calc(var(--spacing) * 0);
right: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
width: calc(var(--spacing) * 16);
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: var(--color-white);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-content: '';
content: var(--tw-content);
}
}
li {
&.selected {
&:not(:has(~ .selected)) > a {
background-color: var(--color-background);
color: var(--color-white);
}
& + li.selected > a {
background-color: var(--color-background);
color: var(--color-white);
}
}
}
}
body.menu-open {
#default-menu {
pointer-events: auto;
visibility: visible;
opacity: 100%;
}
#header #menu-toggler i {
--fa-icon: url(/submodules/font-awesome/svgs/regular/xmark.svg) !important;
}
}
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: @color-main;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
box-shadow: 0 0 10px @color-main, 0 0 5px @color-main;
opacity: 1.0;
transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 5003;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: @color-main;
border-left-color: @color-main;
border-radius: 50%;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@layer base {
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-headings);
:is(i, em) {
color: var(--color-headings-accent);
font-style: normal;
}
}
h1 {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
@media (width >= 64rem) {
font-size: var(--text-h1);
line-height: var(--tw-leading, var(--text-h1--line-height));
}
}
h2 {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
@media (width >= 64rem) {
font-size: var(--text-h2);
line-height: var(--tw-leading, var(--text-h2--line-height));
}
}
h3 {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
@media (width >= 64rem) {
font-size: var(--text-h3);
line-height: var(--tw-leading, var(--text-h3--line-height));
}
}
h4 {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
@media (width >= 64rem) {
font-size: var(--text-h4);
line-height: var(--tw-leading, var(--text-h4--line-height));
}
}
h5 {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
@media (width >= 64rem) {
font-size: var(--text-h5);
line-height: var(--tw-leading, var(--text-h5--line-height));
}
}
h6 {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
@media (width >= 64rem) {
font-size: var(--text-h6);
line-height: var(--tw-leading, var(--text-h6--line-height));
}
}
.user-content {
:is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, .video-container, figure, pre, hr, table) {
margin-top: var(--mt-text);
}
:is(h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, .video-container, pre, hr, table) + p {
margin-top: calc(var(--mt-text) / 1.5);
}
p:has(.button + .button) {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--spacing) * 5);
}
a:not([class]) {
color: var(--color-primary);
text-decoration-line: underline;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:hover {
color: var(--color-body);
}
}
&:not([class*="list"]) ul:not([class]), ol:not([class]) {
display: flex;
list-style-type: none;
flex-direction: column;
gap: calc(var(--spacing) * 3);
&:has(li > ul) {
gap: calc(var(--spacing) * 6);
}
}
&:not([class*="list"]) ul:not([class]) {
margin-left: calc(var(--spacing) * 0);
display: flex;
list-style-type: none;
flex-direction: column;
li {
position: relative;
padding-left: calc(var(--spacing) * 4);
> p {
margin-top: calc(var(--spacing) * 0);
}
> ul {
margin-top: calc(var(--spacing) * 4);
}
&:before {
position: absolute;
top: calc(var(--spacing) * 2);
left: calc(var(--spacing) * 0);
width: 6px;
height: 6px;
border-radius: calc(infinity * 1px);
background-color: var(--color-body);
--tw-content: '';
content: var(--tw-content);
}
}
}
.list-big {
display: flex;
list-style-type: none;
flex-direction: column;
gap: calc(var(--spacing) * 5);
li {
position: relative;
padding-left: calc(var(--spacing) * 4);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
@media (width >= 1024px) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
> p {
margin-top: calc(var(--spacing) * 0);
}
> ul {
margin-top: calc(var(--spacing) * 4);
}
&:before {
position: absolute;
top: calc(var(--spacing) * 3);
left: calc(var(--spacing) * 0);
width: 6px;
height: 6px;
border-radius: calc(infinity * 1px);
background-color: var(--color-body);
--tw-content: '';
content: var(--tw-content);
}
}
}
ol:not([class]) {
counter-reset: custom-counter;
> ul, :not(:first-child) {
margin-top: calc(var(--spacing) * 2);
}
> li {
position: relative;
counter-increment: custom-counter;
&:before {
display: inline-block;
width: calc(var(--spacing) * 5);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
content: counter(custom-counter)".";
}
ul, ol {
margin-left: calc(var(--spacing) * 5) !important;
}
}
}
}
table {
width: 100%;
border-collapse: collapse;
th {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: color-mix(in srgb, #FEFAE1 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-body) 40%, transparent);
}
background-color: color-mix(in srgb, #1E3A35 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-background) 70%, transparent);
}
padding-block: calc(var(--spacing) * 3);
padding-right: calc(var(--spacing) * 4);
text-align: left;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-body);
}
tr {
color: var(--color-body);
&:not(:last-child) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: color-mix(in srgb, #FEFAE1 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-body) 20%, transparent);
}
}
}
td {
padding-block: calc(var(--spacing) * 3);
padding-right: calc(var(--spacing) * 4);
}
}
figcaption {
margin-top: calc(var(--spacing) * 2);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: color-mix(in srgb, #FEFAE1 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-body) 40%, transparent);
}
}
pre {
overflow-x: auto;
border-radius: var(--radius-lg);
background-color: var(--color-slate-800);
padding: calc(var(--spacing) * 4);
color: var(--color-white);
&::-webkit-scrollbar {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
&::-webkit-scrollbar-thumb {
border-radius: calc(infinity * 1px);
background-color: color-mix(in srgb, #fff 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
&::-webkit-scrollbar-track {
border-radius: calc(infinity * 1px);
background-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
code:not(pre > code) {
border-radius: 0.25rem;
background-color: var(--color-gray-100);
padding-inline: calc(var(--spacing) * 1);
padding-block: calc(var(--spacing) * 0.5);
color: var(--color-gray-800);
}
hr {
border-color: var(--color-gray-300);
}
dl {
margin-bottom: calc(var(--spacing) * 4);
}
dt {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
dd {
margin-bottom: calc(var(--spacing) * 2);
margin-left: calc(var(--spacing) * 6);
}
blockquote {
&>:first-child {
font-size: var(--text-h4);
line-height: var(--tw-leading, var(--text-h4--line-height));
}
&>:first-child {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
&>:first-child {
color: var(--color-body) !important;
}
&>footer {
margin-top: calc(var(--spacing) * 7);
}
&>footer {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
::selection {
background-color: color-mix(in srgb, #E9D28B 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
}
mark {
background-color: color-mix(in srgb, #E9D28B 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
}
color: var(--color-body);
}
}
body {
font-family: var(--font-body);
color: var(--color-body);
&[data-theme="green"] {
.user-content :is(p, li) {
color: color-mix(in srgb, #FEFAE1 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-body) 70%, transparent);
}
}
}
&[data-theme="red"] {
.user-content a:not([class]) {
color: var(--color-body);
}
}
}
body[data-theme="blue"] {
.button:not(.button-secondary, .button-blue) {
--button-background-color: var(--color-orange-light);
--button-background-color-hover: var(--color-orange);
--button-color: var(--color-blue);
--button-color-hover: var(--color-blue);
}
}
@layer components {
.button {
position: relative;
justify-content: center;
gap: calc(var(--spacing) * 1);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:not(.button-no-icon, .button-back) {
&:hover:after {
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
&:after {
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
--fa-size-scale-base: 16;
font-size: calc(var(--fa-size) * 1);
line-height: calc(1 / var(--fa-size) * 1em);
vertical-align: calc((6 / var(--fa-size) - 3 / 8) * 1em);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
--fa-icon: url(/submodules/font-awesome/svgs/solid/chevron-right.svg);
}
}
&.button-back {
&:hover:before {
--tw-translate-x: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
&:before {
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
--fa-size-scale-base: 16;
font-size: calc(var(--fa-size) * 1);
line-height: calc(1 / var(--fa-size) * 1em);
vertical-align: calc((6 / var(--fa-size) - 3 / 8) * 1em);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
--fa-icon: url(/submodules/font-awesome/svgs/solid/chevron-left.svg);
}
}
}
}
.builder {
> *:first-child {
&.builder-block {
--builder-gutter: 1.75rem;
@media (min-width: 1024px) {
--builder-gutter: 2.5rem;
}
}
&:not(.builder-block, .hero-vertical, .faq, .stats) {
margin-top: calc(var(--spacing) * 0) !important;
}
}
> *:first-child:is(.faq) {
margin-top: calc(var(--spacing) * 8);
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 14) !important;
}
}
.hero + .clients {
margin-top: calc(var(--spacing) * 0) !important;
--tw-border-style: none;
border-style: none;
}
.clients + .video {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 0);
}
}
> *:first-child:is(.stats), .clients + .blocks, .blocks + .clients, .clients + .banner, .quotes + .stats-image {
--builder-gutter: 1.75rem;
@media (min-width: 1024px) {
--builder-gutter: 2.5rem;
}
}
.stories + .accordions, .accordions + * {
--builder-gutter: 2.75rem;
@media (min-width: 1024px) {
--builder-gutter: 3.75rem;
}
}
> *:last-child {
margin-bottom: calc(var(--spacing) * 0) !important;
}
&:empty {
display: none;
}
.grid {
> div {
@media (max-width: 1024px) {
&:empty {
display: none;
}
}
> *:first-child {
margin-top: calc(var(--spacing) * 0);
}
> *:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
&:has(.quote) + div {
@media (width >= 1024px) {
padding-block: calc(var(--spacing) * 16);
}
}
}
}
> *:not(:is([class*="mt-"], [class*="pt-"])) {
margin-top: var(--builder-gutter);
}
}
body:not(.authenticated) .builder {
overflow: hidden;
}
.builder-block {
text-wrap: balance;
+ :is(.blocks, .register-form, .partial-form, .vacancies, .quotes, .types, .stats-image, .tabs, .stories) {
--builder-gutter: 1.75rem;
@media (min-width: 1024px) {
--builder-gutter: 2.5rem;
}
}
+ :is(.contact) {
--builder-gutter: 2.75rem;
@media (min-width: 1024px) {
--builder-gutter: 3.75rem;
}
}
> *:first-child {
margin-top: calc(var(--spacing) * 0);
}
&[data-width="max-w-md"] {
max-width: var(--container-md);
}
&[data-width="max-w-lg"] {
max-width: var(--container-5xl);
}
&[data-width="max-w-4xl"] {
max-width: var(--container-4xl);
}
&[data-width="max-w-6xl"] {
max-width: var(--container-6xl);
}
&[data-position="center"] {
margin-inline: auto;
}
&[data-position="right"] {
margin-left: auto;
}
&[data-view="reverse"] {
> *:first-child {
order: 9999;
}
> *:last-child {
order: -9999;
}
}
}
.builder-body {
--builder-gutter: 30px !important;
}
.form {
:is(& *) {
&:is(.form-label) {
margin-bottom: calc(var(--spacing) * 2);
}
}
ul {
margin-top: calc(var(--spacing) * 0);
}
select {
appearance: none;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22%2F%3E%3C%2Fsvg%3E);
background-size: 0.65rem auto;
background-position: right var(--input-padding-lr) top 50%;
background-repeat: no-repeat;
&:invalid {
color: var(--input-placeholder-color);
}
}
.help-block {
--color-helpblock: var(--color-body);
margin-top: calc(var(--spacing) * 1);
}
}
.form-file {
&:has(input[type="hidden"]:not([value=""])) {
button {
color: var(--input-background-color);
&:after {
--fa-icon: url(/submodules/font-awesome/svgs/regular/file-check.svg);
}
}
}
button {
position: relative;
display: flex;
min-height: var(--input-height);
width: 100%;
cursor: pointer;
align-items: center;
justify-content: flex-start;
border-radius: var(--input-border-radius);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--input-border-color);
background-color: var(--input-background-color);
padding-inline: var(--input-padding-lr);
padding-block: var(--input-padding-tb);
--tw-font-weight: var(--input-font-weight);
font-weight: var(--input-font-weight);
color: var(--input-placeholder-color);
outline-style: var(--tw-outline-style);
outline-width: 0px;
&:after {
position: absolute;
top: calc(1/2 * 100%);
right: var(--input-padding-lr);
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
background-color: var(--color-black);
--fa-icon: url(/submodules/font-awesome/svgs/regular/file.svg);
}
> i {
display: none;
}
}
.form-input .desc {
pointer-events: none;
position: absolute;
top: calc(1/2 * 100%);
max-width: 100%;
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
overflow: hidden;
padding-right: calc(var(--input-padding-lr) + 20px);
padding-left: var(--input-padding-lr);
text-overflow: ellipsis;
white-space: nowrap;
color: var(--input-color);
-webkit-user-select: none;
user-select: none;
}
}
body:has(dialog[open]) {
height: 100%;
width: 100%;
overflow: hidden;
}
dialog {
&::backdrop {
background-color: color-mix(in srgb, #000 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
&[open] {
&, &::backdrop {
animation: var(--animate-fade-in);
}
}
}
body {
--swiper-theme-color: var(--color-black);
--swiper-theme-background-color: var(--color-white);
--swiper-theme-background-color-hover: var(--color-primary);
--swiper-gradient: linear-gradient(270deg, rgba(255, 255, 255, 0) 85%, var(--color-background)), linear-gradient(270deg, var(--color-background), rgba(255, 255, 255, 0) 15%);
--swiper-radius: 50%;
--swiper-navigation-size: 2.875rem;
--swiper-navigation-color: var(--color-background);
--swiper-navigation-disabled-background: var(--color-black);
--swiper-navigation-font-size: var(--text-base);
--swiper-scrollbar-drag-bg-color: var(--color-primary);
--swiper-scrollbar-bg-color: var(--color-accent);
--swiper-scrollbar-size: 7px;
--swiper-scrollbar-border-radius: var(--rounded-lg);
}
.swiper-equal .swiper-slide {
height: auto;
}
.swiper-slide {
box-sizing: border-box;
}
.swiper-fade-in {
animation: var(--animate-fade-in);
}
.swiper-button-next, .swiper-button-prev {
width: var(--swiper-navigation-size) !important;
border-radius: var(--swiper-radius);
background-color: var(--swiper-theme-background-color);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 400ms;
transition-duration: 400ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&::before {
content: var(--tw-content);
--fa-width: 1.25em;
--fa-height: 1em;
--fa-svg-path: "/submodules/font-awesome/svgs";
--fa-icon: url(var(--fa-svg-path) var(--fa-style) var(--fa-icon-name) '.svg');
content: var(--fa-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, 'inline-flex');
font-style: normal;
font-variant: normal;
text-rendering: auto;
width: min(var(--fa-width), 100%);
height: var(--fa-height);
aspect-ratio: 1.25;
-webkit-mask-image: var(--fa-icon, url());
mask-image: var(--fa-icon, url());
-webkit-mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
mask-size: min(var(--fa-width), 100%) min(var(--fa-height), 100%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor;
content: "\200B";
justify-content: center;
align-items: center;
justify-self: center;
align-self: center;
}
&::before {
content: var(--tw-content);
background-color: var(--swiper-theme-color);
}
&::after {
content: var(--tw-content);
display: none;
}
&::after {
content: var(--tw-content);
--tw-content: none;
content: none;
}
&:hover {
@media (hover: hover) {
background-color: var(--swiper-theme-background-color-hover);
}
}
}
.swiper-button-next:before {
--fa-icon: url(/submodules/font-awesome/svgs/regular/arrow-right.svg);
}
.swiper-button-prev:before {
--fa-icon: url(/submodules/font-awesome/svgs/regular/arrow-left.svg);
}
.swiper-controls-static :is(.swiper-button-prev, .swiper-button-next) {
position: relative;
inset: auto;
margin: calc(var(--spacing) * 0);
}
.swiper-scrollbar-static {
position: static !important;
}
.swiper-overlay:after {
pointer-events: none;
position: absolute;
inset: calc(var(--spacing) * 0);
z-index: 1;
width: 100%;
height: 100%;
height: 100%;
--tw-content: '';content:var(--tw-content);background:var(--swiper-gradient)}.swiper-autoplay-smooth .swiper-wrapper{-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}[data-parallax-strength] [data-parallax-target]{height:calc(100% + (var(--parallax-height) * 2))!important;top:calc(var(--parallax-height) * -1)!important;will-change:scroll-position}:root{--color-error:var(--color-red);--color-success:var(--color-green-lighter);--color-warning:var(--color-yellow);--color-info:var(--color-blue-light);--color-feedback:var(--color-gray);--color-helpblock:var(--color-gray);--input-height:40px;--input-padding-tb:8px;--input-padding-lr:12px;--input-border-width:1px;--input-border-radius:5px;--input-border-style:solid;--input-border-color:var(--color-transparent);--input-border-color-hover:var(--color-transparent);--input-border-color-focus:var(--color-transparent);--input-border-color-error:var(--color-transparent);--input-border-color-success:var(--color-transparent);--input-border-color-warning:var(--color-transparent);--input-border-color-disabled:var(--color-transparent);--input-border-color-readonly:var(--color-transparent);--input-background-color:var(--color-sand);--input-background-color-hover:var(--input-background-color);--input-background-color-focus:var(--input-background-color);--input-background-color-error:var(--input-background-color);--input-background-color-success:var(--input-background-color);--input-background-color-warning:var(--input-background-color);--input-background-color-disabled:var(--input-background-color);--input-background-color-readonly:var(--input-background-color);--input-box-shadow:none;--input-box-shadow-hover:none;--input-box-shadow-focus:none;--input-box-shadow-error:none;--input-box-shadow-success:none;--input-box-shadow-warning:none;--input-box-shadow-disabled:none;--input-box-shadow-readonly:none;--input-color:var(--color-black);--input-color-disabled:var(--color-gray);--input-color-readonly:var(--color-gray);--input-placeholder-color:rgba(0, 0, 0, 0.5);--input-placeholder-opacity:1;--input-textarea-resize:vertical;--input-textarea-height:150px;--input-font-family:inherit;--input-font-size:1rem;--input-font-weight:400;--label-color:var(--color-green-light);--label-font-size:var(--text-sm);--label-font-weight:400;--label-base-line:var(--text-base--line-height);--font-size-helpblock:var(--text-xs);--button-font-size:1rem;--button-font-weight:500;--button-font-family:inherit;--button-color:var(--color-green);--button-color-hover:var(--color-green);--button-height:48px;--button-padding-tb:11px;--button-padding-lr:25px;--button-border-width:1px;--button-border-radius:var(--radius-lg);--button-border-style:solid;--button-border-color:transparent;--button-background-color:var(--color-sand);--button-background-color-hover:var(--color-sand-hover);--mt-text:2em;--builder-gutter:10rem;--header-height:70px;--header-height-bottom:70px;@media (max-width:1024px){--builder-gutter:6.5rem}@media (max-width:768px){--builder-gutter:4rem}--scroll-margin-top:calc(var(--header-height) + 20px + var(--scroll-offset, 0px))}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-content:"";--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}