.brxe-brf-flip{position:relative}.brxe-brf-flip .brf-flip-wrapper:focus{outline:2px solid #4d90fe;outline-offset:2px}.brxe-brf-flip .brf-flip-wrapper:focus:not(:focus-visible){outline:none}.brxe-brf-flip .brf-flip-wrapper:focus-visible{outline:2px solid #4d90fe;outline-offset:2px}.brxe-brf-flip .brf-flip-focus{outline:2px solid #4d90fe!important;outline-offset:2px!important}.brxe-brf-flip .brf-flip-wrapper{position:relative}.brxe-brf-flip .brf-flip-wrapper .brf-flip-box{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;left:0;position:absolute;right:0;top:0}.brxe-brf-flip .brf-flip-wrapper .brf-flip-box.brf-flip-back{height:max-content;position:relative;z-index:0}.brxe-brf-flip .brf-flip-wrapper .brf-flip-box.brf-flip-front{height:max-content;z-index:1}.brf-ba-wrapper{overflow:hidden;position:relative}.brf-original{object-fit:cover!important}g g path.path-editor{stroke:#ffda46!important;visibility:visible!important}body.brf-lock{overflow:hidden!important}.brf-popup{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:9999}@media (max-width:980px){.brf-popup .brxe-container{max-width:100vw}}.brf-popup .brf-close-btn{cursor:pointer;position:fixed;right:50px;top:50px}.brf-popup .brf-close-btn svg{fill:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.wpm-mega-menu{display:none;left:0;position:absolute;right:0;transition:all .15s linear;z-index:999}.bricks-is-frontend .brxe-brf-pro-forms{display:flex;flex-wrap:wrap;position:relative}.bricks-is-frontend .brxe-brf-pro-forms.form-loading{opacity:0}.bricks-is-frontend .brxe-brf-pro-forms .form-group:not(.submit-button-wrapper):not(.brf-steps){display:flex;flex-direction:column;padding:0 0 20px}.bricks-is-frontend .brxe-brf-pro-forms .form-group:not(.submit-button-wrapper):not(.brf-steps).step-progress{justify-content:flex-start;padding:0;width:100%}.bricks-is-frontend .brxe-brf-pro-forms .form-group:not(.submit-button-wrapper):not(.brf-steps).step-progress button{height:fit-content}.bricks-is-frontend .brxe-brf-pro-forms .form-group:not(.submit-button-wrapper):not(.brf-steps).is-group-item:last-child,.bricks-is-frontend .brxe-brf-pro-forms .form-group:not(.submit-button-wrapper):not(.brf-steps).is-single-option{padding-bottom:0}.bricks-is-frontend .brxe-brf-pro-forms[data-brf-submit-conditions=true] button[disabled]{pointer-events:none}.bricks-is-frontend .brxe-brf-pro-forms[data-brf-show-steps=true]{margin-top:50px}.bricks-is-frontend .brxe-brf-pro-forms[data-brf-step-allow-clicks=true] .brf-step{cursor:pointer}.bricks-is-frontend .brxe-brf-pro-forms .step{display:none}.bricks-is-frontend .brxe-brf-pro-forms .step-progress,.bricks-is-frontend .brxe-brf-pro-forms button.summary{margin-right:5px}.bricks-is-frontend .brxe-brf-pro-forms.brxe-form-multistep{visibility:hidden}.bricks-is-frontend .brxe-brf-pro-forms #brf-summary{background:#eee;flex-direction:column;margin-bottom:50px;padding:25px;width:100%}.bricks-is-frontend .brxe-brf-pro-forms #brf-summary .brf-summary-item{margin-bottom:20px}.bricks-is-frontend .brxe-brf-pro-forms #brf-summary .brf-summary-item h4{font-size:18px;margin:0}.bricks-is-frontend .brxe-brf-pro-forms #brf-summary .brf-summary-headline{margin-bottom:25px}.bricks-is-frontend .brxe-brf-pro-forms .brf-steps{display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;position:absolute;top:-60px;width:100%}.bricks-is-frontend .brf-popup .brxe-brf-pro-forms{visibility:visible!important}.brf-steps-remote{width:100%}.brf-steps-remote .brf-steps{display:flex;flex-direction:row;justify-content:space-between;width:100%}.brf-steps-remote[data-brf-step-allow-clicks=true] .brf-step{cursor:pointer}.brf-scroll-video{width:100%;z-index:1}.brf-scroll-video[data-sticky=false]{position:relative}.brf-scroll-video video{width:100%}.brf-scroll-video canvas,.brf-scroll-video video{object-fit:cover}.submit-button-wrapper[disabled]{cursor:not-allowed}:where(.brxe-brf-pro-forms){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-brf-pro-forms)[data-brf-submit-conditions=true] button[type=submit]{visibility:hidden}:where(.brxe-brf-pro-forms)[data-multistep=true]{visibility:hidden}:where(.brxe-brf-pro-forms) .pro-forms-builder-field{align-self:stretch}:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-slider .noUi-connect{background:#fed53e}:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-slider .noUi-pips{margin-bottom:30px}:where(.brxe-brf-pro-forms) .input-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}:where(.brxe-brf-pro-forms) .input-icon-wrapper .input-icon{align-items:center;background:#eee;display:flex;height:100%;justify-content:center;width:50px;z-index:1}:where(.brxe-brf-pro-forms) .input-icon-wrapper .input-icon svg{height:auto;width:50%}:where(.brxe-brf-pro-forms) .input-icon-wrapper.icon-inset .input-icon{position:absolute}:where(.brxe-brf-pro-forms) .input-icon-wrapper.icon-inset.icon-left .input-icon{left:0}:where(.brxe-brf-pro-forms) .input-icon-wrapper.icon-inset.icon-left input{padding-left:60px}:where(.brxe-brf-pro-forms) .input-icon-wrapper.icon-inset.icon-right .input-icon{right:0}:where(.brxe-brf-pro-forms) .input-icon-wrapper.icon-inset.icon-right input{padding-right:60px}:where(.brxe-brf-pro-forms) .input-icon-wrapper.input-icon-wrapper--is-textarea{align-items:flex-start}:where(.brxe-brf-pro-forms) div.is-group{display:flex;flex-wrap:wrap;padding:25px;width:100%}:where(.brxe-brf-pro-forms) div.is-group div.form-group.is-group-item:last-child{padding-bottom:0}:where(.brxe-brf-pro-forms) .options-wrapper li[data-custom-style=true]{align-items:center;display:flex}:where(.brxe-brf-pro-forms) .options-wrapper li[data-custom-style=true] input{background:#fff;background-size:contain;height:10px;padding:8px;width:10px}:where(.brxe-brf-pro-forms)[data-checkbox-custom] .form-group:not([data-ignore-custom-styles]) input[type=checkbox]{background:#fff;background-size:contain;height:10px;padding:8px;width:10px}:where(.brxe-brf-pro-forms)[data-checkbox-custom] .form-group:not([data-ignore-custom-styles]) input[type=checkbox]:checked{background:#ddd}:where(.brxe-brf-pro-forms)[data-checkbox-custom] .options-wrapper{align-items:center}:where(.brxe-brf-pro-forms)[data-checkbox-custom][data-checkbox-card] .form-group[data-field-type=checkbox]:not([data-ignore-custom-styles]) input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}:where(.brxe-brf-pro-forms)[data-checkbox-custom][data-checkbox-card] .form-group[data-field-type=checkbox]:not([data-ignore-custom-styles]) input[type=checkbox]:checked+label{background:#ddd;border-color:#ddd}:where(.brxe-brf-pro-forms)[data-checkbox-custom][data-checkbox-card] .form-group[data-field-type=checkbox]:not([data-ignore-custom-styles]) .options-wrapper label{border:1px solid #eee;padding:5px 15px;transition:all .15s linear}:where(.brxe-brf-pro-forms)[data-radio-custom] .form-group:not([data-ignore-custom-styles]) input[type=radio]{background:#fff;background-size:contain;border-radius:50%;height:10px;padding:8px;width:10px}:where(.brxe-brf-pro-forms)[data-radio-custom] .form-group:not([data-ignore-custom-styles]) input[type=radio]:checked{background:#ddd}:where(.brxe-brf-pro-forms)[data-radio-custom] .options-wrapper{align-items:center}:where(.brxe-brf-pro-forms)[data-radio-custom][data-radio-card] .form-group[data-field-type=radio]:not([data-ignore-custom-styles]) input[type=radio]{height:0;opacity:0;position:absolute;width:0}:where(.brxe-brf-pro-forms)[data-radio-custom][data-radio-card] .form-group[data-field-type=radio]:not([data-ignore-custom-styles]) input[type=radio]:checked+label{background:#ededed;border-color:#ddd}:where(.brxe-brf-pro-forms)[data-radio-custom][data-radio-card] .form-group[data-field-type=radio]:not([data-ignore-custom-styles]) .options-wrapper label{border:1px solid #eee;padding:5px 15px;transition:all .15s linear}:where(.brxe-brf-pro-forms) .brf-pro-forms-rating-icon{cursor:pointer}:where(.brf-repeater-wrapper){width:100%}:where(.brf-repeater-wrapper) .brf-repeater-items{flex-grow:1;flex-shrink:0}:where(.brf-repeater-wrapper) .brf-repeater-items .brf-repeater-item{align-items:flex-end;display:flex;gap:15px}:where(.brf-repeater-wrapper) .brf-repeater-items .brf-repeater-item .brf-repeater-item__content{width:100%}:where(.brf-repeater-wrapper) .brf-repeater-items .brf-repeater-item .brf-repeater-item__actions{align-items:flex-end;display:flex;flex-direction:column;gap:2px;height:fit-content;justify-content:flex-end;transform:translateY(-20px);width:fit-content}:where(.brf-repeater-wrapper) .brf-repeater-items .brf-repeater-item .brf-repeater-item__actions button{align-items:center;background:transparent;border-radius:50%;display:flex;font-size:12px;height:25px;justify-content:center;padding:5px;width:25px}:where(.brf-repeater-wrapper) .brf-repeater-items .brf-repeater-item .brf-repeater-item__actions button svg{fill:#eee}:where(.brf-repeater-wrapper) .brf-repeater-items .brf-repeater-item .brf-repeater-item__actions button:hover{background:#dddddd1b}.brxe-brf-pro-forms-field-checkbox-wrapper .options-wrapper .form-group{width:auto}.brxe-brf-pro-forms-field-checkbox-wrapper .card-checkbox input[type=checkbox]{cursor:pointer;height:0!important;opacity:0;position:absolute;width:0!important}.brxe-brf-pro-forms-field-checkbox-wrapper .card-checkbox label{cursor:pointer;transition:all .15s linear}.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox input[type=checkbox]{cursor:pointer;height:0!important;opacity:0;position:absolute;width:0!important}.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox label{cursor:pointer;position:relative;transition:all .15s linear;width:100%}.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox label img{width:150px}.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox input[type=checkbox]:checked+label img[data-image="1"],.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox label img[data-image="2"]{display:none}.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox input[type=checkbox]:checked+label img[data-image="2"]{display:inline}.brxe-brf-pro-forms-field-radio-wrapper .options-wrapper .form-group{width:auto}.brxe-brf-pro-forms-field-radio-wrapper .card-radio input[type=radio]{cursor:pointer;height:0!important;opacity:0;position:absolute;width:0!important}.brxe-brf-pro-forms-field-radio-wrapper .card-radio label{cursor:pointer;transition:all .15s linear}.brxe-brf-pro-forms-field-radio-wrapper .image-radio input[type=radio]{cursor:pointer;height:0!important;opacity:0;position:absolute;width:0!important}.brxe-brf-pro-forms-field-radio-wrapper .image-radio label{cursor:pointer;position:relative;transition:all .15s linear;width:100%}.brxe-brf-pro-forms-field-radio-wrapper .image-radio label img{width:150px}.brxe-brf-pro-forms-field-radio-wrapper .image-radio input[type=radio]:checked+label img[data-image="1"],.brxe-brf-pro-forms-field-radio-wrapper .image-radio label img[data-image="2"]{display:none}.brxe-brf-pro-forms-field-radio-wrapper .image-radio input[type=radio]:checked+label img[data-image="2"]{display:inline}.bricks-is-frontend :where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-hidden{display:none!important}.bricks-is-frontend :where(.brxe-brf-pro-forms) .brf-invalid{border:1px solid red}.bricks-is-frontend :where(.brxe-brf-pro-forms) .brf-validation-message{color:red;font-size:12px;margin-top:5px}.brxe-brf-pro-forms input[type=email],.brxe-brf-pro-forms input[type=number],.brxe-brf-pro-forms input[type=password],.brxe-brf-pro-forms input[type=tel],.brxe-brf-pro-forms input[type=text],.brxe-brf-pro-forms input[type=url],.brxe-brf-pro-forms select,.brxe-brf-pro-forms textarea{line-height:1.5;padding:10px 15px}:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-textarea{position:relative}:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-textarea .max-length-counter{display:flex;font-size:14px;margin-top:5px}:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-textarea .max-length-counter.max-length-counter--inside{bottom:30px;margin:0;position:absolute;right:15px}:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-textarea .max-length-counter .counter-current,:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-textarea .max-length-counter .counter-max,:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-textarea .max-length-counter .counter-remaining{font-weight:600}:where(.brxe-brf-pro-forms) input[data-show-visual-calendar=true]+input.flatpickr{display:none}:where(.brxe-brf-pro-forms) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px}:where(.brxe-brf-pro-forms) .form-group:last-child{padding-bottom:0}:where(.brxe-brf-pro-forms) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-brf-pro-forms) .form-group .form-group-error-message.show{display:block}:where(.brxe-brf-pro-forms) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-brf-pro-forms) .options-wrapper input,:where(.brxe-brf-pro-forms) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-brf-pro-forms) button[type=submit].sending{cursor:default}:where(.brxe-brf-pro-forms):not([data-brf-disable-loading-icon=true]) button[type=submit].sending>i,:where(.brxe-brf-pro-forms):not([data-brf-disable-loading-icon=true]) button[type=submit].sending>svg{display:none}:where(.brxe-brf-pro-forms) button[type=submit] .loading{display:none}:where(.brxe-brf-pro-forms) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-brf-pro-forms) .hcaptcha-error.show{display:block}:where(.brxe-brf-pro-forms) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-brf-pro-forms) textarea{height:inherit}:where(.brxe-brf-pro-forms) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-brf-pro-forms) .form-group.is-single-option{padding-bottom:0}:where(.brxe-brf-pro-forms) .submit-button-wrapper{width:auto}:where(.brxe-brf-pro-forms) .form-group.file{display:block;width:100%}#brx-content :where(.brxe-brf-pro-forms) .form-group.file{display:block;width:100%}:where(.brxe-brf-pro-forms) .form-group.submit-button-wrapper{padding:0}:where(.brxe-brf-pro-forms) .form-group.submit-button-wrapper button{width:100%}:where(.brxe-brf-pro-forms) .options-wrapper{flex-wrap:wrap;list-style-type:none;margin:0;padding:0}:where(.brxe-brf-pro-forms) button[type=submit].sending .text{cursor:default;opacity:.5}:where(.brxe-brf-pro-forms) button[type=submit].sending .loading i{opacity:1}:where(.brxe-brf-pro-forms) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1}:where(.brxe-brf-pro-forms) button[type=submit] svg{height:1em}:where(.brxe-brf-pro-forms) .recaptcha-hidden{display:none}:where(.brxe-brf-pro-forms) .recaptcha-error{display:none!important;padding:0!important}:where(.brxe-brf-pro-forms) .recaptcha-error.show{display:block!important}:where(.brxe-brf-pro-forms) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-brf-pro-forms) input[type=checkbox]+label,:where(.brxe-brf-pro-forms) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-brf-pro-forms) .form-group textarea{height:inherit}:where(.brxe-brf-pro-forms) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);margin-top:20px;padding-bottom:0;width:100%}:where(.brxe-brf-pro-forms) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-brf-pro-forms) .message.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-brf-pro-forms) .message .text{padding:15px}:where(.brxe-brf-pro-forms) .file-result{display:none;padding:0}:where(.brxe-brf-pro-forms) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-brf-pro-forms) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-brf-pro-forms) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-brf-pro-forms) .choose-files{border-style:solid;border-width:1px;cursor:pointer;display:inline-block;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:100%}:where(.brxe-brf-pro-forms) .form-group.step-progress{padding:0;width:auto}:where(.brxe-brf-pro-forms) .form-group[data-turnstile-hidden=true]{height:0;padding:0!important}:where(.brxe-brf-pro-forms) .brf-hcaptcha-wrapper{width:100%}:where(.brxe-brf-pro-forms) .brf-field-image-preview-wrapper{display:flex}:where(.brxe-brf-pro-forms) [class^=brf-field-image-preview-]:not(.brf-field-image-preview-wrapper){position:relative;width:150px}:where(.brxe-brf-pro-forms) [class^=brf-field-image-preview-]:not(.brf-field-image-preview-wrapper) img{height:150px;object-fit:cover;width:150px}:where(.brxe-brf-pro-forms) [class^=brf-field-image-preview-]:not(.brf-field-image-preview-wrapper) .brf-field-image-preview-delete{align-items:center;display:flex;font-weight:600;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}#brx-content :where(.brxe-brf-pro-forms) .ql-toolbar{border:1px solid var(--bricks-border-color);border-bottom:0}:where(.brxe-brf-pro-forms) .brf-rich-text-container{border:1px solid var(--bricks-border-color);font-family:inherit;font-size:inherit;height:auto;min-height:120px}:where(.brxe-brf-pro-forms) .brf-rich-text-container .ql-editor.ql-blank:before{color:var(--bricks-border-color);font-style:normal}:where(.brxe-brf-pro-forms) .brf-rich-text-container .ql-editor{min-height:120px}body.bricks-is-frontend .brf-rich-text-container{visibility:hidden}div.brf-split-words,span.brf-split-chars{display:inline-block!important}div.brf-split-lines{display:block!important}.brf-reset-transition{transition:none!important}.brf-hidden{display:none!important}.brf-visually-hidden{clip:rect(0 0 0 0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}#brx-content:focus{outline:none}.brf-page-transition{transition:opacity .3s}html.is-changing .brf-page-transition[data-transition-type=css]{opacity:1}html.is-animating .brf-page-transition[data-transition-type=css]{opacity:0}html.lenis{height:auto!important;scroll-behavior:auto!important}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.form-group .choices{flex:1}.form-group .choices input[type=search]{border-radius:0!important;margin:0}.form-group .choices .is-highlighted{opacity:.9}.form-group .choices .choices__list--dropdown,.form-group .choices .choices__list[aria-expanded]{z-index:2}.form-group .choices .choices__inner{color:#222;line-height:40px;min-height:0;padding:0 12px}.form-group .choices .choices__list{color:#222;padding:0}.form-group .choices .choices__item--choice{padding:0}.form-group .choices[data-type*=select-one] .choices__input{padding-bottom:inherit;padding-top:inherit}.form-group .choices[data-type=select-multiple] input[type=search]{background:transparent!important;border-color:transparent!important;line-height:1.6em;padding:0 8px!important;width:fit-content!important}.form-group .choices[data-type=select-multiple] .choices__button{border-left:0;padding-right:5px!important}.form-group .choices .choices__list--multiple .choices__item{line-height:1.6em;padding:5px 20px}.shepherd-theme-bricksforge{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;padding:15px;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-theme-bricksforge[data-popper-placement^=top]{transform:translateY(-15px)}.shepherd-theme-bricksforge[data-popper-placement^=bottom]{transform:translateY(15px)}.shepherd-theme-bricksforge[data-popper-placement^=left]{transform:translateX(-15px)}.shepherd-theme-bricksforge[data-popper-placement^=right]{transform:translateX(30px)}.shepherd-theme-bricksforge .shepherd-arrow,.shepherd-theme-bricksforge .shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-theme-bricksforge .shepherd-arrow:before{background:#fff}.brf-tour-holder__overlay{fill:rgba(0,0,0,.5)}.brf-signature__actions{display:flex;gap:15px;margin-top:10px}.brf-signature__actions button{background:transparent;font-size:12px;text-transform:uppercase}.brf-pro-forms-field-file-download.brf-pending{display:none!important}:where(.brxe-brf-pro-forms-field-calculation .input-icon-wrapper>div){width:100%}div.filepond--root{margin-bottom:0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{text-align:center}body[data-image-editor-theme=dark] .pintura-editor{--color-background:0,0,0!important;--color-foreground:255,255,255!important}@media (prefers-color-scheme:dark){body[data-image-editor-theme=userPreference] .pintura-editor{--color-background:0,0,0!important;--color-foreground:255,255,255!important}}.brf-pro-forms-rating-icons{display:flex;gap:5px}.brf-add-to-calendar-button-wrapper{display:inline-block;position:relative}.brf-calendar-options{left:0;position:absolute;top:calc(100% + 5px);z-index:1000}.brf-calendar-options .brf-calendar-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:300px;min-width:200px;opacity:0;padding:8px 0;pointer-events:none;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);visibility:hidden;will-change:transform,opacity}.brf-calendar-options .brf-calendar-dropdown.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.brf-calendar-options .brf-calendar-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.brf-calendar-options .brf-calendar-option:hover{background-color:#f5f5f5;color:#333;text-decoration:none}.brf-calendar-options .brf-calendar-option:focus{background-color:#f5f5f5;outline:2px solid #4d90fe;outline-offset:-2px}.brf-calendar-options .brf-calendar-option .brf-calendar-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.brf-calendar-options .brf-calendar-option span:last-child{flex:1;font-size:14px;font-weight:500}/* File: automatic.css - Version: 2.8.1 - Generated: 2024-03-01 17:05:56 */ :root, .color-scheme--main { --action-hex: #E56C70; --action-hsl: 358 70% 66%; --action-rgb: 229 108 112; --action-r: 229; --action-g: 108; --action-b: 112; --action-h: 358; --action-s: 70%; --action-l: 66%; --action-hover-h: 358; --action-hover-s: 70%; --action-hover-l: 1.15; --action-ultra-light-h: 358; --action-ultra-light-s: 70%; --action-ultra-light-l: 98%; --action-light-h: 358; --action-light-s: 70%; --action-light-l: 85%; --action-medium-h: 358; --action-medium-s: 70%; --action-medium-l: 50%; --action-dark-h: 358; --action-dark-s: 70%; --action-dark-l: 25%; --action-ultra-dark-h: 358; --action-ultra-dark-s: 70%; --action-ultra-dark-l: 10%; --action-comp-h: 538; --primary-hex: #d09901; --primary-hsl: 44 99% 41%; --primary-rgb: 208 153 1; --primary-r: 208; --primary-g: 153; --primary-b: 1; --primary-h: 44; --primary-s: 99%; --primary-l: 41%; --primary-hover-h: 44; --primary-hover-s: 70%; --primary-hover-l: 1.15; --primary-ultra-light-h: 44; --primary-ultra-light-s: 70%; --primary-ultra-light-l: 95%; --primary-light-h: 44; --primary-light-s: 70%; --primary-light-l: 85%; --primary-medium-h: 44; --primary-medium-s: 70%; --primary-medium-l: 50%; --primary-dark-h: 44; --primary-dark-s: 70%; --primary-dark-l: 25%; --primary-ultra-dark-h: 44; --primary-ultra-dark-s: 70%; --primary-ultra-dark-l: 10%; --primary-comp-h: 224; --secondary-hex: #00bf8e; --secondary-hsl: 165 100% 37%; --secondary-rgb: 0 191 142; --secondary-r: 0; --secondary-g: 191; --secondary-b: 142; --secondary-h: 165; --secondary-s: 100%; --secondary-l: 37%; --secondary-hover-h: 165; --secondary-hover-s: 16%; --secondary-hover-l: 1.15; --secondary-ultra-light-h: 165; --secondary-ultra-light-s: 16%; --secondary-ultra-light-l: 95%; --secondary-light-h: 165; --secondary-light-s: 16%; --secondary-light-l: 85%; --secondary-medium-h: 165; --secondary-medium-s: 16%; --secondary-medium-l: 50%; --secondary-dark-h: 165; --secondary-dark-s: 16%; --secondary-dark-l: 25%; --secondary-ultra-dark-h: 165; --secondary-ultra-dark-s: 16%; --secondary-ultra-dark-l: 10%; --secondary-comp-h: 345; --accent-hex: #856b3c; --accent-hsl: 39 38% 38%; --accent-rgb: 133 107 60; --accent-r: 133; --accent-g: 107; --accent-b: 60; --accent-h: 39; --accent-s: 38%; --accent-l: 38%; --accent-hover-h: 39; --accent-hover-s: 69%; --accent-hover-l: 1.15; --accent-ultra-light-h: 39; --accent-ultra-light-s: 69%; --accent-ultra-light-l: 95%; --accent-light-h: 39; --accent-light-s: 69%; --accent-light-l: 85%; --accent-medium-h: 39; --accent-medium-s: 69%; --accent-medium-l: 50%; --accent-dark-h: 39; --accent-dark-s: 69%; --accent-dark-l: 25%; --accent-ultra-dark-h: 39; --accent-ultra-dark-s: 69%; --accent-ultra-dark-l: 10%; --accent-comp-h: 219; --base-hex: #ffffff; --base-hsl: 0 0% 100%; --base-rgb: 255 255 255; --base-r: 255; --base-g: 255; --base-b: 255; --base-h: 0; --base-s: 0%; --base-l: 100%; --base-hover-h: 0; --base-hover-s: 0%; --base-hover-l: 1.15; --base-ultra-light-h: 0; --base-ultra-light-s: 0%; --base-ultra-light-l: 95%; --base-light-h: 0; --base-light-s: 0%; --base-light-l: 85%; --base-medium-h: 0; --base-medium-s: 0%; --base-medium-l: 50%; --base-dark-h: 0; --base-dark-s: 0%; --base-dark-l: 25%; --base-ultra-dark-h: 0; --base-ultra-dark-s: 0%; --base-ultra-dark-l: 10%; --base-comp-h: 180; --shade-hex: #000000; --shade-hsl: 0 0% 0%; --shade-rgb: 0 0 0; --shade-r: 0; --shade-g: 0; --shade-b: 0; --shade-h: 0; --shade-s: 0%; --shade-l: 0%; --shade-hover-h: 0; --shade-hover-s: 0%; --shade-hover-l: 1.15; --shade-ultra-light-h: 0; --shade-ultra-light-s: 0%; --shade-ultra-light-l: 95%; --shade-light-h: 0; --shade-light-s: 0%; --shade-light-l: 85%; --shade-medium-h: 0; --shade-medium-s: 0%; --shade-medium-l: 50%; --shade-dark-h: 0; --shade-dark-s: 0%; --shade-dark-l: 25%; --shade-ultra-dark-h: 0; --shade-ultra-dark-s: 0%; --shade-ultra-dark-l: 10%; --shade-comp-h: 180; --neutral-hex: #000000; --neutral-hsl: 0 0% 0%; --neutral-rgb: 0 0 0; --neutral-r: 0; --neutral-g: 0; --neutral-b: 0; --neutral-h: 0; --neutral-s: 0%; --neutral-l: 0%; --neutral-hover-h: 0; --neutral-hover-s: 0%; --neutral-hover-l: 1.15; --neutral-ultra-light-h: 0; --neutral-ultra-light-s: 0%; --neutral-ultra-light-l: 95%; --neutral-light-h: 0; --neutral-light-s: 0%; --neutral-light-l: 85%; --neutral-medium-h: 0; --neutral-medium-s: 0%; --neutral-medium-l: 50%; --neutral-dark-h: 0; --neutral-dark-s: 0%; --neutral-dark-l: 25%; --neutral-ultra-dark-h: 0; --neutral-ultra-dark-s: 0%; --neutral-ultra-dark-l: 10%; --neutral-comp-h: 180; --action: #E56C70; --action-hover: #ed9799; --action-ultra-light: #fdf6f7; --action-light: #f4bec0; --action-medium: #d9262c; --action-dark: #6c1316; --action-ultra-dark: #2b0809; --action-comp: #6ce5e1; --primary: #d09901; --primary-hover: #cca024; --primary-ultra-light: #fbf6e9; --primary-light: #f4e5be; --primary-medium: #d9a926; --primary-dark: #6c5513; --primary-ultra-dark: #2b2208; --primary-comp: #0138d0; --secondary: #00bf8e; --secondary-hover: #5b7e75; --secondary-ultra-light: #f0f4f3; --secondary-light: #d3dfdc; --secondary-medium: #6b948a; --secondary-dark: #364a45; --secondary-ultra-dark: #151e1c; --secondary-comp: #bd002f; --accent: #856b3c; --accent-hover: #bc8723; --accent-ultra-light: #fbf5e9; --accent-light: #f3e1be; --accent-medium: #d79a28; --accent-dark: #6c4d14; --accent-ultra-dark: #2b1f08; --accent-comp: #3c5686; --base: #ffffff; --base-hover: white; --base-ultra-light: #f2f2f2; --base-light: #d9d9d9; --base-medium: gray; --base-dark: #404040; --base-ultra-dark: #1a1a1a; --base-comp: white; --shade: #000000; --shade-hover: black; --shade-ultra-light: #f2f2f2; --shade-light: #d9d9d9; --shade-medium: gray; --shade-dark: #404040; --shade-ultra-dark: #1a1a1a; --shade-comp: black; --neutral: #000000; --neutral-hover: black; --neutral-ultra-light: #f2f2f2; --neutral-light: #d9d9d9; --neutral-medium: gray; --neutral-dark: #404040; --neutral-ultra-dark: #1a1a1a; --neutral-comp: black; --white: #fff; --black: #000; --action-trans-10: rgba(229, 108, 112, 0.1); --action-trans-20: rgba(229, 108, 112, 0.2); --action-trans-30: rgba(229, 108, 112, 0.3); --action-trans-40: rgba(229, 108, 112, 0.4); --action-trans-50: rgba(229, 108, 112, 0.5); --action-trans-60: rgba(229, 108, 112, 0.6); --action-trans-70: rgba(229, 108, 112, 0.7); --action-trans-80: rgba(229, 108, 112, 0.8); --action-trans-90: rgba(229, 108, 112, 0.9); --action-light-trans-10: rgba(244, 190, 192, 0.1); --action-light-trans-20: rgba(244, 190, 192, 0.2); --action-light-trans-30: rgba(244, 190, 192, 0.3); --action-light-trans-40: rgba(244, 190, 192, 0.4); --action-light-trans-50: rgba(244, 190, 192, 0.5); --action-light-trans-60: rgba(244, 190, 192, 0.6); --action-light-trans-70: rgba(244, 190, 192, 0.7); --action-light-trans-80: rgba(244, 190, 192, 0.8); --action-light-trans-90: rgba(244, 190, 192, 0.9); --action-dark-trans-10: rgba(108, 19, 22, 0.1); --action-dark-trans-20: rgba(108, 19, 22, 0.2); --action-dark-trans-30: rgba(108, 19, 22, 0.3); --action-dark-trans-40: rgba(108, 19, 22, 0.4); --action-dark-trans-50: rgba(108, 19, 22, 0.5); --action-dark-trans-60: rgba(108, 19, 22, 0.6); --action-dark-trans-70: rgba(108, 19, 22, 0.7); --action-dark-trans-80: rgba(108, 19, 22, 0.8); --action-dark-trans-90: rgba(108, 19, 22, 0.9); --action-ultra-dark-trans-10: rgba(43, 8, 9, 0.1); --action-ultra-dark-trans-20: rgba(43, 8, 9, 0.2); --action-ultra-dark-trans-30: rgba(43, 8, 9, 0.3); --action-ultra-dark-trans-40: rgba(43, 8, 9, 0.4); --action-ultra-dark-trans-50: rgba(43, 8, 9, 0.5); --action-ultra-dark-trans-60: rgba(43, 8, 9, 0.6); --action-ultra-dark-trans-70: rgba(43, 8, 9, 0.7); --action-ultra-dark-trans-80: rgba(43, 8, 9, 0.8); --action-ultra-dark-trans-90: rgba(43, 8, 9, 0.9); --primary-trans-10: rgba(208, 153, 1, 0.1); --primary-trans-20: rgba(208, 153, 1, 0.2); --primary-trans-30: rgba(208, 153, 1, 0.3); --primary-trans-40: rgba(208, 153, 1, 0.4); --primary-trans-50: rgba(208, 153, 1, 0.5); --primary-trans-60: rgba(208, 153, 1, 0.6); --primary-trans-70: rgba(208, 153, 1, 0.7); --primary-trans-80: rgba(208, 153, 1, 0.8); --primary-trans-90: rgba(208, 153, 1, 0.9); --primary-light-trans-10: rgba(244, 229, 190, 0.1); --primary-light-trans-20: rgba(244, 229, 190, 0.2); --primary-light-trans-30: rgba(244, 229, 190, 0.3); --primary-light-trans-40: rgba(244, 229, 190, 0.4); --primary-light-trans-50: rgba(244, 229, 190, 0.5); --primary-light-trans-60: rgba(244, 229, 190, 0.6); --primary-light-trans-70: rgba(244, 229, 190, 0.7); --primary-light-trans-80: rgba(244, 229, 190, 0.8); --primary-light-trans-90: rgba(244, 229, 190, 0.9); --primary-dark-trans-10: rgba(108, 85, 19, 0.1); --primary-dark-trans-20: rgba(108, 85, 19, 0.2); --primary-dark-trans-30: rgba(108, 85, 19, 0.3); --primary-dark-trans-40: rgba(108, 85, 19, 0.4); --primary-dark-trans-50: rgba(108, 85, 19, 0.5); --primary-dark-trans-60: rgba(108, 85, 19, 0.6); --primary-dark-trans-70: rgba(108, 85, 19, 0.7); --primary-dark-trans-80: rgba(108, 85, 19, 0.8); --primary-dark-trans-90: rgba(108, 85, 19, 0.9); --primary-ultra-dark-trans-10: rgba(43, 34, 8, 0.1); --primary-ultra-dark-trans-20: rgba(43, 34, 8, 0.2); --primary-ultra-dark-trans-30: rgba(43, 34, 8, 0.3); --primary-ultra-dark-trans-40: rgba(43, 34, 8, 0.4); --primary-ultra-dark-trans-50: rgba(43, 34, 8, 0.5); --primary-ultra-dark-trans-60: rgba(43, 34, 8, 0.6); --primary-ultra-dark-trans-70: rgba(43, 34, 8, 0.7); --primary-ultra-dark-trans-80: rgba(43, 34, 8, 0.8); --primary-ultra-dark-trans-90: rgba(43, 34, 8, 0.9); --secondary-trans-10: rgba(0, 191, 142, 0.1); --secondary-trans-20: rgba(0, 191, 142, 0.2); --secondary-trans-30: rgba(0, 191, 142, 0.3); --secondary-trans-40: rgba(0, 191, 142, 0.4); --secondary-trans-50: rgba(0, 191, 142, 0.5); --secondary-trans-60: rgba(0, 191, 142, 0.6); --secondary-trans-70: rgba(0, 191, 142, 0.7); --secondary-trans-80: rgba(0, 191, 142, 0.8); --secondary-trans-90: rgba(0, 191, 142, 0.9); --secondary-light-trans-10: rgba(211, 223, 220, 0.1); --secondary-light-trans-20: rgba(211, 223, 220, 0.2); --secondary-light-trans-30: rgba(211, 223, 220, 0.3); --secondary-light-trans-40: rgba(211, 223, 220, 0.4); --secondary-light-trans-50: rgba(211, 223, 220, 0.5); --secondary-light-trans-60: rgba(211, 223, 220, 0.6); --secondary-light-trans-70: rgba(211, 223, 220, 0.7); --secondary-light-trans-80: rgba(211, 223, 220, 0.8); --secondary-light-trans-90: rgba(211, 223, 220, 0.9); --secondary-dark-trans-10: rgba(54, 74, 69, 0.1); --secondary-dark-trans-20: rgba(54, 74, 69, 0.2); --secondary-dark-trans-30: rgba(54, 74, 69, 0.3); --secondary-dark-trans-40: rgba(54, 74, 69, 0.4); --secondary-dark-trans-50: rgba(54, 74, 69, 0.5); --secondary-dark-trans-60: rgba(54, 74, 69, 0.6); --secondary-dark-trans-70: rgba(54, 74, 69, 0.7); --secondary-dark-trans-80: rgba(54, 74, 69, 0.8); --secondary-dark-trans-90: rgba(54, 74, 69, 0.9); --secondary-ultra-dark-trans-10: rgba(21, 30, 28, 0.1); --secondary-ultra-dark-trans-20: rgba(21, 30, 28, 0.2); --secondary-ultra-dark-trans-30: rgba(21, 30, 28, 0.3); --secondary-ultra-dark-trans-40: rgba(21, 30, 28, 0.4); --secondary-ultra-dark-trans-50: rgba(21, 30, 28, 0.5); --secondary-ultra-dark-trans-60: rgba(21, 30, 28, 0.6); --secondary-ultra-dark-trans-70: rgba(21, 30, 28, 0.7); --secondary-ultra-dark-trans-80: rgba(21, 30, 28, 0.8); --secondary-ultra-dark-trans-90: rgba(21, 30, 28, 0.9); --accent-trans-10: rgba(133, 107, 60, 0.1); --accent-trans-20: rgba(133, 107, 60, 0.2); --accent-trans-30: rgba(133, 107, 60, 0.3); --accent-trans-40: rgba(133, 107, 60, 0.4); --accent-trans-50: rgba(133, 107, 60, 0.5); --accent-trans-60: rgba(133, 107, 60, 0.6); --accent-trans-70: rgba(133, 107, 60, 0.7); --accent-trans-80: rgba(133, 107, 60, 0.8); --accent-trans-90: rgba(133, 107, 60, 0.9); --accent-light-trans-10: rgba(243, 225, 190, 0.1); --accent-light-trans-20: rgba(243, 225, 190, 0.2); --accent-light-trans-30: rgba(243, 225, 190, 0.3); --accent-light-trans-40: rgba(243, 225, 190, 0.4); --accent-light-trans-50: rgba(243, 225, 190, 0.5); --accent-light-trans-60: rgba(243, 225, 190, 0.6); --accent-light-trans-70: rgba(243, 225, 190, 0.7); --accent-light-trans-80: rgba(243, 225, 190, 0.8); --accent-light-trans-90: rgba(243, 225, 190, 0.9); --accent-dark-trans-10: rgba(108, 77, 20, 0.1); --accent-dark-trans-20: rgba(108, 77, 20, 0.2); --accent-dark-trans-30: rgba(108, 77, 20, 0.3); --accent-dark-trans-40: rgba(108, 77, 20, 0.4); --accent-dark-trans-50: rgba(108, 77, 20, 0.5); --accent-dark-trans-60: rgba(108, 77, 20, 0.6); --accent-dark-trans-70: rgba(108, 77, 20, 0.7); --accent-dark-trans-80: rgba(108, 77, 20, 0.8); --accent-dark-trans-90: rgba(108, 77, 20, 0.9); --accent-ultra-dark-trans-10: rgba(43, 31, 8, 0.1); --accent-ultra-dark-trans-20: rgba(43, 31, 8, 0.2); --accent-ultra-dark-trans-30: rgba(43, 31, 8, 0.3); --accent-ultra-dark-trans-40: rgba(43, 31, 8, 0.4); --accent-ultra-dark-trans-50: rgba(43, 31, 8, 0.5); --accent-ultra-dark-trans-60: rgba(43, 31, 8, 0.6); --accent-ultra-dark-trans-70: rgba(43, 31, 8, 0.7); --accent-ultra-dark-trans-80: rgba(43, 31, 8, 0.8); --accent-ultra-dark-trans-90: rgba(43, 31, 8, 0.9); --base-trans-10: rgba(255, 255, 255, 0.1); --base-trans-20: rgba(255, 255, 255, 0.2); --base-trans-30: rgba(255, 255, 255, 0.3); --base-trans-40: rgba(255, 255, 255, 0.4); --base-trans-50: rgba(255, 255, 255, 0.5); --base-trans-60: rgba(255, 255, 255, 0.6); --base-trans-70: rgba(255, 255, 255, 0.7); --base-trans-80: rgba(255, 255, 255, 0.8); --base-trans-90: rgba(255, 255, 255, 0.9); --base-light-trans-10: rgba(217, 217, 217, 0.1); --base-light-trans-20: rgba(217, 217, 217, 0.2); --base-light-trans-30: rgba(217, 217, 217, 0.3); --base-light-trans-40: rgba(217, 217, 217, 0.4); --base-light-trans-50: rgba(217, 217, 217, 0.5); --base-light-trans-60: rgba(217, 217, 217, 0.6); --base-light-trans-70: rgba(217, 217, 217, 0.7); --base-light-trans-80: rgba(217, 217, 217, 0.8); --base-light-trans-90: rgba(217, 217, 217, 0.9); --base-dark-trans-10: rgba(64, 64, 64, 0.1); --base-dark-trans-20: rgba(64, 64, 64, 0.2); --base-dark-trans-30: rgba(64, 64, 64, 0.3); --base-dark-trans-40: rgba(64, 64, 64, 0.4); --base-dark-trans-50: rgba(64, 64, 64, 0.5); --base-dark-trans-60: rgba(64, 64, 64, 0.6); --base-dark-trans-70: rgba(64, 64, 64, 0.7); --base-dark-trans-80: rgba(64, 64, 64, 0.8); --base-dark-trans-90: rgba(64, 64, 64, 0.9); --base-ultra-dark-trans-10: rgba(26, 26, 26, 0.1); --base-ultra-dark-trans-20: rgba(26, 26, 26, 0.2); --base-ultra-dark-trans-30: rgba(26, 26, 26, 0.3); --base-ultra-dark-trans-40: rgba(26, 26, 26, 0.4); --base-ultra-dark-trans-50: rgba(26, 26, 26, 0.5); --base-ultra-dark-trans-60: rgba(26, 26, 26, 0.6); --base-ultra-dark-trans-70: rgba(26, 26, 26, 0.7); --base-ultra-dark-trans-80: rgba(26, 26, 26, 0.8); --base-ultra-dark-trans-90: rgba(26, 26, 26, 0.9); --shade-trans-10: rgba(0, 0, 0, 0.1); --shade-trans-20: rgba(0, 0, 0, 0.2); --shade-trans-30: rgba(0, 0, 0, 0.3); --shade-trans-40: rgba(0, 0, 0, 0.4); --shade-trans-50: rgba(0, 0, 0, 0.5); --shade-trans-60: rgba(0, 0, 0, 0.6); --shade-trans-70: rgba(0, 0, 0, 0.7); --shade-trans-80: rgba(0, 0, 0, 0.8); --shade-trans-90: rgba(0, 0, 0, 0.9); --shade-light-trans-10: rgba(217, 217, 217, 0.1); --shade-light-trans-20: rgba(217, 217, 217, 0.2); --shade-light-trans-30: rgba(217, 217, 217, 0.3); --shade-light-trans-40: rgba(217, 217, 217, 0.4); --shade-light-trans-50: rgba(217, 217, 217, 0.5); --shade-light-trans-60: rgba(217, 217, 217, 0.6); --shade-light-trans-70: rgba(217, 217, 217, 0.7); --shade-light-trans-80: rgba(217, 217, 217, 0.8); --shade-light-trans-90: rgba(217, 217, 217, 0.9); --shade-dark-trans-10: rgba(64, 64, 64, 0.1); --shade-dark-trans-20: rgba(64, 64, 64, 0.2); --shade-dark-trans-30: rgba(64, 64, 64, 0.3); --shade-dark-trans-40: rgba(64, 64, 64, 0.4); --shade-dark-trans-50: rgba(64, 64, 64, 0.5); --shade-dark-trans-60: rgba(64, 64, 64, 0.6); --shade-dark-trans-70: rgba(64, 64, 64, 0.7); --shade-dark-trans-80: rgba(64, 64, 64, 0.8); --shade-dark-trans-90: rgba(64, 64, 64, 0.9); --shade-ultra-dark-trans-10: rgba(26, 26, 26, 0.1); --shade-ultra-dark-trans-20: rgba(26, 26, 26, 0.2); --shade-ultra-dark-trans-30: rgba(26, 26, 26, 0.3); --shade-ultra-dark-trans-40: rgba(26, 26, 26, 0.4); --shade-ultra-dark-trans-50: rgba(26, 26, 26, 0.5); --shade-ultra-dark-trans-60: rgba(26, 26, 26, 0.6); --shade-ultra-dark-trans-70: rgba(26, 26, 26, 0.7); --shade-ultra-dark-trans-80: rgba(26, 26, 26, 0.8); --shade-ultra-dark-trans-90: rgba(26, 26, 26, 0.9); --neutral-trans-10: rgba(0, 0, 0, 0.1); --neutral-trans-20: rgba(0, 0, 0, 0.2); --neutral-trans-30: rgba(0, 0, 0, 0.3); --neutral-trans-40: rgba(0, 0, 0, 0.4); --neutral-trans-50: rgba(0, 0, 0, 0.5); --neutral-trans-60: rgba(0, 0, 0, 0.6); --neutral-trans-70: rgba(0, 0, 0, 0.7); --neutral-trans-80: rgba(0, 0, 0, 0.8); --neutral-trans-90: rgba(0, 0, 0, 0.9); --neutral-light-trans-10: rgba(217, 217, 217, 0.1); --neutral-light-trans-20: rgba(217, 217, 217, 0.2); --neutral-light-trans-30: rgba(217, 217, 217, 0.3); --neutral-light-trans-40: rgba(217, 217, 217, 0.4); --neutral-light-trans-50: rgba(217, 217, 217, 0.5); --neutral-light-trans-60: rgba(217, 217, 217, 0.6); --neutral-light-trans-70: rgba(217, 217, 217, 0.7); --neutral-light-trans-80: rgba(217, 217, 217, 0.8); --neutral-light-trans-90: rgba(217, 217, 217, 0.9); --neutral-dark-trans-10: rgba(64, 64, 64, 0.1); --neutral-dark-trans-20: rgba(64, 64, 64, 0.2); --neutral-dark-trans-30: rgba(64, 64, 64, 0.3); --neutral-dark-trans-40: rgba(64, 64, 64, 0.4); --neutral-dark-trans-50: rgba(64, 64, 64, 0.5); --neutral-dark-trans-60: rgba(64, 64, 64, 0.6); --neutral-dark-trans-70: rgba(64, 64, 64, 0.7); --neutral-dark-trans-80: rgba(64, 64, 64, 0.8); --neutral-dark-trans-90: rgba(64, 64, 64, 0.9); --neutral-ultra-dark-trans-10: rgba(26, 26, 26, 0.1); --neutral-ultra-dark-trans-20: rgba(26, 26, 26, 0.2); --neutral-ultra-dark-trans-30: rgba(26, 26, 26, 0.3); --neutral-ultra-dark-trans-40: rgba(26, 26, 26, 0.4); --neutral-ultra-dark-trans-50: rgba(26, 26, 26, 0.5); --neutral-ultra-dark-trans-60: rgba(26, 26, 26, 0.6); --neutral-ultra-dark-trans-70: rgba(26, 26, 26, 0.7); --neutral-ultra-dark-trans-80: rgba(26, 26, 26, 0.8); --neutral-ultra-dark-trans-90: rgba(26, 26, 26, 0.9); --white-trans-10: rgba(255, 255, 255, 0.1); --white-trans-20: rgba(255, 255, 255, 0.2); --white-trans-30: rgba(255, 255, 255, 0.3); --white-trans-40: rgba(255, 255, 255, 0.4); --white-trans-50: rgba(255, 255, 255, 0.5); --white-trans-60: rgba(255, 255, 255, 0.6); --white-trans-70: rgba(255, 255, 255, 0.7); --white-trans-80: rgba(255, 255, 255, 0.8); --white-trans-90: rgba(255, 255, 255, 0.9); --black-trans-10: rgba(0, 0, 0, 0.1); --black-trans-20: rgba(0, 0, 0, 0.2); --black-trans-30: rgba(0, 0, 0, 0.3); --black-trans-40: rgba(0, 0, 0, 0.4); --black-trans-50: rgba(0, 0, 0, 0.5); --black-trans-60: rgba(0, 0, 0, 0.6); --black-trans-70: rgba(0, 0, 0, 0.7); --black-trans-80: rgba(0, 0, 0, 0.8); --black-trans-90: rgba(0, 0, 0, 0.9); --shade-white: #fff; --shade-black: #000; } :root { --success: #29A745; --success-light: #c1f0cc; --success-dark: #0f3e19; --success-hover: #2fc24f; --danger: #DC3545; --danger-light: #f4bec3; --danger-dark: #410b11; --danger-hover: #e35a67; --warning: #FFC10A; --warning-light: #ffecb3; --warning-dark: #4d3900; --warning-hover: #ffcc32; --info: #18A2B8; --info-light: #bbeef6; --info-dark: #093c44; --info-hover: #1cbcd5; --text-xs: 1.3rem; --text-s: 1.4rem; --text-m: 1.8rem; --text-l: 2rem; --text-xl: 2.3rem; --text-xxl: 2.6rem; --root-font-size: 62.5%; --h6: 1.3rem; --h5: 1.4rem; --h4: 1.8rem; --h3: 2rem; --h2: 2.3rem; --h1: 2.6rem; --space-xs: 1.896rem; --space-s: 2.133rem; --space-m: 2.4rem; --space-l: 2.7rem; --space-xl: 3.038rem; --space-xxl: 3.42rem; --section-space-xs: 3.84rem; --section-space-s: 4.8rem; --section-space-m: 6rem; --section-space-l: 7.5rem; --section-space-xl: 9.375rem; --section-space-xxl: 11.719rem; --width-xs: calc((128 * 0.1) * 1rem); --width-s: calc((128 * 0.2) * 1rem); --width-m: calc((128 * 0.4) * 1rem); --width-l: calc((128 * 0.6) * 1rem); --width-xl: calc((128 * 0.8) * 1rem); --width-xxl: calc((128 * 0.9) * 1rem); --width-vp-max: 128rem; --width-content: 128rem; --width-50: calc((128 / 2) * 1rem); --width-full: 100%; --content-width: var(--width-content); --content-width-safe: min(var(--width-content), calc(100% - var(--section-padding-x) * 2)); --radius-xs: 0.4444444444rem; --radius-s: 0.6666666667rem; --radius-m: 1rem; --radius-l: 1.5rem; --radius-xl: 2.25rem; --radius-xxl: 3.375rem; --radius-50: 50%; --radius-circle: 50%; --grid-1: repeat(1, minmax(0, 1fr)); --grid-2: repeat(2, minmax(0, 1fr)); --grid-3: repeat(3, minmax(0, 1fr)); --grid-4: repeat(4, minmax(0, 1fr)); --grid-5: repeat(5, minmax(0, 1fr)); --grid-6: repeat(6, minmax(0, 1fr)); --grid-7: repeat(7, minmax(0, 1fr)); --grid-8: repeat(8, minmax(0, 1fr)); --grid-9: repeat(9, minmax(0, 1fr)); --grid-10: repeat(10, minmax(0, 1fr)); --grid-11: repeat(11, minmax(0, 1fr)); --grid-12: repeat(12, minmax(0, 1fr)); --grid-1-2: minmax(0, 1fr) minmax(0, 2fr); --grid-1-3: minmax(0, 1fr) minmax(0, 3fr); --grid-2-1: minmax(0, 2fr) minmax(0, 1fr); --grid-2-3: minmax(0, 2fr) minmax(0, 3fr); --grid-3-1: minmax(0, 3fr) minmax(0, 1fr); --grid-3-2: minmax(0, 3fr) minmax(0, 2fr); --grid-auto-2: repeat(auto-fit, minmax(min(40.8026755853rem, 100vw - 6rem), 1fr)); --grid-auto-3: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); --grid-auto-4: repeat(auto-fit, minmax(min(24.4488977956rem, 100vw - 6rem), 1fr)); --grid-auto-5: repeat(auto-fit, minmax(min(20.367278798rem, 100vw - 6rem), 1fr)); --grid-auto-6: repeat(auto-fit, minmax(min(17.4535050072rem, 100vw - 6rem), 1fr)); --section-padding-x: 2.4rem; --section-gutter: 2.4rem; --gutter: 2.4rem; --success-hex: #29A745; --success-rgb: 41 167 69; --success-hsl: 133 61% 41%; --success-h: 133; --success-s: 61%; --success-l: 41%; --success-r: 41; --success-g: 167; --success-b: 69; --danger-hex: #DC3545; --danger-rgb: 220 53 69; --danger-hsl: 354 70% 54%; --danger-h: 354; --danger-s: 70%; --danger-l: 54%; --danger-r: 220; --danger-g: 53; --danger-b: 69; --warning-hex: #FFC10A; --warning-rgb: 255 193 10; --warning-hsl: 45 100% 52%; --warning-h: 45; --warning-s: 100%; --warning-l: 52%; --warning-r: 255; --warning-g: 193; --warning-b: 10; --info-hex: #18A2B8; --info-rgb: 24 162 184; --info-hsl: 188 77% 41%; --info-h: 188; --info-s: 77%; --info-l: 41%; --info-r: 24; --info-g: 162; --info-b: 184; --header-height: 0rem; --offset: 0rem; --offset-xxl: 0rem; --offset-xl: 0rem; --offset-l: 0rem; --offset-m: 0rem; --offset-s: 0rem; --offset-xs: 0rem; --paragraph-spacing: 1em; --heading-spacing: 1.5em; --list-spacing: 1em; --list-item-spacing: 0.5em; --link-underline-offset: 0; --focus-color: var(--primary); --focus-width: 0.2rem; --focus-offset: 0.25em; --h1-lh: 1.2; --h2-lh: 1.2; --h3-lh: 1.2; --h4-lh: 1.2; --h5-lh: 1.2; --h6-lh: 1.2; --h1-length: 45ch; --h2-length: 45ch; --h3-length: 45ch; --h4-length: 45ch; --h5-length: 45ch; --h6-length: 45ch; --text-xxl-lh: 1.5; --text-xl-lh: 1.5; --text-l-lh: 1.5; --text-m-lh: 1.5; --text-s-lh: 1.5; --text-xs-lh: 1.5; --text-m-length: 100%; --box-shadow-m: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08); --box-shadow-l: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1); --box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105); --box-shadow-1: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08); --box-shadow-2: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1); --box-shadow-3: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105); --admin-bar-height: var(--wp-admin--admin-bar--height, 0px); } :root { --btn-padding-block: 0.75em; --btn-padding-inline: 1.5em; --btn-min-width: 14rem; --btn-line-height: 1; --btn-font-weight: 400; --btn-font-style: normal; --btn-text-decoration: none; --btn-text-decoration-hover: none; --btn-letter-spacing: 0; --btn-text-transform: none; --btn-border-width: 0.25rem; --btn-outline-border-width: 0.25rem; --btn-border-style: solid; --btn-border-radius: 0; --btn-transition-duration: 0.3s; } /* Deprecated in ACSS 2.7 */ :root { --btn-border-size: 0.25rem; --btn-radius: 0; --outline-btn-border-size: 0.25rem; --btn-pad-x: 1.5em; --btn-pad-y: 0.75em; --btn-text-style: normal; --btn-weight: 400; --btn-width: 14; } :root { --col-width-s: 13rem; --col-width-m: 25rem; --col-width-l: 38rem; --col-rule-width-s: 0.1em; --col-rule-width-m: 0.3em; --col-rule-width-l: 0.5em; } :root { --sticky-s: 2.5%; --sticky-m: 5%; --sticky-l: 10%; } :root { --content-gap: var(--space-m); --fr-content-gap: var(--space-m); --container-gap: var(--space-xl); --fr-container-gap: var(--space-xl); --grid-gap: var(--space-m); --fr-grid-gap: var(--space-m); --bg-ultra-light: var(--white); --bg-light: var(--neutral-light); --bg-dark: var(--neutral-dark); --bg-ultra-dark: var(--black); --text-light: var(--white); --text-light-muted: var(--neutral-light); --text-dark: var(--black); --text-dark-muted: var(--neutral-dark); } html { font-size: var(--root-font-size) !important; } [id] { scroll-margin-top: var(--offset); } *, *::before, *::after { box-sizing: border-box; } body { min-block-size: 100vh; } input, button, textarea, select { font: inherit; } :where(dd) { margin-inline-start: 0; } .focus-parent:focus-within { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } .focus-parent :focus { outline: none !important; box-shadow: none !important; } .focus-parent--shadow:focus-within { box-shadow: 0 0 0 var(--focus-width) var(--focus-color); } .focus-parent--shadow :focus { outline: none !important; box-shadow: none !important; } .focus-parent--outline:focus-within { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } .focus-parent--outline :focus { outline: none !important; box-shadow: none !important; } .hidden-accessible { position: absolute !important; inline-size: 1px !important; block-size: 1px !important; padding: 0; margin: -1px; overflow: hidden; clip-path: rect(0, 0, 0, 0); white-space: nowrap; /* added line */ border: 0; } @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } :where(section:not(section section)) { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .section__inner, .section__container, .acss__container { width: 100%; max-inline-size: var(--content-width); margin-inline: auto; } #shadow-host-companion { padding: 0; } .bg--action { background-color: var(--action); } .bg--action-hover { background-color: var(--action-hover); } .bg--action-ultra-light { background-color: var(--action-ultra-light); } .bg--action-light { background-color: var(--action-light); } .bg--action-medium { background-color: var(--action-medium); } .bg--action-dark { background-color: var(--action-dark); } .bg--action-ultra-dark { background-color: var(--action-ultra-dark); } .bg--action-comp { background-color: var(--action-comp); } .bg--action-trans-10 { background-color: var(--action-trans-10); } .bg--action-trans-20 { background-color: var(--action-trans-20); } .bg--action-trans-30 { background-color: var(--action-trans-30); } .bg--action-trans-40 { background-color: var(--action-trans-40); } .bg--action-trans-50 { background-color: var(--action-trans-50); } .bg--action-trans-60 { background-color: var(--action-trans-60); } .bg--action-trans-70 { background-color: var(--action-trans-70); } .bg--action-trans-80 { background-color: var(--action-trans-80); } .bg--action-trans-90 { background-color: var(--action-trans-90); } .bg--action-light-trans-10 { background-color: var(--action-light-trans-10); } .bg--action-light-trans-20 { background-color: var(--action-light-trans-20); } .bg--action-light-trans-30 { background-color: var(--action-light-trans-30); } .bg--action-light-trans-40 { background-color: var(--action-light-trans-40); } .bg--action-light-trans-50 { background-color: var(--action-light-trans-50); } .bg--action-light-trans-60 { background-color: var(--action-light-trans-60); } .bg--action-light-trans-70 { background-color: var(--action-light-trans-70); } .bg--action-light-trans-80 { background-color: var(--action-light-trans-80); } .bg--action-light-trans-90 { background-color: var(--action-light-trans-90); } .bg--action-dark-trans-10 { background-color: var(--action-dark-trans-10); } .bg--action-dark-trans-20 { background-color: var(--action-dark-trans-20); } .bg--action-dark-trans-30 { background-color: var(--action-dark-trans-30); } .bg--action-dark-trans-40 { background-color: var(--action-dark-trans-40); } .bg--action-dark-trans-50 { background-color: var(--action-dark-trans-50); } .bg--action-dark-trans-60 { background-color: var(--action-dark-trans-60); } .bg--action-dark-trans-70 { background-color: var(--action-dark-trans-70); } .bg--action-dark-trans-80 { background-color: var(--action-dark-trans-80); } .bg--action-dark-trans-90 { background-color: var(--action-dark-trans-90); } .bg--action-ultra-dark-trans-10 { background-color: var(--action-ultra-dark-trans-10); } .bg--action-ultra-dark-trans-20 { background-color: var(--action-ultra-dark-trans-20); } .bg--action-ultra-dark-trans-30 { background-color: var(--action-ultra-dark-trans-30); } .bg--action-ultra-dark-trans-40 { background-color: var(--action-ultra-dark-trans-40); } .bg--action-ultra-dark-trans-50 { background-color: var(--action-ultra-dark-trans-50); } .bg--action-ultra-dark-trans-60 { background-color: var(--action-ultra-dark-trans-60); } .bg--action-ultra-dark-trans-70 { background-color: var(--action-ultra-dark-trans-70); } .bg--action-ultra-dark-trans-80 { background-color: var(--action-ultra-dark-trans-80); } .bg--action-ultra-dark-trans-90 { background-color: var(--action-ultra-dark-trans-90); } .bg--primary { background-color: var(--primary); } .bg--primary-hover { background-color: var(--primary-hover); } .bg--primary-ultra-light { background-color: var(--primary-ultra-light); } .bg--primary-light { background-color: var(--primary-light); } .bg--primary-medium { background-color: var(--primary-medium); } .bg--primary-dark { background-color: var(--primary-dark); } .bg--primary-ultra-dark { background-color: var(--primary-ultra-dark); } .bg--primary-comp { background-color: var(--primary-comp); } .bg--primary-trans-10 { background-color: var(--primary-trans-10); } .bg--primary-trans-20 { background-color: var(--primary-trans-20); } .bg--primary-trans-30 { background-color: var(--primary-trans-30); } .bg--primary-trans-40 { background-color: var(--primary-trans-40); } .bg--primary-trans-50 { background-color: var(--primary-trans-50); } .bg--primary-trans-60 { background-color: var(--primary-trans-60); } .bg--primary-trans-70 { background-color: var(--primary-trans-70); } .bg--primary-trans-80 { background-color: var(--primary-trans-80); } .bg--primary-trans-90 { background-color: var(--primary-trans-90); } .bg--primary-light-trans-10 { background-color: var(--primary-light-trans-10); } .bg--primary-light-trans-20 { background-color: var(--primary-light-trans-20); } .bg--primary-light-trans-30 { background-color: var(--primary-light-trans-30); } .bg--primary-light-trans-40 { background-color: var(--primary-light-trans-40); } .bg--primary-light-trans-50 { background-color: var(--primary-light-trans-50); } .bg--primary-light-trans-60 { background-color: var(--primary-light-trans-60); } .bg--primary-light-trans-70 { background-color: var(--primary-light-trans-70); } .bg--primary-light-trans-80 { background-color: var(--primary-light-trans-80); } .bg--primary-light-trans-90 { background-color: var(--primary-light-trans-90); } .bg--primary-dark-trans-10 { background-color: var(--primary-dark-trans-10); } .bg--primary-dark-trans-20 { background-color: var(--primary-dark-trans-20); } .bg--primary-dark-trans-30 { background-color: var(--primary-dark-trans-30); } .bg--primary-dark-trans-40 { background-color: var(--primary-dark-trans-40); } .bg--primary-dark-trans-50 { background-color: var(--primary-dark-trans-50); } .bg--primary-dark-trans-60 { background-color: var(--primary-dark-trans-60); } .bg--primary-dark-trans-70 { background-color: var(--primary-dark-trans-70); } .bg--primary-dark-trans-80 { background-color: var(--primary-dark-trans-80); } .bg--primary-dark-trans-90 { background-color: var(--primary-dark-trans-90); } .bg--primary-ultra-dark-trans-10 { background-color: var(--primary-ultra-dark-trans-10); } .bg--primary-ultra-dark-trans-20 { background-color: var(--primary-ultra-dark-trans-20); } .bg--primary-ultra-dark-trans-30 { background-color: var(--primary-ultra-dark-trans-30); } .bg--primary-ultra-dark-trans-40 { background-color: var(--primary-ultra-dark-trans-40); } .bg--primary-ultra-dark-trans-50 { background-color: var(--primary-ultra-dark-trans-50); } .bg--primary-ultra-dark-trans-60 { background-color: var(--primary-ultra-dark-trans-60); } .bg--primary-ultra-dark-trans-70 { background-color: var(--primary-ultra-dark-trans-70); } .bg--primary-ultra-dark-trans-80 { background-color: var(--primary-ultra-dark-trans-80); } .bg--primary-ultra-dark-trans-90 { background-color: var(--primary-ultra-dark-trans-90); } .bg--secondary { background-color: var(--secondary); } .bg--secondary-hover { background-color: var(--secondary-hover); } .bg--secondary-ultra-light { background-color: var(--secondary-ultra-light); } .bg--secondary-light { background-color: var(--secondary-light); } .bg--secondary-medium { background-color: var(--secondary-medium); } .bg--secondary-dark { background-color: var(--secondary-dark); } .bg--secondary-ultra-dark { background-color: var(--secondary-ultra-dark); } .bg--secondary-comp { background-color: var(--secondary-comp); } .bg--secondary-trans-10 { background-color: var(--secondary-trans-10); } .bg--secondary-trans-20 { background-color: var(--secondary-trans-20); } .bg--secondary-trans-30 { background-color: var(--secondary-trans-30); } .bg--secondary-trans-40 { background-color: var(--secondary-trans-40); } .bg--secondary-trans-50 { background-color: var(--secondary-trans-50); } .bg--secondary-trans-60 { background-color: var(--secondary-trans-60); } .bg--secondary-trans-70 { background-color: var(--secondary-trans-70); } .bg--secondary-trans-80 { background-color: var(--secondary-trans-80); } .bg--secondary-trans-90 { background-color: var(--secondary-trans-90); } .bg--secondary-light-trans-10 { background-color: var(--secondary-light-trans-10); } .bg--secondary-light-trans-20 { background-color: var(--secondary-light-trans-20); } .bg--secondary-light-trans-30 { background-color: var(--secondary-light-trans-30); } .bg--secondary-light-trans-40 { background-color: var(--secondary-light-trans-40); } .bg--secondary-light-trans-50 { background-color: var(--secondary-light-trans-50); } .bg--secondary-light-trans-60 { background-color: var(--secondary-light-trans-60); } .bg--secondary-light-trans-70 { background-color: var(--secondary-light-trans-70); } .bg--secondary-light-trans-80 { background-color: var(--secondary-light-trans-80); } .bg--secondary-light-trans-90 { background-color: var(--secondary-light-trans-90); } .bg--secondary-dark-trans-10 { background-color: var(--secondary-dark-trans-10); } .bg--secondary-dark-trans-20 { background-color: var(--secondary-dark-trans-20); } .bg--secondary-dark-trans-30 { background-color: var(--secondary-dark-trans-30); } .bg--secondary-dark-trans-40 { background-color: var(--secondary-dark-trans-40); } .bg--secondary-dark-trans-50 { background-color: var(--secondary-dark-trans-50); } .bg--secondary-dark-trans-60 { background-color: var(--secondary-dark-trans-60); } .bg--secondary-dark-trans-70 { background-color: var(--secondary-dark-trans-70); } .bg--secondary-dark-trans-80 { background-color: var(--secondary-dark-trans-80); } .bg--secondary-dark-trans-90 { background-color: var(--secondary-dark-trans-90); } .bg--secondary-ultra-dark-trans-10 { background-color: var(--secondary-ultra-dark-trans-10); } .bg--secondary-ultra-dark-trans-20 { background-color: var(--secondary-ultra-dark-trans-20); } .bg--secondary-ultra-dark-trans-30 { background-color: var(--secondary-ultra-dark-trans-30); } .bg--secondary-ultra-dark-trans-40 { background-color: var(--secondary-ultra-dark-trans-40); } .bg--secondary-ultra-dark-trans-50 { background-color: var(--secondary-ultra-dark-trans-50); } .bg--secondary-ultra-dark-trans-60 { background-color: var(--secondary-ultra-dark-trans-60); } .bg--secondary-ultra-dark-trans-70 { background-color: var(--secondary-ultra-dark-trans-70); } .bg--secondary-ultra-dark-trans-80 { background-color: var(--secondary-ultra-dark-trans-80); } .bg--secondary-ultra-dark-trans-90 { background-color: var(--secondary-ultra-dark-trans-90); } .bg--accent { background-color: var(--accent); } .bg--accent-hover { background-color: var(--accent-hover); } .bg--accent-ultra-light { background-color: var(--accent-ultra-light); } .bg--accent-light { background-color: var(--accent-light); } .bg--accent-medium { background-color: var(--accent-medium); } .bg--accent-dark { background-color: var(--accent-dark); } .bg--accent-ultra-dark { background-color: var(--accent-ultra-dark); } .bg--accent-comp { background-color: var(--accent-comp); } .bg--accent-trans-10 { background-color: var(--accent-trans-10); } .bg--accent-trans-20 { background-color: var(--accent-trans-20); } .bg--accent-trans-30 { background-color: var(--accent-trans-30); } .bg--accent-trans-40 { background-color: var(--accent-trans-40); } .bg--accent-trans-50 { background-color: var(--accent-trans-50); } .bg--accent-trans-60 { background-color: var(--accent-trans-60); } .bg--accent-trans-70 { background-color: var(--accent-trans-70); } .bg--accent-trans-80 { background-color: var(--accent-trans-80); } .bg--accent-trans-90 { background-color: var(--accent-trans-90); } .bg--accent-light-trans-10 { background-color: var(--accent-light-trans-10); } .bg--accent-light-trans-20 { background-color: var(--accent-light-trans-20); } .bg--accent-light-trans-30 { background-color: var(--accent-light-trans-30); } .bg--accent-light-trans-40 { background-color: var(--accent-light-trans-40); } .bg--accent-light-trans-50 { background-color: var(--accent-light-trans-50); } .bg--accent-light-trans-60 { background-color: var(--accent-light-trans-60); } .bg--accent-light-trans-70 { background-color: var(--accent-light-trans-70); } .bg--accent-light-trans-80 { background-color: var(--accent-light-trans-80); } .bg--accent-light-trans-90 { background-color: var(--accent-light-trans-90); } .bg--accent-dark-trans-10 { background-color: var(--accent-dark-trans-10); } .bg--accent-dark-trans-20 { background-color: var(--accent-dark-trans-20); } .bg--accent-dark-trans-30 { background-color: var(--accent-dark-trans-30); } .bg--accent-dark-trans-40 { background-color: var(--accent-dark-trans-40); } .bg--accent-dark-trans-50 { background-color: var(--accent-dark-trans-50); } .bg--accent-dark-trans-60 { background-color: var(--accent-dark-trans-60); } .bg--accent-dark-trans-70 { background-color: var(--accent-dark-trans-70); } .bg--accent-dark-trans-80 { background-color: var(--accent-dark-trans-80); } .bg--accent-dark-trans-90 { background-color: var(--accent-dark-trans-90); } .bg--accent-ultra-dark-trans-10 { background-color: var(--accent-ultra-dark-trans-10); } .bg--accent-ultra-dark-trans-20 { background-color: var(--accent-ultra-dark-trans-20); } .bg--accent-ultra-dark-trans-30 { background-color: var(--accent-ultra-dark-trans-30); } .bg--accent-ultra-dark-trans-40 { background-color: var(--accent-ultra-dark-trans-40); } .bg--accent-ultra-dark-trans-50 { background-color: var(--accent-ultra-dark-trans-50); } .bg--accent-ultra-dark-trans-60 { background-color: var(--accent-ultra-dark-trans-60); } .bg--accent-ultra-dark-trans-70 { background-color: var(--accent-ultra-dark-trans-70); } .bg--accent-ultra-dark-trans-80 { background-color: var(--accent-ultra-dark-trans-80); } .bg--accent-ultra-dark-trans-90 { background-color: var(--accent-ultra-dark-trans-90); } .bg--base { background-color: var(--base); } .bg--base-hover { background-color: var(--base-hover); } .bg--base-ultra-light { background-color: var(--base-ultra-light); } .bg--base-light { background-color: var(--base-light); } .bg--base-medium { background-color: var(--base-medium); } .bg--base-dark { background-color: var(--base-dark); } .bg--base-ultra-dark { background-color: var(--base-ultra-dark); } .bg--base-comp { background-color: var(--base-comp); } .bg--base-trans-10 { background-color: var(--base-trans-10); } .bg--base-trans-20 { background-color: var(--base-trans-20); } .bg--base-trans-30 { background-color: var(--base-trans-30); } .bg--base-trans-40 { background-color: var(--base-trans-40); } .bg--base-trans-50 { background-color: var(--base-trans-50); } .bg--base-trans-60 { background-color: var(--base-trans-60); } .bg--base-trans-70 { background-color: var(--base-trans-70); } .bg--base-trans-80 { background-color: var(--base-trans-80); } .bg--base-trans-90 { background-color: var(--base-trans-90); } .bg--base-light-trans-10 { background-color: var(--base-light-trans-10); } .bg--base-light-trans-20 { background-color: var(--base-light-trans-20); } .bg--base-light-trans-30 { background-color: var(--base-light-trans-30); } .bg--base-light-trans-40 { background-color: var(--base-light-trans-40); } .bg--base-light-trans-50 { background-color: var(--base-light-trans-50); } .bg--base-light-trans-60 { background-color: var(--base-light-trans-60); } .bg--base-light-trans-70 { background-color: var(--base-light-trans-70); } .bg--base-light-trans-80 { background-color: var(--base-light-trans-80); } .bg--base-light-trans-90 { background-color: var(--base-light-trans-90); } .bg--base-dark-trans-10 { background-color: var(--base-dark-trans-10); } .bg--base-dark-trans-20 { background-color: var(--base-dark-trans-20); } .bg--base-dark-trans-30 { background-color: var(--base-dark-trans-30); } .bg--base-dark-trans-40 { background-color: var(--base-dark-trans-40); } .bg--base-dark-trans-50 { background-color: var(--base-dark-trans-50); } .bg--base-dark-trans-60 { background-color: var(--base-dark-trans-60); } .bg--base-dark-trans-70 { background-color: var(--base-dark-trans-70); } .bg--base-dark-trans-80 { background-color: var(--base-dark-trans-80); } .bg--base-dark-trans-90 { background-color: var(--base-dark-trans-90); } .bg--base-ultra-dark-trans-10 { background-color: var(--base-ultra-dark-trans-10); } .bg--base-ultra-dark-trans-20 { background-color: var(--base-ultra-dark-trans-20); } .bg--base-ultra-dark-trans-30 { background-color: var(--base-ultra-dark-trans-30); } .bg--base-ultra-dark-trans-40 { background-color: var(--base-ultra-dark-trans-40); } .bg--base-ultra-dark-trans-50 { background-color: var(--base-ultra-dark-trans-50); } .bg--base-ultra-dark-trans-60 { background-color: var(--base-ultra-dark-trans-60); } .bg--base-ultra-dark-trans-70 { background-color: var(--base-ultra-dark-trans-70); } .bg--base-ultra-dark-trans-80 { background-color: var(--base-ultra-dark-trans-80); } .bg--base-ultra-dark-trans-90 { background-color: var(--base-ultra-dark-trans-90); } .bg--shade { background-color: var(--shade); } .bg--shade-hover { background-color: var(--shade-hover); } .bg--shade-ultra-light { background-color: var(--shade-ultra-light); } .bg--shade-light { background-color: var(--shade-light); } .bg--shade-medium { background-color: var(--shade-medium); } .bg--shade-dark { background-color: var(--shade-dark); } .bg--shade-ultra-dark { background-color: var(--shade-ultra-dark); } .bg--shade-comp { background-color: var(--shade-comp); } .bg--shade-trans-10 { background-color: var(--shade-trans-10); } .bg--shade-trans-20 { background-color: var(--shade-trans-20); } .bg--shade-trans-30 { background-color: var(--shade-trans-30); } .bg--shade-trans-40 { background-color: var(--shade-trans-40); } .bg--shade-trans-50 { background-color: var(--shade-trans-50); } .bg--shade-trans-60 { background-color: var(--shade-trans-60); } .bg--shade-trans-70 { background-color: var(--shade-trans-70); } .bg--shade-trans-80 { background-color: var(--shade-trans-80); } .bg--shade-trans-90 { background-color: var(--shade-trans-90); } .bg--shade-light-trans-10 { background-color: var(--shade-light-trans-10); } .bg--shade-light-trans-20 { background-color: var(--shade-light-trans-20); } .bg--shade-light-trans-30 { background-color: var(--shade-light-trans-30); } .bg--shade-light-trans-40 { background-color: var(--shade-light-trans-40); } .bg--shade-light-trans-50 { background-color: var(--shade-light-trans-50); } .bg--shade-light-trans-60 { background-color: var(--shade-light-trans-60); } .bg--shade-light-trans-70 { background-color: var(--shade-light-trans-70); } .bg--shade-light-trans-80 { background-color: var(--shade-light-trans-80); } .bg--shade-light-trans-90 { background-color: var(--shade-light-trans-90); } .bg--shade-dark-trans-10 { background-color: var(--shade-dark-trans-10); } .bg--shade-dark-trans-20 { background-color: var(--shade-dark-trans-20); } .bg--shade-dark-trans-30 { background-color: var(--shade-dark-trans-30); } .bg--shade-dark-trans-40 { background-color: var(--shade-dark-trans-40); } .bg--shade-dark-trans-50 { background-color: var(--shade-dark-trans-50); } .bg--shade-dark-trans-60 { background-color: var(--shade-dark-trans-60); } .bg--shade-dark-trans-70 { background-color: var(--shade-dark-trans-70); } .bg--shade-dark-trans-80 { background-color: var(--shade-dark-trans-80); } .bg--shade-dark-trans-90 { background-color: var(--shade-dark-trans-90); } .bg--shade-ultra-dark-trans-10 { background-color: var(--shade-ultra-dark-trans-10); } .bg--shade-ultra-dark-trans-20 { background-color: var(--shade-ultra-dark-trans-20); } .bg--shade-ultra-dark-trans-30 { background-color: var(--shade-ultra-dark-trans-30); } .bg--shade-ultra-dark-trans-40 { background-color: var(--shade-ultra-dark-trans-40); } .bg--shade-ultra-dark-trans-50 { background-color: var(--shade-ultra-dark-trans-50); } .bg--shade-ultra-dark-trans-60 { background-color: var(--shade-ultra-dark-trans-60); } .bg--shade-ultra-dark-trans-70 { background-color: var(--shade-ultra-dark-trans-70); } .bg--shade-ultra-dark-trans-80 { background-color: var(--shade-ultra-dark-trans-80); } .bg--shade-ultra-dark-trans-90 { background-color: var(--shade-ultra-dark-trans-90); } .bg--neutral { background-color: var(--neutral); } .bg--neutral-hover { background-color: var(--neutral-hover); } .bg--neutral-ultra-light { background-color: var(--neutral-ultra-light); } .bg--neutral-light { background-color: var(--neutral-light); } .bg--neutral-medium { background-color: var(--neutral-medium); } .bg--neutral-dark { background-color: var(--neutral-dark); } .bg--neutral-ultra-dark { background-color: var(--neutral-ultra-dark); } .bg--neutral-comp { background-color: var(--neutral-comp); } .bg--neutral-trans-10 { background-color: var(--neutral-trans-10); } .bg--neutral-trans-20 { background-color: var(--neutral-trans-20); } .bg--neutral-trans-30 { background-color: var(--neutral-trans-30); } .bg--neutral-trans-40 { background-color: var(--neutral-trans-40); } .bg--neutral-trans-50 { background-color: var(--neutral-trans-50); } .bg--neutral-trans-60 { background-color: var(--neutral-trans-60); } .bg--neutral-trans-70 { background-color: var(--neutral-trans-70); } .bg--neutral-trans-80 { background-color: var(--neutral-trans-80); } .bg--neutral-trans-90 { background-color: var(--neutral-trans-90); } .bg--neutral-light-trans-10 { background-color: var(--neutral-light-trans-10); } .bg--neutral-light-trans-20 { background-color: var(--neutral-light-trans-20); } .bg--neutral-light-trans-30 { background-color: var(--neutral-light-trans-30); } .bg--neutral-light-trans-40 { background-color: var(--neutral-light-trans-40); } .bg--neutral-light-trans-50 { background-color: var(--neutral-light-trans-50); } .bg--neutral-light-trans-60 { background-color: var(--neutral-light-trans-60); } .bg--neutral-light-trans-70 { background-color: var(--neutral-light-trans-70); } .bg--neutral-light-trans-80 { background-color: var(--neutral-light-trans-80); } .bg--neutral-light-trans-90 { background-color: var(--neutral-light-trans-90); } .bg--neutral-dark-trans-10 { background-color: var(--neutral-dark-trans-10); } .bg--neutral-dark-trans-20 { background-color: var(--neutral-dark-trans-20); } .bg--neutral-dark-trans-30 { background-color: var(--neutral-dark-trans-30); } .bg--neutral-dark-trans-40 { background-color: var(--neutral-dark-trans-40); } .bg--neutral-dark-trans-50 { background-color: var(--neutral-dark-trans-50); } .bg--neutral-dark-trans-60 { background-color: var(--neutral-dark-trans-60); } .bg--neutral-dark-trans-70 { background-color: var(--neutral-dark-trans-70); } .bg--neutral-dark-trans-80 { background-color: var(--neutral-dark-trans-80); } .bg--neutral-dark-trans-90 { background-color: var(--neutral-dark-trans-90); } .bg--neutral-ultra-dark-trans-10 { background-color: var(--neutral-ultra-dark-trans-10); } .bg--neutral-ultra-dark-trans-20 { background-color: var(--neutral-ultra-dark-trans-20); } .bg--neutral-ultra-dark-trans-30 { background-color: var(--neutral-ultra-dark-trans-30); } .bg--neutral-ultra-dark-trans-40 { background-color: var(--neutral-ultra-dark-trans-40); } .bg--neutral-ultra-dark-trans-50 { background-color: var(--neutral-ultra-dark-trans-50); } .bg--neutral-ultra-dark-trans-60 { background-color: var(--neutral-ultra-dark-trans-60); } .bg--neutral-ultra-dark-trans-70 { background-color: var(--neutral-ultra-dark-trans-70); } .bg--neutral-ultra-dark-trans-80 { background-color: var(--neutral-ultra-dark-trans-80); } .bg--neutral-ultra-dark-trans-90 { background-color: var(--neutral-ultra-dark-trans-90); } .bg--white { background-color: var(--white); } .bg--black { background-color: var(--black); } .bg--white-trans-10 { background-color: var(--white-trans-10); } .bg--white-trans-20 { background-color: var(--white-trans-20); } .bg--white-trans-30 { background-color: var(--white-trans-30); } .bg--white-trans-40 { background-color: var(--white-trans-40); } .bg--white-trans-50 { background-color: var(--white-trans-50); } .bg--white-trans-60 { background-color: var(--white-trans-60); } .bg--white-trans-70 { background-color: var(--white-trans-70); } .bg--white-trans-80 { background-color: var(--white-trans-80); } .bg--white-trans-90 { background-color: var(--white-trans-90); } .bg--black-trans-10 { background-color: var(--black-trans-10); } .bg--black-trans-20 { background-color: var(--black-trans-20); } .bg--black-trans-30 { background-color: var(--black-trans-30); } .bg--black-trans-40 { background-color: var(--black-trans-40); } .bg--black-trans-50 { background-color: var(--black-trans-50); } .bg--black-trans-60 { background-color: var(--black-trans-60); } .bg--black-trans-70 { background-color: var(--black-trans-70); } .bg--black-trans-80 { background-color: var(--black-trans-80); } .bg--black-trans-90 { background-color: var(--black-trans-90); } .btn--action, .btn--primary, .btn--secondary, .btn--accent, .btn--base, .btn--black, .btn--white { padding-block: var(--btn-padding-block); padding-inline: var(--btn-padding-inline); min-inline-size: var(--btn-min-width); line-height: var(--btn-line-height); font-size: var(--text-m); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-decoration: var(--btn-text-decoration); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-border-radius); display: var(--btn-display, inline-flex); text-align: center; justify-content: center; align-items: center; background: var(--btn-background); color: var(--btn-text-color); border-color: var(--btn-border-color); transition: all var(--btn-transition-duration) ease; } .btn--action:hover, .btn--primary:hover, .btn--secondary:hover, .btn--accent:hover, .btn--base:hover, .btn--black:hover, .btn--white:hover { background: var(--btn-background-hover); border-color: var(--btn-border-color-hover); color: var(--btn-text-color-hover); text-decoration: var(--btn-text-decoration-hover); } .btn--action:focus, .btn--primary:focus, .btn--secondary:focus, .btn--accent:focus, .btn--base:focus, .btn--black:focus, .btn--white:focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } .btn--action.btn--outline, .btn--primary.btn--outline, .btn--secondary.btn--outline, .btn--accent.btn--outline, .btn--base.btn--outline, .btn--black.btn--outline, .btn--white.btn--outline { background: transparent; border-width: var(--btn-outline-border-width); color: var(--btn-outline-text-color); } .btn--action.btn--outline:hover, .btn--primary.btn--outline:hover, .btn--secondary.btn--outline:hover, .btn--accent.btn--outline:hover, .btn--base.btn--outline:hover, .btn--black.btn--outline:hover, .btn--white.btn--outline:hover { background: var(--btn-outline-background-hover); color: var(--btn-outline-text-color-hover); border-color: var(--btn-outline-border-hover); } .btn--action { --btn-background: var(--action); --btn-background-hover: var(--action-hover); --btn-text-color: var(--action-ultra-light); --btn-text-color-hover: var(--action-ultra-light); --btn-border-color: var(--action); --btn-border-color-hover: var(--action-hover); --btn-outline-background-hover: var(--action-hover); --btn-outline-border-hover: var(--action-hover); --btn-outline-text-color: var(--action); --btn-outline-text-color-hover: var(--action-ultra-light); --focus-color: var(--action-dark); } .btn--primary { --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --btn-outline-background-hover: var(--primary-hover); --btn-outline-border-hover: var(--primary-hover); --btn-outline-text-color: var(--primary); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--primary-dark); } .btn--secondary { --btn-background: var(--secondary); --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--secondary-ultra-light); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-color: var(--secondary); --btn-border-color-hover: var(--secondary-hover); --btn-outline-background-hover: var(--secondary-hover); --btn-outline-border-hover: var(--secondary-hover); --btn-outline-text-color: var(--secondary); --btn-outline-text-color-hover: var(--secondary-ultra-light); --focus-color: var(--secondary-dark); } .btn--accent { --btn-background: var(--accent); --btn-background-hover: var(--accent-hover); --btn-text-color: var(--accent-ultra-light); --btn-text-color-hover: var(--accent-ultra-light); --btn-border-color: var(--accent); --btn-border-color-hover: var(--accent-hover); --btn-outline-background-hover: var(--accent-hover); --btn-outline-border-hover: var(--accent-hover); --btn-outline-text-color: var(--accent); --btn-outline-text-color-hover: var(--accent-ultra-light); --focus-color: var(--accent-dark); } .btn--base { --btn-background: var(--base); --btn-background-hover: var(--base-hover); --btn-text-color: var(--base-ultra-light); --btn-text-color-hover: var(--base-ultra-light); --btn-border-color: var(--base); --btn-border-color-hover: var(--base-hover); --btn-outline-background-hover: var(--base-hover); --btn-outline-border-hover: var(--base-hover); --btn-outline-text-color: var(--base); --btn-outline-text-color-hover: var(--base-ultra-light); --focus-color: var(--base-dark); } .btn--black { --btn-background: var(--shade-black); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-black); --btn-border-color-hover: var(--shade-white); --btn-outline-background-hover: var(--white); --btn-outline-border-hover: var(--white); --btn-outline-text-color: var(--shade-black); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--action); } .btn--white { --btn-background: var(--shade-white); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--shade-black); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-white); --btn-border-color-hover: var(--shade-black); --btn-outline-background-hover: var(--white); --btn-outline-border-hover: var(--white); --btn-outline-text-color: var(--shade-white); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--action); } .btn--xs { font-size: var(--text-xs); } .btn--s { font-size: var(--text-s); } .btn--m { font-size: var(--text-m); } .btn--l { font-size: var(--text-l); } .btn--xl { font-size: var(--text-xl); } .btn--xxl { font-size: var(--text-xxl); } .btn--clear { background: none; border: none; } .text--success { color: var(--success); } .bg--success { background-color: var(--success); } .text--success-light { color: var(--success-light); } .bg--success-light { background-color: var(--success-light); } .text--success-dark { color: var(--success-dark); } .bg--success-dark { background-color: var(--success-dark); } .text--success-hover { color: var(--success-hover); } .bg--success-hover { background-color: var(--success-hover); } .text--danger { color: var(--danger); } .bg--danger { background-color: var(--danger); } .text--danger-light { color: var(--danger-light); } .bg--danger-light { background-color: var(--danger-light); } .text--danger-dark { color: var(--danger-dark); } .bg--danger-dark { background-color: var(--danger-dark); } .text--danger-hover { color: var(--danger-hover); } .bg--danger-hover { background-color: var(--danger-hover); } .text--warning { color: var(--warning); } .bg--warning { background-color: var(--warning); } .text--warning-light { color: var(--warning-light); } .bg--warning-light { background-color: var(--warning-light); } .text--warning-dark { color: var(--warning-dark); } .bg--warning-dark { background-color: var(--warning-dark); } .text--warning-hover { color: var(--warning-hover); } .bg--warning-hover { background-color: var(--warning-hover); } .text--info { color: var(--info); } .bg--info { background-color: var(--info); } .text--info-light { color: var(--info-light); } .bg--info-light { background-color: var(--info-light); } .text--info-dark { color: var(--info-dark); } .bg--info-dark { background-color: var(--info-dark); } .text--info-hover { color: var(--info-hover); } .bg--info-hover { background-color: var(--info-hover); } .bg--ultra-light { background-color: var(--bg-ultra-light); } .bg--light { background-color: var(--bg-light); } .bg--dark { background-color: var(--bg-dark); } .bg--ultra-dark { background-color: var(--bg-ultra-dark); } .text--light { color: var(--text-light); } .text--light-muted { color: var(--text-light-muted); } .text--dark { color: var(--text-dark); } .text--dark-muted { color: var(--text-dark-muted); } :where(.bg--ultra-light), :where(.bg--ultra-light :is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-dark); } :where(.bg--light), :where(.bg--light :is(h1, h2, h3, h4, h5, h6)) { color: var(--black); } :where(.bg--dark), :where(.bg--dark :is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-light); } :where(.bg--ultra-dark), :where(.bg--ultra-dark :is(h1, h2, h3, h4, h5, h6)) { color: var(--white); } .margin-top--xs { margin-block-start: var(--space-xs); } .margin-top--s { margin-block-start: var(--space-s); } .margin-top--m { margin-block-start: var(--space-m); } .margin-top--l { margin-block-start: var(--space-l); } .margin-top--xl { margin-block-start: var(--space-xl); } .margin-top--xxl { margin-block-start: var(--space-xxl); } .margin-bottom--xs { margin-block-end: var(--space-xs); } .margin-bottom--s { margin-block-end: var(--space-s); } .margin-bottom--m { margin-block-end: var(--space-m); } .margin-bottom--l { margin-block-end: var(--space-l); } .margin-bottom--xl { margin-block-end: var(--space-xl); } .margin-bottom--xxl { margin-block-end: var(--space-xxl); } .margin-right--xs { margin-inline-end: var(--space-xs); } .margin-right--s { margin-inline-end: var(--space-s); } .margin-right--m { margin-inline-end: var(--space-m); } .margin-right--l { margin-inline-end: var(--space-l); } .margin-right--xl { margin-inline-end: var(--space-xl); } .margin-right--xxl { margin-inline-end: var(--space-xxl); } .margin-left--xs { margin-inline-start: var(--space-xs); } .margin-left--s { margin-inline-start: var(--space-s); } .margin-left--m { margin-inline-start: var(--space-m); } .margin-left--l { margin-inline-start: var(--space-l); } .margin-left--xl { margin-inline-start: var(--space-xl); } .margin-left--xxl { margin-inline-start: var(--space-xxl); } .pad--xs { padding: var(--space-xs); } .pad--s { padding: var(--space-s); } .pad--m { padding: var(--space-m); } .pad--l { padding: var(--space-l); } .pad--xl { padding: var(--space-xl); } .pad--xxl { padding: var(--space-xxl); } .pad-header--xs { padding: var(--space-xs) var(--section-padding-x); } .pad-header--s { padding: var(--space-s) var(--section-padding-x); } .pad-header--m { padding: var(--space-m) var(--section-padding-x); } .pad-header--l { padding: var(--space-l) var(--section-padding-x); } .pad-header--xl { padding: var(--space-xl) var(--section-padding-x); } .pad-header--xxl { padding: var(--space-xxl) var(--section-padding-x); } .pad--none:not(.ct-section) { padding: 0 !important; } .pad-section--xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--none { padding: 0 var(--section-padding-x); } @media (max-width: 1280px) { .pad-section--xl-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--xl-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--xl-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--xl-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--xl-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--xl-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--xl-none { padding-inline: 0 var(--section-padding-x); } } @media (max-width: 992px) { .pad-section--l-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--l-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--l-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--l-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--l-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--l-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--l-none { padding-inline: 0 var(--section-padding-x); } } @media (max-width: 768px) { .pad-section--m-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--m-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--m-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--m-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--m-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--m-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--m-none { padding-inline: 0 var(--section-padding-x); } } @media (max-width: 480px) { .pad-section--s-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--s-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--s-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--s-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--s-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--s-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--s-none { padding-inline: 0 var(--section-padding-x); } } [class*="overlay--"] { position: relative; z-index: 0; } [class*="overlay--"]::before { content: ""; background: var(--overlay-background); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .overlay--action-trans-10 { --overlay-background: var(--action-trans-10); } .overlay--action-trans-20 { --overlay-background: var(--action-trans-20); } .overlay--action-trans-30 { --overlay-background: var(--action-trans-30); } .overlay--action-trans-40 { --overlay-background: var(--action-trans-40); } .overlay--action-trans-50 { --overlay-background: var(--action-trans-50); } .overlay--action-trans-60 { --overlay-background: var(--action-trans-60); } .overlay--action-trans-70 { --overlay-background: var(--action-trans-70); } .overlay--action-trans-80 { --overlay-background: var(--action-trans-80); } .overlay--action-trans-90 { --overlay-background: var(--action-trans-90); } .overlay--action-light-trans-10 { --overlay-background: var(--action-light-trans-10); } .overlay--action-light-trans-20 { --overlay-background: var(--action-light-trans-20); } .overlay--action-light-trans-30 { --overlay-background: var(--action-light-trans-30); } .overlay--action-light-trans-40 { --overlay-background: var(--action-light-trans-40); } .overlay--action-light-trans-50 { --overlay-background: var(--action-light-trans-50); } .overlay--action-light-trans-60 { --overlay-background: var(--action-light-trans-60); } .overlay--action-light-trans-70 { --overlay-background: var(--action-light-trans-70); } .overlay--action-light-trans-80 { --overlay-background: var(--action-light-trans-80); } .overlay--action-light-trans-90 { --overlay-background: var(--action-light-trans-90); } .overlay--action-dark-trans-10 { --overlay-background: var(--action-dark-trans-10); } .overlay--action-dark-trans-20 { --overlay-background: var(--action-dark-trans-20); } .overlay--action-dark-trans-30 { --overlay-background: var(--action-dark-trans-30); } .overlay--action-dark-trans-40 { --overlay-background: var(--action-dark-trans-40); } .overlay--action-dark-trans-50 { --overlay-background: var(--action-dark-trans-50); } .overlay--action-dark-trans-60 { --overlay-background: var(--action-dark-trans-60); } .overlay--action-dark-trans-70 { --overlay-background: var(--action-dark-trans-70); } .overlay--action-dark-trans-80 { --overlay-background: var(--action-dark-trans-80); } .overlay--action-dark-trans-90 { --overlay-background: var(--action-dark-trans-90); } .overlay--action-ultra-dark-trans-10 { --overlay-background: var(--action-ultra-dark-trans-10); } .overlay--action-ultra-dark-trans-20 { --overlay-background: var(--action-ultra-dark-trans-20); } .overlay--action-ultra-dark-trans-30 { --overlay-background: var(--action-ultra-dark-trans-30); } .overlay--action-ultra-dark-trans-40 { --overlay-background: var(--action-ultra-dark-trans-40); } .overlay--action-ultra-dark-trans-50 { --overlay-background: var(--action-ultra-dark-trans-50); } .overlay--action-ultra-dark-trans-60 { --overlay-background: var(--action-ultra-dark-trans-60); } .overlay--action-ultra-dark-trans-70 { --overlay-background: var(--action-ultra-dark-trans-70); } .overlay--action-ultra-dark-trans-80 { --overlay-background: var(--action-ultra-dark-trans-80); } .overlay--action-ultra-dark-trans-90 { --overlay-background: var(--action-ultra-dark-trans-90); } .overlay--primary-trans-10 { --overlay-background: var(--primary-trans-10); } .overlay--primary-trans-20 { --overlay-background: var(--primary-trans-20); } .overlay--primary-trans-30 { --overlay-background: var(--primary-trans-30); } .overlay--primary-trans-40 { --overlay-background: var(--primary-trans-40); } .overlay--primary-trans-50 { --overlay-background: var(--primary-trans-50); } .overlay--primary-trans-60 { --overlay-background: var(--primary-trans-60); } .overlay--primary-trans-70 { --overlay-background: var(--primary-trans-70); } .overlay--primary-trans-80 { --overlay-background: var(--primary-trans-80); } .overlay--primary-trans-90 { --overlay-background: var(--primary-trans-90); } .overlay--primary-light-trans-10 { --overlay-background: var(--primary-light-trans-10); } .overlay--primary-light-trans-20 { --overlay-background: var(--primary-light-trans-20); } .overlay--primary-light-trans-30 { --overlay-background: var(--primary-light-trans-30); } .overlay--primary-light-trans-40 { --overlay-background: var(--primary-light-trans-40); } .overlay--primary-light-trans-50 { --overlay-background: var(--primary-light-trans-50); } .overlay--primary-light-trans-60 { --overlay-background: var(--primary-light-trans-60); } .overlay--primary-light-trans-70 { --overlay-background: var(--primary-light-trans-70); } .overlay--primary-light-trans-80 { --overlay-background: var(--primary-light-trans-80); } .overlay--primary-light-trans-90 { --overlay-background: var(--primary-light-trans-90); } .overlay--primary-dark-trans-10 { --overlay-background: var(--primary-dark-trans-10); } .overlay--primary-dark-trans-20 { --overlay-background: var(--primary-dark-trans-20); } .overlay--primary-dark-trans-30 { --overlay-background: var(--primary-dark-trans-30); } .overlay--primary-dark-trans-40 { --overlay-background: var(--primary-dark-trans-40); } .overlay--primary-dark-trans-50 { --overlay-background: var(--primary-dark-trans-50); } .overlay--primary-dark-trans-60 { --overlay-background: var(--primary-dark-trans-60); } .overlay--primary-dark-trans-70 { --overlay-background: var(--primary-dark-trans-70); } .overlay--primary-dark-trans-80 { --overlay-background: var(--primary-dark-trans-80); } .overlay--primary-dark-trans-90 { --overlay-background: var(--primary-dark-trans-90); } .overlay--primary-ultra-dark-trans-10 { --overlay-background: var(--primary-ultra-dark-trans-10); } .overlay--primary-ultra-dark-trans-20 { --overlay-background: var(--primary-ultra-dark-trans-20); } .overlay--primary-ultra-dark-trans-30 { --overlay-background: var(--primary-ultra-dark-trans-30); } .overlay--primary-ultra-dark-trans-40 { --overlay-background: var(--primary-ultra-dark-trans-40); } .overlay--primary-ultra-dark-trans-50 { --overlay-background: var(--primary-ultra-dark-trans-50); } .overlay--primary-ultra-dark-trans-60 { --overlay-background: var(--primary-ultra-dark-trans-60); } .overlay--primary-ultra-dark-trans-70 { --overlay-background: var(--primary-ultra-dark-trans-70); } .overlay--primary-ultra-dark-trans-80 { --overlay-background: var(--primary-ultra-dark-trans-80); } .overlay--primary-ultra-dark-trans-90 { --overlay-background: var(--primary-ultra-dark-trans-90); } .overlay--secondary-trans-10 { --overlay-background: var(--secondary-trans-10); } .overlay--secondary-trans-20 { --overlay-background: var(--secondary-trans-20); } .overlay--secondary-trans-30 { --overlay-background: var(--secondary-trans-30); } .overlay--secondary-trans-40 { --overlay-background: var(--secondary-trans-40); } .overlay--secondary-trans-50 { --overlay-background: var(--secondary-trans-50); } .overlay--secondary-trans-60 { --overlay-background: var(--secondary-trans-60); } .overlay--secondary-trans-70 { --overlay-background: var(--secondary-trans-70); } .overlay--secondary-trans-80 { --overlay-background: var(--secondary-trans-80); } .overlay--secondary-trans-90 { --overlay-background: var(--secondary-trans-90); } .overlay--secondary-light-trans-10 { --overlay-background: var(--secondary-light-trans-10); } .overlay--secondary-light-trans-20 { --overlay-background: var(--secondary-light-trans-20); } .overlay--secondary-light-trans-30 { --overlay-background: var(--secondary-light-trans-30); } .overlay--secondary-light-trans-40 { --overlay-background: var(--secondary-light-trans-40); } .overlay--secondary-light-trans-50 { --overlay-background: var(--secondary-light-trans-50); } .overlay--secondary-light-trans-60 { --overlay-background: var(--secondary-light-trans-60); } .overlay--secondary-light-trans-70 { --overlay-background: var(--secondary-light-trans-70); } .overlay--secondary-light-trans-80 { --overlay-background: var(--secondary-light-trans-80); } .overlay--secondary-light-trans-90 { --overlay-background: var(--secondary-light-trans-90); } .overlay--secondary-dark-trans-10 { --overlay-background: var(--secondary-dark-trans-10); } .overlay--secondary-dark-trans-20 { --overlay-background: var(--secondary-dark-trans-20); } .overlay--secondary-dark-trans-30 { --overlay-background: var(--secondary-dark-trans-30); } .overlay--secondary-dark-trans-40 { --overlay-background: var(--secondary-dark-trans-40); } .overlay--secondary-dark-trans-50 { --overlay-background: var(--secondary-dark-trans-50); } .overlay--secondary-dark-trans-60 { --overlay-background: var(--secondary-dark-trans-60); } .overlay--secondary-dark-trans-70 { --overlay-background: var(--secondary-dark-trans-70); } .overlay--secondary-dark-trans-80 { --overlay-background: var(--secondary-dark-trans-80); } .overlay--secondary-dark-trans-90 { --overlay-background: var(--secondary-dark-trans-90); } .overlay--secondary-ultra-dark-trans-10 { --overlay-background: var(--secondary-ultra-dark-trans-10); } .overlay--secondary-ultra-dark-trans-20 { --overlay-background: var(--secondary-ultra-dark-trans-20); } .overlay--secondary-ultra-dark-trans-30 { --overlay-background: var(--secondary-ultra-dark-trans-30); } .overlay--secondary-ultra-dark-trans-40 { --overlay-background: var(--secondary-ultra-dark-trans-40); } .overlay--secondary-ultra-dark-trans-50 { --overlay-background: var(--secondary-ultra-dark-trans-50); } .overlay--secondary-ultra-dark-trans-60 { --overlay-background: var(--secondary-ultra-dark-trans-60); } .overlay--secondary-ultra-dark-trans-70 { --overlay-background: var(--secondary-ultra-dark-trans-70); } .overlay--secondary-ultra-dark-trans-80 { --overlay-background: var(--secondary-ultra-dark-trans-80); } .overlay--secondary-ultra-dark-trans-90 { --overlay-background: var(--secondary-ultra-dark-trans-90); } .overlay--accent-trans-10 { --overlay-background: var(--accent-trans-10); } .overlay--accent-trans-20 { --overlay-background: var(--accent-trans-20); } .overlay--accent-trans-30 { --overlay-background: var(--accent-trans-30); } .overlay--accent-trans-40 { --overlay-background: var(--accent-trans-40); } .overlay--accent-trans-50 { --overlay-background: var(--accent-trans-50); } .overlay--accent-trans-60 { --overlay-background: var(--accent-trans-60); } .overlay--accent-trans-70 { --overlay-background: var(--accent-trans-70); } .overlay--accent-trans-80 { --overlay-background: var(--accent-trans-80); } .overlay--accent-trans-90 { --overlay-background: var(--accent-trans-90); } .overlay--accent-light-trans-10 { --overlay-background: var(--accent-light-trans-10); } .overlay--accent-light-trans-20 { --overlay-background: var(--accent-light-trans-20); } .overlay--accent-light-trans-30 { --overlay-background: var(--accent-light-trans-30); } .overlay--accent-light-trans-40 { --overlay-background: var(--accent-light-trans-40); } .overlay--accent-light-trans-50 { --overlay-background: var(--accent-light-trans-50); } .overlay--accent-light-trans-60 { --overlay-background: var(--accent-light-trans-60); } .overlay--accent-light-trans-70 { --overlay-background: var(--accent-light-trans-70); } .overlay--accent-light-trans-80 { --overlay-background: var(--accent-light-trans-80); } .overlay--accent-light-trans-90 { --overlay-background: var(--accent-light-trans-90); } .overlay--accent-dark-trans-10 { --overlay-background: var(--accent-dark-trans-10); } .overlay--accent-dark-trans-20 { --overlay-background: var(--accent-dark-trans-20); } .overlay--accent-dark-trans-30 { --overlay-background: var(--accent-dark-trans-30); } .overlay--accent-dark-trans-40 { --overlay-background: var(--accent-dark-trans-40); } .overlay--accent-dark-trans-50 { --overlay-background: var(--accent-dark-trans-50); } .overlay--accent-dark-trans-60 { --overlay-background: var(--accent-dark-trans-60); } .overlay--accent-dark-trans-70 { --overlay-background: var(--accent-dark-trans-70); } .overlay--accent-dark-trans-80 { --overlay-background: var(--accent-dark-trans-80); } .overlay--accent-dark-trans-90 { --overlay-background: var(--accent-dark-trans-90); } .overlay--accent-ultra-dark-trans-10 { --overlay-background: var(--accent-ultra-dark-trans-10); } .overlay--accent-ultra-dark-trans-20 { --overlay-background: var(--accent-ultra-dark-trans-20); } .overlay--accent-ultra-dark-trans-30 { --overlay-background: var(--accent-ultra-dark-trans-30); } .overlay--accent-ultra-dark-trans-40 { --overlay-background: var(--accent-ultra-dark-trans-40); } .overlay--accent-ultra-dark-trans-50 { --overlay-background: var(--accent-ultra-dark-trans-50); } .overlay--accent-ultra-dark-trans-60 { --overlay-background: var(--accent-ultra-dark-trans-60); } .overlay--accent-ultra-dark-trans-70 { --overlay-background: var(--accent-ultra-dark-trans-70); } .overlay--accent-ultra-dark-trans-80 { --overlay-background: var(--accent-ultra-dark-trans-80); } .overlay--accent-ultra-dark-trans-90 { --overlay-background: var(--accent-ultra-dark-trans-90); } .overlay--base-trans-10 { --overlay-background: var(--base-trans-10); } .overlay--base-trans-20 { --overlay-background: var(--base-trans-20); } .overlay--base-trans-30 { --overlay-background: var(--base-trans-30); } .overlay--base-trans-40 { --overlay-background: var(--base-trans-40); } .overlay--base-trans-50 { --overlay-background: var(--base-trans-50); } .overlay--base-trans-60 { --overlay-background: var(--base-trans-60); } .overlay--base-trans-70 { --overlay-background: var(--base-trans-70); } .overlay--base-trans-80 { --overlay-background: var(--base-trans-80); } .overlay--base-trans-90 { --overlay-background: var(--base-trans-90); } .overlay--base-light-trans-10 { --overlay-background: var(--base-light-trans-10); } .overlay--base-light-trans-20 { --overlay-background: var(--base-light-trans-20); } .overlay--base-light-trans-30 { --overlay-background: var(--base-light-trans-30); } .overlay--base-light-trans-40 { --overlay-background: var(--base-light-trans-40); } .overlay--base-light-trans-50 { --overlay-background: var(--base-light-trans-50); } .overlay--base-light-trans-60 { --overlay-background: var(--base-light-trans-60); } .overlay--base-light-trans-70 { --overlay-background: var(--base-light-trans-70); } .overlay--base-light-trans-80 { --overlay-background: var(--base-light-trans-80); } .overlay--base-light-trans-90 { --overlay-background: var(--base-light-trans-90); } .overlay--base-dark-trans-10 { --overlay-background: var(--base-dark-trans-10); } .overlay--base-dark-trans-20 { --overlay-background: var(--base-dark-trans-20); } .overlay--base-dark-trans-30 { --overlay-background: var(--base-dark-trans-30); } .overlay--base-dark-trans-40 { --overlay-background: var(--base-dark-trans-40); } .overlay--base-dark-trans-50 { --overlay-background: var(--base-dark-trans-50); } .overlay--base-dark-trans-60 { --overlay-background: var(--base-dark-trans-60); } .overlay--base-dark-trans-70 { --overlay-background: var(--base-dark-trans-70); } .overlay--base-dark-trans-80 { --overlay-background: var(--base-dark-trans-80); } .overlay--base-dark-trans-90 { --overlay-background: var(--base-dark-trans-90); } .overlay--base-ultra-dark-trans-10 { --overlay-background: var(--base-ultra-dark-trans-10); } .overlay--base-ultra-dark-trans-20 { --overlay-background: var(--base-ultra-dark-trans-20); } .overlay--base-ultra-dark-trans-30 { --overlay-background: var(--base-ultra-dark-trans-30); } .overlay--base-ultra-dark-trans-40 { --overlay-background: var(--base-ultra-dark-trans-40); } .overlay--base-ultra-dark-trans-50 { --overlay-background: var(--base-ultra-dark-trans-50); } .overlay--base-ultra-dark-trans-60 { --overlay-background: var(--base-ultra-dark-trans-60); } .overlay--base-ultra-dark-trans-70 { --overlay-background: var(--base-ultra-dark-trans-70); } .overlay--base-ultra-dark-trans-80 { --overlay-background: var(--base-ultra-dark-trans-80); } .overlay--base-ultra-dark-trans-90 { --overlay-background: var(--base-ultra-dark-trans-90); } .overlay--shade-trans-10 { --overlay-background: var(--shade-trans-10); } .overlay--shade-trans-20 { --overlay-background: var(--shade-trans-20); } .overlay--shade-trans-30 { --overlay-background: var(--shade-trans-30); } .overlay--shade-trans-40 { --overlay-background: var(--shade-trans-40); } .overlay--shade-trans-50 { --overlay-background: var(--shade-trans-50); } .overlay--shade-trans-60 { --overlay-background: var(--shade-trans-60); } .overlay--shade-trans-70 { --overlay-background: var(--shade-trans-70); } .overlay--shade-trans-80 { --overlay-background: var(--shade-trans-80); } .overlay--shade-trans-90 { --overlay-background: var(--shade-trans-90); } .overlay--shade-light-trans-10 { --overlay-background: var(--shade-light-trans-10); } .overlay--shade-light-trans-20 { --overlay-background: var(--shade-light-trans-20); } .overlay--shade-light-trans-30 { --overlay-background: var(--shade-light-trans-30); } .overlay--shade-light-trans-40 { --overlay-background: var(--shade-light-trans-40); } .overlay--shade-light-trans-50 { --overlay-background: var(--shade-light-trans-50); } .overlay--shade-light-trans-60 { --overlay-background: var(--shade-light-trans-60); } .overlay--shade-light-trans-70 { --overlay-background: var(--shade-light-trans-70); } .overlay--shade-light-trans-80 { --overlay-background: var(--shade-light-trans-80); } .overlay--shade-light-trans-90 { --overlay-background: var(--shade-light-trans-90); } .overlay--shade-dark-trans-10 { --overlay-background: var(--shade-dark-trans-10); } .overlay--shade-dark-trans-20 { --overlay-background: var(--shade-dark-trans-20); } .overlay--shade-dark-trans-30 { --overlay-background: var(--shade-dark-trans-30); } .overlay--shade-dark-trans-40 { --overlay-background: var(--shade-dark-trans-40); } .overlay--shade-dark-trans-50 { --overlay-background: var(--shade-dark-trans-50); } .overlay--shade-dark-trans-60 { --overlay-background: var(--shade-dark-trans-60); } .overlay--shade-dark-trans-70 { --overlay-background: var(--shade-dark-trans-70); } .overlay--shade-dark-trans-80 { --overlay-background: var(--shade-dark-trans-80); } .overlay--shade-dark-trans-90 { --overlay-background: var(--shade-dark-trans-90); } .overlay--shade-ultra-dark-trans-10 { --overlay-background: var(--shade-ultra-dark-trans-10); } .overlay--shade-ultra-dark-trans-20 { --overlay-background: var(--shade-ultra-dark-trans-20); } .overlay--shade-ultra-dark-trans-30 { --overlay-background: var(--shade-ultra-dark-trans-30); } .overlay--shade-ultra-dark-trans-40 { --overlay-background: var(--shade-ultra-dark-trans-40); } .overlay--shade-ultra-dark-trans-50 { --overlay-background: var(--shade-ultra-dark-trans-50); } .overlay--shade-ultra-dark-trans-60 { --overlay-background: var(--shade-ultra-dark-trans-60); } .overlay--shade-ultra-dark-trans-70 { --overlay-background: var(--shade-ultra-dark-trans-70); } .overlay--shade-ultra-dark-trans-80 { --overlay-background: var(--shade-ultra-dark-trans-80); } .overlay--shade-ultra-dark-trans-90 { --overlay-background: var(--shade-ultra-dark-trans-90); } .overlay--neutral-trans-10 { --overlay-background: var(--neutral-trans-10); } .overlay--neutral-trans-20 { --overlay-background: var(--neutral-trans-20); } .overlay--neutral-trans-30 { --overlay-background: var(--neutral-trans-30); } .overlay--neutral-trans-40 { --overlay-background: var(--neutral-trans-40); } .overlay--neutral-trans-50 { --overlay-background: var(--neutral-trans-50); } .overlay--neutral-trans-60 { --overlay-background: var(--neutral-trans-60); } .overlay--neutral-trans-70 { --overlay-background: var(--neutral-trans-70); } .overlay--neutral-trans-80 { --overlay-background: var(--neutral-trans-80); } .overlay--neutral-trans-90 { --overlay-background: var(--neutral-trans-90); } .overlay--neutral-light-trans-10 { --overlay-background: var(--neutral-light-trans-10); } .overlay--neutral-light-trans-20 { --overlay-background: var(--neutral-light-trans-20); } .overlay--neutral-light-trans-30 { --overlay-background: var(--neutral-light-trans-30); } .overlay--neutral-light-trans-40 { --overlay-background: var(--neutral-light-trans-40); } .overlay--neutral-light-trans-50 { --overlay-background: var(--neutral-light-trans-50); } .overlay--neutral-light-trans-60 { --overlay-background: var(--neutral-light-trans-60); } .overlay--neutral-light-trans-70 { --overlay-background: var(--neutral-light-trans-70); } .overlay--neutral-light-trans-80 { --overlay-background: var(--neutral-light-trans-80); } .overlay--neutral-light-trans-90 { --overlay-background: var(--neutral-light-trans-90); } .overlay--neutral-dark-trans-10 { --overlay-background: var(--neutral-dark-trans-10); } .overlay--neutral-dark-trans-20 { --overlay-background: var(--neutral-dark-trans-20); } .overlay--neutral-dark-trans-30 { --overlay-background: var(--neutral-dark-trans-30); } .overlay--neutral-dark-trans-40 { --overlay-background: var(--neutral-dark-trans-40); } .overlay--neutral-dark-trans-50 { --overlay-background: var(--neutral-dark-trans-50); } .overlay--neutral-dark-trans-60 { --overlay-background: var(--neutral-dark-trans-60); } .overlay--neutral-dark-trans-70 { --overlay-background: var(--neutral-dark-trans-70); } .overlay--neutral-dark-trans-80 { --overlay-background: var(--neutral-dark-trans-80); } .overlay--neutral-dark-trans-90 { --overlay-background: var(--neutral-dark-trans-90); } .overlay--neutral-ultra-dark-trans-10 { --overlay-background: var(--neutral-ultra-dark-trans-10); } .overlay--neutral-ultra-dark-trans-20 { --overlay-background: var(--neutral-ultra-dark-trans-20); } .overlay--neutral-ultra-dark-trans-30 { --overlay-background: var(--neutral-ultra-dark-trans-30); } .overlay--neutral-ultra-dark-trans-40 { --overlay-background: var(--neutral-ultra-dark-trans-40); } .overlay--neutral-ultra-dark-trans-50 { --overlay-background: var(--neutral-ultra-dark-trans-50); } .overlay--neutral-ultra-dark-trans-60 { --overlay-background: var(--neutral-ultra-dark-trans-60); } .overlay--neutral-ultra-dark-trans-70 { --overlay-background: var(--neutral-ultra-dark-trans-70); } .overlay--neutral-ultra-dark-trans-80 { --overlay-background: var(--neutral-ultra-dark-trans-80); } .overlay--neutral-ultra-dark-trans-90 { --overlay-background: var(--neutral-ultra-dark-trans-90); } .overlay--white-trans-10 { --overlay-background: var(--white-trans-10); } .overlay--white-trans-20 { --overlay-background: var(--white-trans-20); } .overlay--white-trans-30 { --overlay-background: var(--white-trans-30); } .overlay--white-trans-40 { --overlay-background: var(--white-trans-40); } .overlay--white-trans-50 { --overlay-background: var(--white-trans-50); } .overlay--white-trans-60 { --overlay-background: var(--white-trans-60); } .overlay--white-trans-70 { --overlay-background: var(--white-trans-70); } .overlay--white-trans-80 { --overlay-background: var(--white-trans-80); } .overlay--white-trans-90 { --overlay-background: var(--white-trans-90); } .overlay--black-trans-10 { --overlay-background: var(--black-trans-10); } .overlay--black-trans-20 { --overlay-background: var(--black-trans-20); } .overlay--black-trans-30 { --overlay-background: var(--black-trans-30); } .overlay--black-trans-40 { --overlay-background: var(--black-trans-40); } .overlay--black-trans-50 { --overlay-background: var(--black-trans-50); } .overlay--black-trans-60 { --overlay-background: var(--black-trans-60); } .overlay--black-trans-70 { --overlay-background: var(--black-trans-70); } .overlay--black-trans-80 { --overlay-background: var(--black-trans-80); } .overlay--black-trans-90 { --overlay-background: var(--black-trans-90); } figure[class*="overlay--"]::before { z-index: 0; } h1 { color: var(--h1-color, var(--black)); } h2 { color: var(--h2-color, var(--black)); } h3 { color: var(--h3-color, var(--black)); } h4 { color: var(--h4-color, var(--black)); } h5 { color: var(--h5-color, var(--black)); } h6 { color: var(--h6-color, var(--black)); } .text--action, .text--action :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action); } .text--action-hover, .text--action-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action-hover); } .text--action-ultra-light, .text--action-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action-ultra-light); } .text--action-light, .text--action-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action-light); } .text--action-medium, .text--action-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action-medium); } .text--action-dark, .text--action-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action-dark); } .text--action-ultra-dark, .text--action-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action-ultra-dark); } .text--action-comp, .text--action-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--action-comp); } .text--primary, .text--primary :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary); } .text--primary-hover, .text--primary-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-hover); } .text--primary-ultra-light, .text--primary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-ultra-light); } .text--primary-light, .text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-light); } .text--primary-medium, .text--primary-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-medium); } .text--primary-dark, .text--primary-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-dark); } .text--primary-ultra-dark, .text--primary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-ultra-dark); } .text--primary-comp, .text--primary-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-comp); } .text--secondary, .text--secondary :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary); } .text--secondary-hover, .text--secondary-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-hover); } .text--secondary-ultra-light, .text--secondary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-ultra-light); } .text--secondary-light, .text--secondary-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-light); } .text--secondary-medium, .text--secondary-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-medium); } .text--secondary-dark, .text--secondary-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-dark); } .text--secondary-ultra-dark, .text--secondary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-ultra-dark); } .text--secondary-comp, .text--secondary-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-comp); } .text--accent, .text--accent :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent); } .text--accent-hover, .text--accent-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-hover); } .text--accent-ultra-light, .text--accent-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-ultra-light); } .text--accent-light, .text--accent-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-light); } .text--accent-medium, .text--accent-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-medium); } .text--accent-dark, .text--accent-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-dark); } .text--accent-ultra-dark, .text--accent-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-ultra-dark); } .text--accent-comp, .text--accent-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-comp); } .text--base, .text--base :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base); } .text--base-hover, .text--base-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-hover); } .text--base-ultra-light, .text--base-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-ultra-light); } .text--base-light, .text--base-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-light); } .text--base-medium, .text--base-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-medium); } .text--base-dark, .text--base-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-dark); } .text--base-ultra-dark, .text--base-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-ultra-dark); } .text--base-comp, .text--base-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--base-comp); } .text--shade, .text--shade :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade); } .text--shade-hover, .text--shade-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-hover); } .text--shade-ultra-light, .text--shade-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-ultra-light); } .text--shade-light, .text--shade-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-light); } .text--shade-medium, .text--shade-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-medium); } .text--shade-dark, .text--shade-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-dark); } .text--shade-ultra-dark, .text--shade-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-ultra-dark); } .text--shade-comp, .text--shade-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-comp); } .text--neutral, .text--neutral :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral); } .text--neutral-hover, .text--neutral-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-hover); } .text--neutral-ultra-light, .text--neutral-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-ultra-light); } .text--neutral-light, .text--neutral-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-light); } .text--neutral-medium, .text--neutral-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-medium); } .text--neutral-dark, .text--neutral-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-dark); } .text--neutral-ultra-dark, .text--neutral-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-ultra-dark); } .text--neutral-comp, .text--neutral-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-comp); } .text--white, .text--white :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--white); } .text--black, .text--black :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--black); } .text--xs, .text--xs > p, .text--xs > ol li, .text--xs > ul li { font-size: var(--text-xs); line-height: var(--text-xs-lh); max-inline-size: var(--text-xs-length); } .text--s, .text--s > p, .text--s > ol li, .text--s > ul li { font-size: var(--text-s); line-height: var(--text-s-lh); max-inline-size: var(--text-s-length); } .text--m, .text--m > p, .text--m > ol li, .text--m > ul li { font-size: var(--text-m); line-height: var(--text-m-lh); max-inline-size: var(--text-m-length); } .text--l, .text--l > p, .text--l > ol li, .text--l > ul li { font-size: var(--text-l); line-height: var(--text-l-lh); max-inline-size: var(--text-l-length); } .text--xl, .text--xl > p, .text--xl > ol li, .text--xl > ul li { font-size: var(--text-xl); line-height: var(--text-xl-lh); max-inline-size: var(--text-xl-length); } .text--xxl, .text--xxl > p, .text--xxl > ol li, .text--xxl > ul li { font-size: var(--text-xxl); line-height: var(--text-xxl-lh); max-inline-size: var(--text-xxl-length); } .h--1 { font-size: var(--h1); line-height: var(--h1-lh); max-inline-size: var(--h1-length); color: var(--h1-color, var(--heading-color)); } .h--2 { font-size: var(--h2); line-height: var(--h2-lh); max-inline-size: var(--h2-length); color: var(--h2-color, var(--heading-color)); } .h--3 { font-size: var(--h3); line-height: var(--h3-lh); max-inline-size: var(--h3-length); color: var(--h3-color, var(--heading-color)); } .h--4 { font-size: var(--h4); line-height: var(--h4-lh); max-inline-size: var(--h4-length); color: var(--h4-color, var(--heading-color)); } .h--5 { font-size: var(--h5); line-height: var(--h5-lh); max-inline-size: var(--h5-length); color: var(--h5-color, var(--heading-color)); } .h--6 { font-size: var(--h6); line-height: var(--h6-lh); max-inline-size: var(--h6-length); color: var(--h6-color, var(--heading-color)); } .text--100 { font-weight: 100; } .text--200 { font-weight: 200; } .text--300 { font-weight: 300; } .text--400 { font-weight: 400; } .text--500 { font-weight: 500; } .text--600 { font-weight: 600; } .text--700 { font-weight: 700; } .text--800 { font-weight: 800; } .text--900 { font-weight: 900; } .text--bold { font-weight: bold; } .text--italic { font-style: italic; } .text--oblique { font-style: oblique; } .text--decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text--underline { -webkit-text-decoration: underline; text-decoration: underline; } .text--underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text--underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text--underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text--underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text--overline { -webkit-text-decoration: overline; text-decoration: overline; } .text--line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text--transform-none { text-transform: none; } .text--uppercase { text-transform: uppercase; } .text--lowercase { text-transform: lowercase; } .text--capitalize { text-transform: capitalize; } .text--left { text-align: left; } .text--center { text-align: center; } .text--right { text-align: right; } .text--justify { text-align: justify; } .balance { text-wrap: balance; } .balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6 { text-wrap: balance; } .unbalance { text-wrap: unset; } .unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 { text-wrap: unset; } .link--action a, a.link--action { color: var(--action); } .link--action a:hover, a.link--action:hover { color: var(--action-hover); } .link--action-hover a, a.link--action-hover { color: var(--action-hover); } .link--action-hover a:hover, a.link--action-hover:hover { color: var(--action-hover); } .link--action-ultra-light a, a.link--action-ultra-light { color: var(--action-ultra-light); } .link--action-ultra-light a:hover, a.link--action-ultra-light:hover { color: var(--action-hover); } .link--action-light a, a.link--action-light { color: var(--action-light); } .link--action-light a:hover, a.link--action-light:hover { color: var(--action-hover); } .link--action-medium a, a.link--action-medium { color: var(--action-medium); } .link--action-medium a:hover, a.link--action-medium:hover { color: var(--action-hover); } .link--action-dark a, a.link--action-dark { color: var(--action-dark); } .link--action-dark a:hover, a.link--action-dark:hover { color: var(--action-hover); } .link--action-ultra-dark a, a.link--action-ultra-dark { color: var(--action-ultra-dark); } .link--action-ultra-dark a:hover, a.link--action-ultra-dark:hover { color: var(--action-hover); } .link--action-comp a, a.link--action-comp { color: var(--action-comp); } .link--action-comp a:hover, a.link--action-comp:hover { color: var(--action-hover); } .link--primary a, a.link--primary { color: var(--primary); } .link--primary a:hover, a.link--primary:hover { color: var(--primary-hover); } .link--primary-hover a, a.link--primary-hover { color: var(--primary-hover); } .link--primary-hover a:hover, a.link--primary-hover:hover { color: var(--primary-hover); } .link--primary-ultra-light a, a.link--primary-ultra-light { color: var(--primary-ultra-light); } .link--primary-ultra-light a:hover, a.link--primary-ultra-light:hover { color: var(--primary-hover); } .link--primary-light a, a.link--primary-light { color: var(--primary-light); } .link--primary-light a:hover, a.link--primary-light:hover { color: var(--primary-hover); } .link--primary-medium a, a.link--primary-medium { color: var(--primary-medium); } .link--primary-medium a:hover, a.link--primary-medium:hover { color: var(--primary-hover); } .link--primary-dark a, a.link--primary-dark { color: var(--primary-dark); } .link--primary-dark a:hover, a.link--primary-dark:hover { color: var(--primary-hover); } .link--primary-ultra-dark a, a.link--primary-ultra-dark { color: var(--primary-ultra-dark); } .link--primary-ultra-dark a:hover, a.link--primary-ultra-dark:hover { color: var(--primary-hover); } .link--primary-comp a, a.link--primary-comp { color: var(--primary-comp); } .link--primary-comp a:hover, a.link--primary-comp:hover { color: var(--primary-hover); } .link--secondary a, a.link--secondary { color: var(--secondary); } .link--secondary a:hover, a.link--secondary:hover { color: var(--secondary-hover); } .link--secondary-hover a, a.link--secondary-hover { color: var(--secondary-hover); } .link--secondary-hover a:hover, a.link--secondary-hover:hover { color: var(--secondary-hover); } .link--secondary-ultra-light a, a.link--secondary-ultra-light { color: var(--secondary-ultra-light); } .link--secondary-ultra-light a:hover, a.link--secondary-ultra-light:hover { color: var(--secondary-hover); } .link--secondary-light a, a.link--secondary-light { color: var(--secondary-light); } .link--secondary-light a:hover, a.link--secondary-light:hover { color: var(--secondary-hover); } .link--secondary-medium a, a.link--secondary-medium { color: var(--secondary-medium); } .link--secondary-medium a:hover, a.link--secondary-medium:hover { color: var(--secondary-hover); } .link--secondary-dark a, a.link--secondary-dark { color: var(--secondary-dark); } .link--secondary-dark a:hover, a.link--secondary-dark:hover { color: var(--secondary-hover); } .link--secondary-ultra-dark a, a.link--secondary-ultra-dark { color: var(--secondary-ultra-dark); } .link--secondary-ultra-dark a:hover, a.link--secondary-ultra-dark:hover { color: var(--secondary-hover); } .link--secondary-comp a, a.link--secondary-comp { color: var(--secondary-comp); } .link--secondary-comp a:hover, a.link--secondary-comp:hover { color: var(--secondary-hover); } .link--accent a, a.link--accent { color: var(--accent); } .link--accent a:hover, a.link--accent:hover { color: var(--accent-hover); } .link--accent-hover a, a.link--accent-hover { color: var(--accent-hover); } .link--accent-hover a:hover, a.link--accent-hover:hover { color: var(--accent-hover); } .link--accent-ultra-light a, a.link--accent-ultra-light { color: var(--accent-ultra-light); } .link--accent-ultra-light a:hover, a.link--accent-ultra-light:hover { color: var(--accent-hover); } .link--accent-light a, a.link--accent-light { color: var(--accent-light); } .link--accent-light a:hover, a.link--accent-light:hover { color: var(--accent-hover); } .link--accent-medium a, a.link--accent-medium { color: var(--accent-medium); } .link--accent-medium a:hover, a.link--accent-medium:hover { color: var(--accent-hover); } .link--accent-dark a, a.link--accent-dark { color: var(--accent-dark); } .link--accent-dark a:hover, a.link--accent-dark:hover { color: var(--accent-hover); } .link--accent-ultra-dark a, a.link--accent-ultra-dark { color: var(--accent-ultra-dark); } .link--accent-ultra-dark a:hover, a.link--accent-ultra-dark:hover { color: var(--accent-hover); } .link--accent-comp a, a.link--accent-comp { color: var(--accent-comp); } .link--accent-comp a:hover, a.link--accent-comp:hover { color: var(--accent-hover); } .link--base a, a.link--base { color: var(--base); } .link--base a:hover, a.link--base:hover { color: var(--base-hover); } .link--base-hover a, a.link--base-hover { color: var(--base-hover); } .link--base-hover a:hover, a.link--base-hover:hover { color: var(--base-hover); } .link--base-ultra-light a, a.link--base-ultra-light { color: var(--base-ultra-light); } .link--base-ultra-light a:hover, a.link--base-ultra-light:hover { color: var(--base-hover); } .link--base-light a, a.link--base-light { color: var(--base-light); } .link--base-light a:hover, a.link--base-light:hover { color: var(--base-hover); } .link--base-medium a, a.link--base-medium { color: var(--base-medium); } .link--base-medium a:hover, a.link--base-medium:hover { color: var(--base-hover); } .link--base-dark a, a.link--base-dark { color: var(--base-dark); } .link--base-dark a:hover, a.link--base-dark:hover { color: var(--base-hover); } .link--base-ultra-dark a, a.link--base-ultra-dark { color: var(--base-ultra-dark); } .link--base-ultra-dark a:hover, a.link--base-ultra-dark:hover { color: var(--base-hover); } .link--base-comp a, a.link--base-comp { color: var(--base-comp); } .link--base-comp a:hover, a.link--base-comp:hover { color: var(--base-hover); } .link--shade a, a.link--shade { color: var(--shade); } .link--shade a:hover, a.link--shade:hover { color: var(--shade-hover); } .link--shade-hover a, a.link--shade-hover { color: var(--shade-hover); } .link--shade-hover a:hover, a.link--shade-hover:hover { color: var(--shade-hover); } .link--shade-ultra-light a, a.link--shade-ultra-light { color: var(--shade-ultra-light); } .link--shade-ultra-light a:hover, a.link--shade-ultra-light:hover { color: var(--shade-hover); } .link--shade-light a, a.link--shade-light { color: var(--shade-light); } .link--shade-light a:hover, a.link--shade-light:hover { color: var(--shade-hover); } .link--shade-medium a, a.link--shade-medium { color: var(--shade-medium); } .link--shade-medium a:hover, a.link--shade-medium:hover { color: var(--shade-hover); } .link--shade-dark a, a.link--shade-dark { color: var(--shade-dark); } .link--shade-dark a:hover, a.link--shade-dark:hover { color: var(--shade-hover); } .link--shade-ultra-dark a, a.link--shade-ultra-dark { color: var(--shade-ultra-dark); } .link--shade-ultra-dark a:hover, a.link--shade-ultra-dark:hover { color: var(--shade-hover); } .link--shade-comp a, a.link--shade-comp { color: var(--shade-comp); } .link--shade-comp a:hover, a.link--shade-comp:hover { color: var(--shade-hover); } .link--neutral a, a.link--neutral { color: var(--neutral); } .link--neutral-hover a, a.link--neutral-hover { color: var(--neutral-hover); } .link--neutral-ultra-light a, a.link--neutral-ultra-light { color: var(--neutral-ultra-light); } .link--neutral-light a, a.link--neutral-light { color: var(--neutral-light); } .link--neutral-medium a, a.link--neutral-medium { color: var(--neutral-medium); } .link--neutral-dark a, a.link--neutral-dark { color: var(--neutral-dark); } .link--neutral-ultra-dark a, a.link--neutral-ultra-dark { color: var(--neutral-ultra-dark); } .link--neutral-comp a, a.link--neutral-comp { color: var(--neutral-comp); } .link--white a, a.link--white { color: var(--white); } .link--white a:hover, a.link--white:hover { color: var(--action-hover); } .link--black a, a.link--black { color: var(--black); } .link--black a:hover, a.link--black:hover { color: var(--action-hover); } .link--success a, a.link--success { color: #29A745; } .link--success a:hover, a.link--success:hover { color: var(--success-hover); } .link--success-light a, a.link--success-light { color: #c1f0cc; } .link--success-light a:hover, a.link--success-light:hover { color: var(--success-hover); } .link--success-dark a, a.link--success-dark { color: #0f3e19; } .link--success-dark a:hover, a.link--success-dark:hover { color: var(--success-hover); } .link--success-hover a, a.link--success-hover { color: #2fc24f; } .link--success-hover a:hover, a.link--success-hover:hover { color: var(--success-hover); } .link--danger a, a.link--danger { color: #DC3545; } .link--danger a:hover, a.link--danger:hover { color: var(--danger-hover); } .link--danger-light a, a.link--danger-light { color: #f4bec3; } .link--danger-light a:hover, a.link--danger-light:hover { color: var(--danger-hover); } .link--danger-dark a, a.link--danger-dark { color: #410b11; } .link--danger-dark a:hover, a.link--danger-dark:hover { color: var(--danger-hover); } .link--danger-hover a, a.link--danger-hover { color: #e35a67; } .link--danger-hover a:hover, a.link--danger-hover:hover { color: var(--danger-hover); } .link--warning a, a.link--warning { color: #FFC10A; } .link--warning a:hover, a.link--warning:hover { color: var(--warning-hover); } .link--warning-light a, a.link--warning-light { color: #ffecb3; } .link--warning-light a:hover, a.link--warning-light:hover { color: var(--warning-hover); } .link--warning-dark a, a.link--warning-dark { color: #4d3900; } .link--warning-dark a:hover, a.link--warning-dark:hover { color: var(--warning-hover); } .link--warning-hover a, a.link--warning-hover { color: #ffcc32; } .link--warning-hover a:hover, a.link--warning-hover:hover { color: var(--warning-hover); } .link--info a, a.link--info { color: #18A2B8; } .link--info a:hover, a.link--info:hover { color: var(--accent-hover); } .link--info-light a, a.link--info-light { color: #bbeef6; } .link--info-light a:hover, a.link--info-light:hover { color: var(--accent-hover); } .link--info-dark a, a.link--info-dark { color: #093c44; } .link--info-dark a:hover, a.link--info-dark:hover { color: var(--accent-hover); } .link--info-hover a, a.link--info-hover { color: #1cbcd5; } .link--info-hover a:hover, a.link--info-hover:hover { color: var(--accent-hover); } .opacity--5 { opacity: 0.05; } .opacity--10 { opacity: 0.1; } .opacity--20 { opacity: 0.2; } .opacity--30 { opacity: 0.3; } .opacity--40 { opacity: 0.4; } .opacity--50 { opacity: 0.5; } .opacity--60 { opacity: 0.6; } .opacity--70 { opacity: 0.7; } .opacity--80 { opacity: 0.8; } .opacity--90 { opacity: 0.9; } .opacity--95 { opacity: 0.95; } .box-shadow--m { box-shadow: var(--box-shadow-1); } .box-shadow--l { box-shadow: var(--box-shadow-2); } .box-shadow--xl { box-shadow: var(--box-shadow-3); } @media (min-width: 1280px) { .breakout--s { inline-size: 60vw !important; max-inline-size: 60vw !important; margin: 0 calc(-30vw + 50%) !important; } .breakout--m { inline-size: 70vw !important; max-inline-size: 70vw !important; margin: 0 calc(-35vw + 50%) !important; } .breakout--l { inline-size: 80vw !important; max-inline-size: 80vw !important; margin: 0 calc(-40vw + 50%) !important; } .breakout--xl { inline-size: 90vw !important; max-inline-size: 90vw !important; margin: 0 calc(-45vw + 50%) !important; } } .breakout--full { inline-size: 100vw !important; max-inline-size: 100vw !important; margin-inline: calc(-50vw + 50%) !important; align-self: flex-start; } @media (max-width: 1280px) { [class*="breakout--"]:not(.breakout--full) { inline-size: 100% !important; max-inline-size: 100% !important; margin: 0 !important; } } .relative { position: relative; } .sticky { position: -webkit-sticky; position: sticky; inset-block-start: 0rem; } .sticky-top--s { inset-block-start: 2.5%; } .sticky-top--m { inset-block-start: 5%; } .sticky-top--l { inset-block-start: 10%; } .center--self { margin-left: auto; margin-right: auto; } .flip--x, .flip--x > div { transform: scaleX(-1); } .flip--y, .flip--y > div { transform: scaleY(-1); } .flip--xy, .flip--xy > div { transform: scale(-1, -1); } .flip--both, .flip--both > div { transform: scale(-1, -1); } img.object-fit--cover, .object-fit--cover img { -o-object-fit: cover; object-fit: cover; } img.object-fit--contain, .object-fit--contain img { -o-object-fit: contain; object-fit: contain; } img.object-fit--top-left, .object-fit--top-left img { -o-object-position: 10% 10%; object-position: 10% 10%; } img.object-fit--top-center, .object-fit--top-center img { -o-object-position: 50% 10%; object-position: 50% 10%; } img.object-fit--top-right, .object-fit--top-right img { -o-object-position: 90% 10%; object-position: 90% 10%; } img.object-fit--center-left, .object-fit--center-left img { -o-object-position: 10% 50%; object-position: 10% 50%; } img.object-fit--center-right, .object-fit--center-right img { -o-object-position: 90% 50%; object-position: 90% 50%; } img.object-fit--bottom-left, .object-fit--bottom-left img { -o-object-position: 10% 90%; object-position: 10% 90%; } img.object-fit--bottom-center, .object-fit--bottom-center img { -o-object-position: 50% 90%; object-position: 50% 90%; } img.object-fit--bottom-right, .object-fit--bottom-right img { -o-object-position: 90% 90%; object-position: 90% 90%; } .height--20 { min-block-size: 20vh; } .height--30 { min-block-size: 30vh; } .height--40 { min-block-size: 40vh; } .height--50 { min-block-size: 50vh; } .height--60 { min-block-size: 60vh; } .height--70 { min-block-size: 70vh; } .height--80 { min-block-size: 80vh; } .height--90 { min-block-size: 90vh; } .height--100 { min-block-size: 100vh; } .height--full { min-block-size: 100vh; } @media (max-width: 1280px) { .height--xl-20 { min-block-size: 20vh; } .height--xl-30 { min-block-size: 30vh; } .height--xl-40 { min-block-size: 40vh; } .height--xl-50 { min-block-size: 50vh; } .height--xl-60 { min-block-size: 60vh; } .height--xl-70 { min-block-size: 70vh; } .height--xl-80 { min-block-size: 80vh; } .height--xl-90 { min-block-size: 90vh; } .height--xl-100 { min-block-size: 100vh; } .height--xl-full { min-block-size: 100vh; } } @media (max-width: 992px) { .height--l-20 { min-block-size: 20vh; } .height--l-30 { min-block-size: 30vh; } .height--l-40 { min-block-size: 40vh; } .height--l-50 { min-block-size: 50vh; } .height--l-60 { min-block-size: 60vh; } .height--l-70 { min-block-size: 70vh; } .height--l-80 { min-block-size: 80vh; } .height--l-90 { min-block-size: 90vh; } .height--l-100 { min-block-size: 100vh; } .height--l-full { min-block-size: 100vh; } } @media (max-width: 768px) { .height--m-20 { min-block-size: 20vh; } .height--m-30 { min-block-size: 30vh; } .height--m-40 { min-block-size: 40vh; } .height--m-50 { min-block-size: 50vh; } .height--m-60 { min-block-size: 60vh; } .height--m-70 { min-block-size: 70vh; } .height--m-80 { min-block-size: 80vh; } .height--m-90 { min-block-size: 90vh; } .height--m-100 { min-block-size: 100vh; } .height--m-full { min-block-size: 100vh; } } @media (max-width: 480px) { .height--s-20 { min-block-size: 20vh; } .height--s-30 { min-block-size: 30vh; } .height--s-40 { min-block-size: 40vh; } .height--s-50 { min-block-size: 50vh; } .height--s-60 { min-block-size: 60vh; } .height--s-70 { min-block-size: 70vh; } .height--s-80 { min-block-size: 80vh; } .height--s-90 { min-block-size: 90vh; } .height--s-100 { min-block-size: 100vh; } .height--s-full { min-block-size: 100vh; } } .max-height--20 { max-block-size: 20vh; } .max-height--30 { max-block-size: 30vh; } .max-height--40 { max-block-size: 40vh; } .max-height--50 { max-block-size: 50vh; } .max-height--60 { max-block-size: 60vh; } .max-height--70 { max-block-size: 70vh; } .max-height--80 { max-block-size: 80vh; } .max-height--90 { max-block-size: 90vh; } .max-height--100 { max-block-size: 100vh; } .max-height--full { max-block-size: 100vh; } @media (max-width: 1280px) { .max-height--xl-20 { max-block-size: 20vh; } .max-height--xl-30 { max-block-size: 30vh; } .max-height--xl-40 { max-block-size: 40vh; } .max-height--xl-50 { max-block-size: 50vh; } .max-height--xl-60 { max-block-size: 60vh; } .max-height--xl-70 { max-block-size: 70vh; } .max-height--xl-80 { max-block-size: 80vh; } .max-height--xl-90 { max-block-size: 90vh; } .max-height--xl-100 { max-block-size: 100vh; } .max-height--xl-full { max-block-size: 100vh; } } @media (max-width: 992px) { .max-height--l-20 { max-block-size: 20vh; } .max-height--l-30 { max-block-size: 30vh; } .max-height--l-40 { max-block-size: 40vh; } .max-height--l-50 { max-block-size: 50vh; } .max-height--l-60 { max-block-size: 60vh; } .max-height--l-70 { max-block-size: 70vh; } .max-height--l-80 { max-block-size: 80vh; } .max-height--l-90 { max-block-size: 90vh; } .max-height--l-100 { max-block-size: 100vh; } .max-height--l-full { max-block-size: 100vh; } } @media (max-width: 768px) { .max-height--m-20 { max-block-size: 20vh; } .max-height--m-30 { max-block-size: 30vh; } .max-height--m-40 { max-block-size: 40vh; } .max-height--m-50 { max-block-size: 50vh; } .max-height--m-60 { max-block-size: 60vh; } .max-height--m-70 { max-block-size: 70vh; } .max-height--m-80 { max-block-size: 80vh; } .max-height--m-90 { max-block-size: 90vh; } .max-height--m-100 { max-block-size: 100vh; } .max-height--m-full { max-block-size: 100vh; } } @media (max-width: 480px) { .max-height--s-20 { max-block-size: 20vh; } .max-height--s-30 { max-block-size: 30vh; } .max-height--s-40 { max-block-size: 40vh; } .max-height--s-50 { max-block-size: 50vh; } .max-height--s-60 { max-block-size: 60vh; } .max-height--s-70 { max-block-size: 70vh; } .max-height--s-80 { max-block-size: 80vh; } .max-height--s-90 { max-block-size: 90vh; } .max-height--s-100 { max-block-size: 100vh; } .max-height--s-full { max-block-size: 100vh; } } :is([class*="col-count--"], [class*="col-width--"]) { display: block !important; } .col-count--1 { -moz-column-count: 1; column-count: 1; } .col-count--2 { -moz-column-count: 2; column-count: 2; } .col-count--3 { -moz-column-count: 3; column-count: 3; } .col-count--4 { -moz-column-count: 4; column-count: 4; } .col-count--5 { -moz-column-count: 5; column-count: 5; } @media (max-width: 1280px) { .col-count--xl-1 { -moz-column-count: 1; column-count: 1; } .col-count--xl-2 { -moz-column-count: 2; column-count: 2; } .col-count--xl-3 { -moz-column-count: 3; column-count: 3; } .col-count--xl-4 { -moz-column-count: 4; column-count: 4; } .col-count--xl-5 { -moz-column-count: 5; column-count: 5; } } @media (max-width: 992px) { .col-count--l-1 { -moz-column-count: 1; column-count: 1; } .col-count--l-2 { -moz-column-count: 2; column-count: 2; } .col-count--l-3 { -moz-column-count: 3; column-count: 3; } .col-count--l-4 { -moz-column-count: 4; column-count: 4; } .col-count--l-5 { -moz-column-count: 5; column-count: 5; } } @media (max-width: 768px) { .col-count--m-1 { -moz-column-count: 1; column-count: 1; } .col-count--m-2 { -moz-column-count: 2; column-count: 2; } .col-count--m-3 { -moz-column-count: 3; column-count: 3; } .col-count--m-4 { -moz-column-count: 4; column-count: 4; } .col-count--m-5 { -moz-column-count: 5; column-count: 5; } } @media (max-width: 480px) { .col-count--s-1 { -moz-column-count: 1; column-count: 1; } .col-count--s-2 { -moz-column-count: 2; column-count: 2; } .col-count--s-3 { -moz-column-count: 3; column-count: 3; } .col-count--s-4 { -moz-column-count: 4; column-count: 4; } .col-count--s-5 { -moz-column-count: 5; column-count: 5; } } .col-width--s { width: 100%; -moz-column-width: var(--col-width-s, 13rem); column-width: var(--col-width-s, 13rem); } .col-width--m { width: 100%; -moz-column-width: var(--col-width-m, 25rem); column-width: var(--col-width-m, 25rem); } .col-width--l { width: 100%; -moz-column-width: var(--col-width-l, 38rem); column-width: var(--col-width-l, 38rem); } .col-rule--dotted { -moz-column-rule: dotted; column-rule: dotted; } .col-rule--dashed { -moz-column-rule: dashed; column-rule: dashed; } .col-rule--solid { -moz-column-rule: solid; column-rule: solid; } .col-rule--double { -moz-column-rule: double; column-rule: double; } .col-rule--groove { -moz-column-rule: groove; column-rule: groove; } .col-rule--ridge { -moz-column-rule: ridge; column-rule: ridge; } .col-rule--inset { -moz-column-rule: inset; column-rule: inset; } .col-rule--outset { -moz-column-rule: outset; column-rule: outset; } .col-rule--action { -moz-column-rule-color: var(--action); column-rule-color: var(--action); } .col-rule--action-hover { -moz-column-rule-color: var(--action-hover); column-rule-color: var(--action-hover); } .col-rule--action-ultra-light { -moz-column-rule-color: var(--action-ultra-light); column-rule-color: var(--action-ultra-light); } .col-rule--action-light { -moz-column-rule-color: var(--action-light); column-rule-color: var(--action-light); } .col-rule--action-medium { -moz-column-rule-color: var(--action-medium); column-rule-color: var(--action-medium); } .col-rule--action-dark { -moz-column-rule-color: var(--action-dark); column-rule-color: var(--action-dark); } .col-rule--action-ultra-dark { -moz-column-rule-color: var(--action-ultra-dark); column-rule-color: var(--action-ultra-dark); } .col-rule--action-comp { -moz-column-rule-color: var(--action-comp); column-rule-color: var(--action-comp); } .col-rule--primary { -moz-column-rule-color: var(--primary); column-rule-color: var(--primary); } .col-rule--primary-hover { -moz-column-rule-color: var(--primary-hover); column-rule-color: var(--primary-hover); } .col-rule--primary-ultra-light { -moz-column-rule-color: var(--primary-ultra-light); column-rule-color: var(--primary-ultra-light); } .col-rule--primary-light { -moz-column-rule-color: var(--primary-light); column-rule-color: var(--primary-light); } .col-rule--primary-medium { -moz-column-rule-color: var(--primary-medium); column-rule-color: var(--primary-medium); } .col-rule--primary-dark { -moz-column-rule-color: var(--primary-dark); column-rule-color: var(--primary-dark); } .col-rule--primary-ultra-dark { -moz-column-rule-color: var(--primary-ultra-dark); column-rule-color: var(--primary-ultra-dark); } .col-rule--primary-comp { -moz-column-rule-color: var(--primary-comp); column-rule-color: var(--primary-comp); } .col-rule--secondary { -moz-column-rule-color: var(--secondary); column-rule-color: var(--secondary); } .col-rule--secondary-hover { -moz-column-rule-color: var(--secondary-hover); column-rule-color: var(--secondary-hover); } .col-rule--secondary-ultra-light { -moz-column-rule-color: var(--secondary-ultra-light); column-rule-color: var(--secondary-ultra-light); } .col-rule--secondary-light { -moz-column-rule-color: var(--secondary-light); column-rule-color: var(--secondary-light); } .col-rule--secondary-medium { -moz-column-rule-color: var(--secondary-medium); column-rule-color: var(--secondary-medium); } .col-rule--secondary-dark { -moz-column-rule-color: var(--secondary-dark); column-rule-color: var(--secondary-dark); } .col-rule--secondary-ultra-dark { -moz-column-rule-color: var(--secondary-ultra-dark); column-rule-color: var(--secondary-ultra-dark); } .col-rule--secondary-comp { -moz-column-rule-color: var(--secondary-comp); column-rule-color: var(--secondary-comp); } .col-rule--accent { -moz-column-rule-color: var(--accent); column-rule-color: var(--accent); } .col-rule--accent-hover { -moz-column-rule-color: var(--accent-hover); column-rule-color: var(--accent-hover); } .col-rule--accent-ultra-light { -moz-column-rule-color: var(--accent-ultra-light); column-rule-color: var(--accent-ultra-light); } .col-rule--accent-light { -moz-column-rule-color: var(--accent-light); column-rule-color: var(--accent-light); } .col-rule--accent-medium { -moz-column-rule-color: var(--accent-medium); column-rule-color: var(--accent-medium); } .col-rule--accent-dark { -moz-column-rule-color: var(--accent-dark); column-rule-color: var(--accent-dark); } .col-rule--accent-ultra-dark { -moz-column-rule-color: var(--accent-ultra-dark); column-rule-color: var(--accent-ultra-dark); } .col-rule--accent-comp { -moz-column-rule-color: var(--accent-comp); column-rule-color: var(--accent-comp); } .col-rule--base { -moz-column-rule-color: var(--base); column-rule-color: var(--base); } .col-rule--base-hover { -moz-column-rule-color: var(--base-hover); column-rule-color: var(--base-hover); } .col-rule--base-ultra-light { -moz-column-rule-color: var(--base-ultra-light); column-rule-color: var(--base-ultra-light); } .col-rule--base-light { -moz-column-rule-color: var(--base-light); column-rule-color: var(--base-light); } .col-rule--base-medium { -moz-column-rule-color: var(--base-medium); column-rule-color: var(--base-medium); } .col-rule--base-dark { -moz-column-rule-color: var(--base-dark); column-rule-color: var(--base-dark); } .col-rule--base-ultra-dark { -moz-column-rule-color: var(--base-ultra-dark); column-rule-color: var(--base-ultra-dark); } .col-rule--base-comp { -moz-column-rule-color: var(--base-comp); column-rule-color: var(--base-comp); } .col-rule--shade { -moz-column-rule-color: var(--shade); column-rule-color: var(--shade); } .col-rule--shade-hover { -moz-column-rule-color: var(--shade-hover); column-rule-color: var(--shade-hover); } .col-rule--shade-ultra-light { -moz-column-rule-color: var(--shade-ultra-light); column-rule-color: var(--shade-ultra-light); } .col-rule--shade-light { -moz-column-rule-color: var(--shade-light); column-rule-color: var(--shade-light); } .col-rule--shade-medium { -moz-column-rule-color: var(--shade-medium); column-rule-color: var(--shade-medium); } .col-rule--shade-dark { -moz-column-rule-color: var(--shade-dark); column-rule-color: var(--shade-dark); } .col-rule--shade-ultra-dark { -moz-column-rule-color: var(--shade-ultra-dark); column-rule-color: var(--shade-ultra-dark); } .col-rule--shade-comp { -moz-column-rule-color: var(--shade-comp); column-rule-color: var(--shade-comp); } .col-rule--neutral { -moz-column-rule-color: var(--neutral); column-rule-color: var(--neutral); } .col-rule--neutral-hover { -moz-column-rule-color: var(--neutral-hover); column-rule-color: var(--neutral-hover); } .col-rule--neutral-ultra-light { -moz-column-rule-color: var(--neutral-ultra-light); column-rule-color: var(--neutral-ultra-light); } .col-rule--neutral-light { -moz-column-rule-color: var(--neutral-light); column-rule-color: var(--neutral-light); } .col-rule--neutral-medium { -moz-column-rule-color: var(--neutral-medium); column-rule-color: var(--neutral-medium); } .col-rule--neutral-dark { -moz-column-rule-color: var(--neutral-dark); column-rule-color: var(--neutral-dark); } .col-rule--neutral-ultra-dark { -moz-column-rule-color: var(--neutral-ultra-dark); column-rule-color: var(--neutral-ultra-dark); } .col-rule--neutral-comp { -moz-column-rule-color: var(--neutral-comp); column-rule-color: var(--neutral-comp); } .col-rule--white { -moz-column-rule-color: var(--white); column-rule-color: var(--white); } .col-rule--black { -moz-column-rule-color: var(--black); column-rule-color: var(--black); } .col-rule--s { -moz-column-rule-width: var(--col-rule-width-s, 0.1em); column-rule-width: var(--col-rule-width-s, 0.1em); } .col-rule--m { -moz-column-rule-width: var(--col-rule-width-m, 0.3em); column-rule-width: var(--col-rule-width-m, 0.3em); } .col-rule--l { -moz-column-rule-width: var(--col-rule-width-l, 0.5em); column-rule-width: var(--col-rule-width-l, 0.5em); } .col-span--all { -moz-column-span: all; column-span: all; } .masonry--1 { display: block !important; column-count: 1; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--2 { display: block !important; column-count: 2; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--3 { display: block !important; column-count: 3; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--4 { display: block !important; column-count: 4; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--5 { display: block !important; column-count: 5; row-gap: var(--row-gap); column-gap: var(--col-gap); } @media (max-width: 1280px) { .masonry--xl-1 { column-count: 1; } .masonry--xl-2 { column-count: 2; } .masonry--xl-3 { column-count: 3; } .masonry--xl-4 { column-count: 4; } .masonry--xl-5 { column-count: 5; } } @media (max-width: 992px) { .masonry--l-1 { column-count: 1; } .masonry--l-2 { column-count: 2; } .masonry--l-3 { column-count: 3; } .masonry--l-4 { column-count: 4; } .masonry--l-5 { column-count: 5; } } @media (max-width: 768px) { .masonry--m-1 { column-count: 1; } .masonry--m-2 { column-count: 2; } .masonry--m-3 { column-count: 3; } .masonry--m-4 { column-count: 4; } .masonry--m-5 { column-count: 5; } } @media (max-width: 480px) { .masonry--s-1 { column-count: 1; } .masonry--s-2 { column-count: 2; } .masonry--s-3 { column-count: 3; } .masonry--s-4 { column-count: 4; } .masonry--s-5 { column-count: 5; } } :where([class*="masonry--"] > *) { break-inside: avoid; width: 100%; } [class*="masonry"]:is([class*="gap--"], [class*="row-gap--"], [class*="content-gap"], [class*="container-gap"], [class*="grid-gap"], [class*="fr-content-gap"], [class*="fr-container-gap"], [class*="fr-grid-gap"]) > * { margin-block-end: var(--row-gap); } .variable-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2 - var(--space-xxl))), 100%), 1fr)); grid-template-rows: var(--grid-1); gap: var(--gap, var(--grid-gap)); } .content-grid { --full: minmax(var(--gutter), 1fr); padding-inline: 0; column-gap: 0 !important; display: grid !important; grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end]; } .content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) { width: 100%; } :where(.content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) { grid-column: content; } :where(.content-grid > .content--feature) { grid-column: feature; } :where(.content-grid > .content--feature-max) { grid-column: feature-max; } :where(.content-grid > .content--full) { grid-column: full; } :where(.content-grid > .content--full-safe) { grid-column: full; padding-inline: var(--gutter); } .content-grid:where(.content--full-safe) { padding-inline: var(--gutter); } .content-grid > :is(.content--feature, .content--feature-max, .content--full, .content--full-safe) { width: 100%; max-width: 100%; } .grid--1 { display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)); inline-size: 100%; } .grid--1 > * { grid-column: 1 !important; } .grid--2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; } .grid--3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); inline-size: 100%; } .grid--4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); inline-size: 100%; } .grid--5 { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); inline-size: 100%; } .grid--6 { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); inline-size: 100%; } .grid--7 { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); inline-size: 100%; } .grid--8 { display: grid !important; grid-template-columns: repeat(8, minmax(0, 1fr)); inline-size: 100%; } .grid--9 { display: grid !important; grid-template-columns: repeat(9, minmax(0, 1fr)); inline-size: 100%; } .grid--10 { display: grid !important; grid-template-columns: repeat(10, minmax(0, 1fr)); inline-size: 100%; } .grid--11 { display: grid !important; grid-template-columns: repeat(11, minmax(0, 1fr)); inline-size: 100%; } .grid--12 { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); inline-size: 100%; } .grid--1-2 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); inline-size: 100%; } .grid--1-3 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); inline-size: 100%; } .grid--2-1 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); inline-size: 100%; } .grid--2-3 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); inline-size: 100%; } .grid--3-1 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); inline-size: 100%; } .grid--3-2 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); inline-size: 100%; } .grid--auto-2 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(40.8026755853rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-3 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-4 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(24.4488977956rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-5 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(20.367278798rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-6 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(17.4535050072rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-1-2 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); inline-size: 100%; } .grid--auto-1-3 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); inline-size: 100%; } .grid--auto-2-1 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); inline-size: 100%; } .grid--auto-2-3 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); inline-size: 100%; } .grid--auto-3-1 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); inline-size: 100%; } .grid--auto-3-2 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); inline-size: 100%; } @media (max-width: 1280px) { .grid--xl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--xl-1 > * { grid-column: 1 !important; } .grid--xl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--xl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--xl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--xl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--xl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--xl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--xl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--xl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--xl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--xl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--xl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 992px) { .grid--l-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--l-1 > * { grid-column: 1 !important; } .grid--l-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--l-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--l-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--l-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--l-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--l-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--l-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--l-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--l-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--l-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--l-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 768px) { .grid--m-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--m-1 > * { grid-column: 1 !important; } .grid--m-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--m-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--m-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--m-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--m-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--m-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--m-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--m-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--m-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--m-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--m-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 480px) { .grid--s-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--s-1 > * { grid-column: 1 !important; } .grid--s-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--s-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--s-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--s-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--s-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--s-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--s-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--s-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--s-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--s-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--s-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 992px) { .grid--auto-1-2 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-1-3 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-3-2 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-2-3 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-2-1 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-3-1 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } } @media (min-width: 1280px) { .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } @media (min-width: 992px) { .grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } @media (min-width: 768px) { .grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } @media (min-width: 480px) { .grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } .row-span--1 { grid-row: span 1; } .col-span--1 { grid-column: span 1; } .row-start--1 { grid-row-start: 1; } .row-end--1 { grid-row-end: 1; } .col-start--1 { grid-column-start: 1; } .col-end--1 { grid-column-end: 1; } .row-span--2 { grid-row: span 2; } .col-span--2 { grid-column: span 2; } .row-start--2 { grid-row-start: 2; } .row-end--2 { grid-row-end: 2; } .col-start--2 { grid-column-start: 2; } .col-end--2 { grid-column-end: 2; } .row-span--3 { grid-row: span 3; } .col-span--3 { grid-column: span 3; } .row-start--3 { grid-row-start: 3; } .row-end--3 { grid-row-end: 3; } .col-start--3 { grid-column-start: 3; } .col-end--3 { grid-column-end: 3; } .row-span--4 { grid-row: span 4; } .col-span--4 { grid-column: span 4; } .row-start--4 { grid-row-start: 4; } .row-end--4 { grid-row-end: 4; } .col-start--4 { grid-column-start: 4; } .col-end--4 { grid-column-end: 4; } .row-span--5 { grid-row: span 5; } .col-span--5 { grid-column: span 5; } .row-start--5 { grid-row-start: 5; } .row-end--5 { grid-row-end: 5; } .col-start--5 { grid-column-start: 5; } .col-end--5 { grid-column-end: 5; } .row-span--6 { grid-row: span 6; } .col-span--6 { grid-column: span 6; } .row-start--6 { grid-row-start: 6; } .row-end--6 { grid-row-end: 6; } .col-start--6 { grid-column-start: 6; } .col-end--6 { grid-column-end: 6; } .row-span--7 { grid-row: span 7; } .col-span--7 { grid-column: span 7; } .row-start--7 { grid-row-start: 7; } .row-end--7 { grid-row-end: 7; } .col-start--7 { grid-column-start: 7; } .col-end--7 { grid-column-end: 7; } .row-span--8 { grid-row: span 8; } .col-span--8 { grid-column: span 8; } .row-start--8 { grid-row-start: 8; } .row-end--8 { grid-row-end: 8; } .col-start--8 { grid-column-start: 8; } .col-end--8 { grid-column-end: 8; } .row-span--9 { grid-row: span 9; } .col-span--9 { grid-column: span 9; } .row-start--9 { grid-row-start: 9; } .row-end--9 { grid-row-end: 9; } .col-start--9 { grid-column-start: 9; } .col-end--9 { grid-column-end: 9; } .row-span--10 { grid-row: span 10; } .col-span--10 { grid-column: span 10; } .row-start--10 { grid-row-start: 10; } .row-end--10 { grid-row-end: 10; } .col-start--10 { grid-column-start: 10; } .col-end--10 { grid-column-end: 10; } .row-span--11 { grid-row: span 11; } .col-span--11 { grid-column: span 11; } .row-start--11 { grid-row-start: 11; } .row-end--11 { grid-row-end: 11; } .col-start--11 { grid-column-start: 11; } .col-end--11 { grid-column-end: 11; } .row-span--12 { grid-row: span 12; } .col-span--12 { grid-column: span 12; } .row-start--12 { grid-row-start: 12; } .row-end--12 { grid-row-end: 12; } .col-start--12 { grid-column-start: 12; } .col-end--12 { grid-column-end: 12; } @media (max-width: 1280px) { .row-span--xl-1 { grid-row: span 1; } .col-span--xl-1 { grid-column: span 1; } .row-start--xl-1 { grid-row-start: 1; } .row-end--xl-1 { grid-row-end: 1; } .col-start--xl-1 { grid-column-start: 1; } .col-end--xl-1 { grid-column-end: 1; } .row-span--xl-2 { grid-row: span 2; } .col-span--xl-2 { grid-column: span 2; } .row-start--xl-2 { grid-row-start: 2; } .row-end--xl-2 { grid-row-end: 2; } .col-start--xl-2 { grid-column-start: 2; } .col-end--xl-2 { grid-column-end: 2; } .row-span--xl-3 { grid-row: span 3; } .col-span--xl-3 { grid-column: span 3; } .row-start--xl-3 { grid-row-start: 3; } .row-end--xl-3 { grid-row-end: 3; } .col-start--xl-3 { grid-column-start: 3; } .col-end--xl-3 { grid-column-end: 3; } .row-span--xl-4 { grid-row: span 4; } .col-span--xl-4 { grid-column: span 4; } .row-start--xl-4 { grid-row-start: 4; } .row-end--xl-4 { grid-row-end: 4; } .col-start--xl-4 { grid-column-start: 4; } .col-end--xl-4 { grid-column-end: 4; } .row-span--xl-5 { grid-row: span 5; } .col-span--xl-5 { grid-column: span 5; } .row-start--xl-5 { grid-row-start: 5; } .row-end--xl-5 { grid-row-end: 5; } .col-start--xl-5 { grid-column-start: 5; } .col-end--xl-5 { grid-column-end: 5; } .row-span--xl-6 { grid-row: span 6; } .col-span--xl-6 { grid-column: span 6; } .row-start--xl-6 { grid-row-start: 6; } .row-end--xl-6 { grid-row-end: 6; } .col-start--xl-6 { grid-column-start: 6; } .col-end--xl-6 { grid-column-end: 6; } .row-span--xl-7 { grid-row: span 7; } .col-span--xl-7 { grid-column: span 7; } .row-start--xl-7 { grid-row-start: 7; } .row-end--xl-7 { grid-row-end: 7; } .col-start--xl-7 { grid-column-start: 7; } .col-end--xl-7 { grid-column-end: 7; } .row-span--xl-8 { grid-row: span 8; } .col-span--xl-8 { grid-column: span 8; } .row-start--xl-8 { grid-row-start: 8; } .row-end--xl-8 { grid-row-end: 8; } .col-start--xl-8 { grid-column-start: 8; } .col-end--xl-8 { grid-column-end: 8; } .row-span--xl-9 { grid-row: span 9; } .col-span--xl-9 { grid-column: span 9; } .row-start--xl-9 { grid-row-start: 9; } .row-end--xl-9 { grid-row-end: 9; } .col-start--xl-9 { grid-column-start: 9; } .col-end--xl-9 { grid-column-end: 9; } .row-span--xl-10 { grid-row: span 10; } .col-span--xl-10 { grid-column: span 10; } .row-start--xl-10 { grid-row-start: 10; } .row-end--xl-10 { grid-row-end: 10; } .col-start--xl-10 { grid-column-start: 10; } .col-end--xl-10 { grid-column-end: 10; } .row-span--xl-11 { grid-row: span 11; } .col-span--xl-11 { grid-column: span 11; } .row-start--xl-11 { grid-row-start: 11; } .row-end--xl-11 { grid-row-end: 11; } .col-start--xl-11 { grid-column-start: 11; } .col-end--xl-11 { grid-column-end: 11; } .row-span--xl-12 { grid-row: span 12; } .col-span--xl-12 { grid-column: span 12; } .row-start--xl-12 { grid-row-start: 12; } .row-end--xl-12 { grid-row-end: 12; } .col-start--xl-12 { grid-column-start: 12; } .col-end--xl-12 { grid-column-end: 12; } } @media (max-width: 992px) { .row-span--l-1 { grid-row: span 1; } .col-span--l-1 { grid-column: span 1; } .row-start--l-1 { grid-row-start: 1; } .row-end--l-1 { grid-row-end: 1; } .col-start--l-1 { grid-column-start: 1; } .col-end--l-1 { grid-column-end: 1; } .row-span--l-2 { grid-row: span 2; } .col-span--l-2 { grid-column: span 2; } .row-start--l-2 { grid-row-start: 2; } .row-end--l-2 { grid-row-end: 2; } .col-start--l-2 { grid-column-start: 2; } .col-end--l-2 { grid-column-end: 2; } .row-span--l-3 { grid-row: span 3; } .col-span--l-3 { grid-column: span 3; } .row-start--l-3 { grid-row-start: 3; } .row-end--l-3 { grid-row-end: 3; } .col-start--l-3 { grid-column-start: 3; } .col-end--l-3 { grid-column-end: 3; } .row-span--l-4 { grid-row: span 4; } .col-span--l-4 { grid-column: span 4; } .row-start--l-4 { grid-row-start: 4; } .row-end--l-4 { grid-row-end: 4; } .col-start--l-4 { grid-column-start: 4; } .col-end--l-4 { grid-column-end: 4; } .row-span--l-5 { grid-row: span 5; } .col-span--l-5 { grid-column: span 5; } .row-start--l-5 { grid-row-start: 5; } .row-end--l-5 { grid-row-end: 5; } .col-start--l-5 { grid-column-start: 5; } .col-end--l-5 { grid-column-end: 5; } .row-span--l-6 { grid-row: span 6; } .col-span--l-6 { grid-column: span 6; } .row-start--l-6 { grid-row-start: 6; } .row-end--l-6 { grid-row-end: 6; } .col-start--l-6 { grid-column-start: 6; } .col-end--l-6 { grid-column-end: 6; } .row-span--l-7 { grid-row: span 7; } .col-span--l-7 { grid-column: span 7; } .row-start--l-7 { grid-row-start: 7; } .row-end--l-7 { grid-row-end: 7; } .col-start--l-7 { grid-column-start: 7; } .col-end--l-7 { grid-column-end: 7; } .row-span--l-8 { grid-row: span 8; } .col-span--l-8 { grid-column: span 8; } .row-start--l-8 { grid-row-start: 8; } .row-end--l-8 { grid-row-end: 8; } .col-start--l-8 { grid-column-start: 8; } .col-end--l-8 { grid-column-end: 8; } .row-span--l-9 { grid-row: span 9; } .col-span--l-9 { grid-column: span 9; } .row-start--l-9 { grid-row-start: 9; } .row-end--l-9 { grid-row-end: 9; } .col-start--l-9 { grid-column-start: 9; } .col-end--l-9 { grid-column-end: 9; } .row-span--l-10 { grid-row: span 10; } .col-span--l-10 { grid-column: span 10; } .row-start--l-10 { grid-row-start: 10; } .row-end--l-10 { grid-row-end: 10; } .col-start--l-10 { grid-column-start: 10; } .col-end--l-10 { grid-column-end: 10; } .row-span--l-11 { grid-row: span 11; } .col-span--l-11 { grid-column: span 11; } .row-start--l-11 { grid-row-start: 11; } .row-end--l-11 { grid-row-end: 11; } .col-start--l-11 { grid-column-start: 11; } .col-end--l-11 { grid-column-end: 11; } .row-span--l-12 { grid-row: span 12; } .col-span--l-12 { grid-column: span 12; } .row-start--l-12 { grid-row-start: 12; } .row-end--l-12 { grid-row-end: 12; } .col-start--l-12 { grid-column-start: 12; } .col-end--l-12 { grid-column-end: 12; } } @media (max-width: 768px) { .row-span--m-1 { grid-row: span 1; } .col-span--m-1 { grid-column: span 1; } .row-start--m-1 { grid-row-start: 1; } .row-end--m-1 { grid-row-end: 1; } .col-start--m-1 { grid-column-start: 1; } .col-end--m-1 { grid-column-end: 1; } .row-span--m-2 { grid-row: span 2; } .col-span--m-2 { grid-column: span 2; } .row-start--m-2 { grid-row-start: 2; } .row-end--m-2 { grid-row-end: 2; } .col-start--m-2 { grid-column-start: 2; } .col-end--m-2 { grid-column-end: 2; } .row-span--m-3 { grid-row: span 3; } .col-span--m-3 { grid-column: span 3; } .row-start--m-3 { grid-row-start: 3; } .row-end--m-3 { grid-row-end: 3; } .col-start--m-3 { grid-column-start: 3; } .col-end--m-3 { grid-column-end: 3; } .row-span--m-4 { grid-row: span 4; } .col-span--m-4 { grid-column: span 4; } .row-start--m-4 { grid-row-start: 4; } .row-end--m-4 { grid-row-end: 4; } .col-start--m-4 { grid-column-start: 4; } .col-end--m-4 { grid-column-end: 4; } .row-span--m-5 { grid-row: span 5; } .col-span--m-5 { grid-column: span 5; } .row-start--m-5 { grid-row-start: 5; } .row-end--m-5 { grid-row-end: 5; } .col-start--m-5 { grid-column-start: 5; } .col-end--m-5 { grid-column-end: 5; } .row-span--m-6 { grid-row: span 6; } .col-span--m-6 { grid-column: span 6; } .row-start--m-6 { grid-row-start: 6; } .row-end--m-6 { grid-row-end: 6; } .col-start--m-6 { grid-column-start: 6; } .col-end--m-6 { grid-column-end: 6; } .row-span--m-7 { grid-row: span 7; } .col-span--m-7 { grid-column: span 7; } .row-start--m-7 { grid-row-start: 7; } .row-end--m-7 { grid-row-end: 7; } .col-start--m-7 { grid-column-start: 7; } .col-end--m-7 { grid-column-end: 7; } .row-span--m-8 { grid-row: span 8; } .col-span--m-8 { grid-column: span 8; } .row-start--m-8 { grid-row-start: 8; } .row-end--m-8 { grid-row-end: 8; } .col-start--m-8 { grid-column-start: 8; } .col-end--m-8 { grid-column-end: 8; } .row-span--m-9 { grid-row: span 9; } .col-span--m-9 { grid-column: span 9; } .row-start--m-9 { grid-row-start: 9; } .row-end--m-9 { grid-row-end: 9; } .col-start--m-9 { grid-column-start: 9; } .col-end--m-9 { grid-column-end: 9; } .row-span--m-10 { grid-row: span 10; } .col-span--m-10 { grid-column: span 10; } .row-start--m-10 { grid-row-start: 10; } .row-end--m-10 { grid-row-end: 10; } .col-start--m-10 { grid-column-start: 10; } .col-end--m-10 { grid-column-end: 10; } .row-span--m-11 { grid-row: span 11; } .col-span--m-11 { grid-column: span 11; } .row-start--m-11 { grid-row-start: 11; } .row-end--m-11 { grid-row-end: 11; } .col-start--m-11 { grid-column-start: 11; } .col-end--m-11 { grid-column-end: 11; } .row-span--m-12 { grid-row: span 12; } .col-span--m-12 { grid-column: span 12; } .row-start--m-12 { grid-row-start: 12; } .row-end--m-12 { grid-row-end: 12; } .col-start--m-12 { grid-column-start: 12; } .col-end--m-12 { grid-column-end: 12; } } @media (max-width: 480px) { .row-span--s-1 { grid-row: span 1; } .col-span--s-1 { grid-column: span 1; } .row-start--s-1 { grid-row-start: 1; } .row-end--s-1 { grid-row-end: 1; } .col-start--s-1 { grid-column-start: 1; } .col-end--s-1 { grid-column-end: 1; } .row-span--s-2 { grid-row: span 2; } .col-span--s-2 { grid-column: span 2; } .row-start--s-2 { grid-row-start: 2; } .row-end--s-2 { grid-row-end: 2; } .col-start--s-2 { grid-column-start: 2; } .col-end--s-2 { grid-column-end: 2; } .row-span--s-3 { grid-row: span 3; } .col-span--s-3 { grid-column: span 3; } .row-start--s-3 { grid-row-start: 3; } .row-end--s-3 { grid-row-end: 3; } .col-start--s-3 { grid-column-start: 3; } .col-end--s-3 { grid-column-end: 3; } .row-span--s-4 { grid-row: span 4; } .col-span--s-4 { grid-column: span 4; } .row-start--s-4 { grid-row-start: 4; } .row-end--s-4 { grid-row-end: 4; } .col-start--s-4 { grid-column-start: 4; } .col-end--s-4 { grid-column-end: 4; } .row-span--s-5 { grid-row: span 5; } .col-span--s-5 { grid-column: span 5; } .row-start--s-5 { grid-row-start: 5; } .row-end--s-5 { grid-row-end: 5; } .col-start--s-5 { grid-column-start: 5; } .col-end--s-5 { grid-column-end: 5; } .row-span--s-6 { grid-row: span 6; } .col-span--s-6 { grid-column: span 6; } .row-start--s-6 { grid-row-start: 6; } .row-end--s-6 { grid-row-end: 6; } .col-start--s-6 { grid-column-start: 6; } .col-end--s-6 { grid-column-end: 6; } .row-span--s-7 { grid-row: span 7; } .col-span--s-7 { grid-column: span 7; } .row-start--s-7 { grid-row-start: 7; } .row-end--s-7 { grid-row-end: 7; } .col-start--s-7 { grid-column-start: 7; } .col-end--s-7 { grid-column-end: 7; } .row-span--s-8 { grid-row: span 8; } .col-span--s-8 { grid-column: span 8; } .row-start--s-8 { grid-row-start: 8; } .row-end--s-8 { grid-row-end: 8; } .col-start--s-8 { grid-column-start: 8; } .col-end--s-8 { grid-column-end: 8; } .row-span--s-9 { grid-row: span 9; } .col-span--s-9 { grid-column: span 9; } .row-start--s-9 { grid-row-start: 9; } .row-end--s-9 { grid-row-end: 9; } .col-start--s-9 { grid-column-start: 9; } .col-end--s-9 { grid-column-end: 9; } .row-span--s-10 { grid-row: span 10; } .col-span--s-10 { grid-column: span 10; } .row-start--s-10 { grid-row-start: 10; } .row-end--s-10 { grid-row-end: 10; } .col-start--s-10 { grid-column-start: 10; } .col-end--s-10 { grid-column-end: 10; } .row-span--s-11 { grid-row: span 11; } .col-span--s-11 { grid-column: span 11; } .row-start--s-11 { grid-row-start: 11; } .row-end--s-11 { grid-row-end: 11; } .col-start--s-11 { grid-column-start: 11; } .col-end--s-11 { grid-column-end: 11; } .row-span--s-12 { grid-row: span 12; } .col-span--s-12 { grid-column: span 12; } .row-start--s-12 { grid-row-start: 12; } .row-end--s-12 { grid-row-end: 12; } .col-start--s-12 { grid-column-start: 12; } .col-end--s-12 { grid-column-end: 12; } } .col-span--all { grid-column: 1 / -1; } @media (max-width: 1280px) { .col-span--xl-all { grid-column: 1 / -1; } } @media (max-width: 992px) { .col-span--l-all { grid-column: 1 / -1; } } @media (max-width: 768px) { .col-span--m-all { grid-column: 1 / -1; } } @media (max-width: 480px) { .col-span--s-all { grid-column: 1 / -1; } } .order--first { order: -1; } .order--last { order: 999; } .col-end--last { grid-column-end: -1; } @media (max-width: 1280px) { .order--first-xl { order: -1; } .order--last-xl { order: 999; } .col-end--xl-last { grid-column-end: -1; } } @media (max-width: 992px) { .order--first-l { order: -1; } .order--last-l { order: 999; } .col-end--l-last { grid-column-end: -1; } } @media (max-width: 768px) { .order--first-m { order: -1; } .order--last-m { order: 999; } .col-end--m-last { grid-column-end: -1; } } @media (max-width: 480px) { .order--first-s { order: -1; } .order--last-s { order: 999; } .col-end--s-last { grid-column-end: -1; } } .grid--auto-rows { grid-auto-rows: minmax(-webkit-min-content, 1fr); grid-auto-rows: minmax(min-content, 1fr); } .width--xs:not([class*="breakout--"]) { inline-size: calc((128 * 0.1) * 1rem); max-inline-size: 100%; } figure.width--xs img { inline-size: 100%; } .width--s:not([class*="breakout--"]) { inline-size: calc((128 * 0.2) * 1rem); max-inline-size: 100%; } figure.width--s img { inline-size: 100%; } .width--m:not([class*="breakout--"]) { inline-size: calc((128 * 0.4) * 1rem); max-inline-size: 100%; } figure.width--m img { inline-size: 100%; } .width--l:not([class*="breakout--"]) { inline-size: calc((128 * 0.6) * 1rem); max-inline-size: 100%; } figure.width--l img { inline-size: 100%; } .width--xl:not([class*="breakout--"]) { inline-size: calc((128 * 0.8) * 1rem); max-inline-size: 100%; } figure.width--xl img { inline-size: 100%; } .width--xxl:not([class*="breakout--"]) { inline-size: calc((128 * 0.9) * 1rem); max-inline-size: 100%; } figure.width--xxl img { inline-size: 100%; } .width--vp-max:not([class*="breakout--"]) { inline-size: 128rem; max-inline-size: 100%; margin-inline: auto; } figure.width--vp-max img { inline-size: 100%; } .width--content:not([class*="breakout--"]) { inline-size: 128rem; max-inline-size: 100%; } figure.width--content img { inline-size: 100%; } .width--50:not([class*="breakout--"]) { inline-size: calc((128 / 2) * 1rem); max-inline-size: 100%; } figure.width--50 img { inline-size: 100%; } .width--full:not([class*="breakout--"]) { inline-size: 100%; max-inline-size: 100%; } figure.width--full img { inline-size: 100%; } .width--auto { inline-size: auto !important; inline-size: 100%; } .content-width:not([class*="breakout--"]) { inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; } .content-width--safe:not([class*="breakout--"]) { inline-size: 100%; max-inline-size: var(--content-width-safe); margin-inline: auto; } .radius--xs { border-radius: var(--radius-xs); } .radius--s { border-radius: var(--radius-s); } .radius--m { border-radius: var(--radius-m); } .radius--l { border-radius: var(--radius-l); } .radius--xl { border-radius: var(--radius-xl); } .radius--xxl { border-radius: var(--radius-xxl); } .radius--50 { border-radius: var(--radius-50); } .radius--circle { border-radius: var(--radius-circle); } .rounded--xs { border-radius: var(--radius-xs); } .rounded--s { border-radius: var(--radius-s); } .rounded--m { border-radius: var(--radius-m); } .rounded--l { border-radius: var(--radius-l); } .rounded--xl { border-radius: var(--radius-xl); } .rounded--xxl { border-radius: var(--radius-xxl); } .rounded--50 { border-radius: var(--radius-50); } .rounded--circle { border-radius: var(--radius-circle); } .aspect--1-1 { aspect-ratio: 1 / 1; } img.aspect--1-1 { -o-object-fit: cover; object-fit: cover; } figure.aspect--1-1 img { inline-size: 100%; block-size: 100%; } .aspect--1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--1-2 { aspect-ratio: 1 / 2; } img.aspect--1-2 { -o-object-fit: cover; object-fit: cover; } figure.aspect--1-2 img { inline-size: 100%; block-size: 100%; } .aspect--1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--2-1 { aspect-ratio: 2 / 1; } img.aspect--2-1 { -o-object-fit: cover; object-fit: cover; } figure.aspect--2-1 img { inline-size: 100%; block-size: 100%; } .aspect--2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--2-3 { aspect-ratio: 2 / 3; } img.aspect--2-3 { -o-object-fit: cover; object-fit: cover; } figure.aspect--2-3 img { inline-size: 100%; block-size: 100%; } .aspect--2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--3-2 { aspect-ratio: 3 / 2; } img.aspect--3-2 { -o-object-fit: cover; object-fit: cover; } figure.aspect--3-2 img { inline-size: 100%; block-size: 100%; } .aspect--3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--3-4 { aspect-ratio: 3 / 4; } img.aspect--3-4 { -o-object-fit: cover; object-fit: cover; } figure.aspect--3-4 img { inline-size: 100%; block-size: 100%; } .aspect--3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--4-3 { aspect-ratio: 4 / 3; } img.aspect--4-3 { -o-object-fit: cover; object-fit: cover; } figure.aspect--4-3 img { inline-size: 100%; block-size: 100%; } .aspect--4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--16-9 { aspect-ratio: 16 / 9; } img.aspect--16-9 { -o-object-fit: cover; object-fit: cover; } figure.aspect--16-9 img { inline-size: 100%; block-size: 100%; } .aspect--16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--9-16 { aspect-ratio: 9 / 16; } img.aspect--9-16 { -o-object-fit: cover; object-fit: cover; } figure.aspect--9-16 img { inline-size: 100%; block-size: 100%; } .aspect--9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } @media (max-width: 1280px) { .aspect--xl-1-1 { aspect-ratio: 1 / 1; } img.aspect--xl-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--xl-1-2 { aspect-ratio: 1 / 2; } img.aspect--xl-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--xl-2-1 { aspect-ratio: 2 / 1; } img.aspect--xl-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--xl-2-3 { aspect-ratio: 2 / 3; } img.aspect--xl-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--xl-3-2 { aspect-ratio: 3 / 2; } img.aspect--xl-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--xl-3-4 { aspect-ratio: 3 / 4; } img.aspect--xl-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--xl-4-3 { aspect-ratio: 4 / 3; } img.aspect--xl-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--xl-16-9 { aspect-ratio: 16 / 9; } img.aspect--xl-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--xl-9-16 { aspect-ratio: 9 / 16; } img.aspect--xl-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @media (max-width: 992px) { .aspect--l-1-1 { aspect-ratio: 1 / 1; } img.aspect--l-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--l-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--l-1-2 { aspect-ratio: 1 / 2; } img.aspect--l-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--l-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--l-2-1 { aspect-ratio: 2 / 1; } img.aspect--l-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--l-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--l-2-3 { aspect-ratio: 2 / 3; } img.aspect--l-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--l-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--l-3-2 { aspect-ratio: 3 / 2; } img.aspect--l-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--l-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--l-3-4 { aspect-ratio: 3 / 4; } img.aspect--l-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--l-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--l-4-3 { aspect-ratio: 4 / 3; } img.aspect--l-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--l-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--l-16-9 { aspect-ratio: 16 / 9; } img.aspect--l-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--l-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--l-9-16 { aspect-ratio: 9 / 16; } img.aspect--l-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--l-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @media (max-width: 768px) { .aspect--m-1-1 { aspect-ratio: 1 / 1; } img.aspect--m-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--m-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--m-1-2 { aspect-ratio: 1 / 2; } img.aspect--m-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--m-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--m-2-1 { aspect-ratio: 2 / 1; } img.aspect--m-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--m-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--m-2-3 { aspect-ratio: 2 / 3; } img.aspect--m-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--m-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--m-3-2 { aspect-ratio: 3 / 2; } img.aspect--m-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--m-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--m-3-4 { aspect-ratio: 3 / 4; } img.aspect--m-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--m-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--m-4-3 { aspect-ratio: 4 / 3; } img.aspect--m-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--m-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--m-16-9 { aspect-ratio: 16 / 9; } img.aspect--m-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--m-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--m-9-16 { aspect-ratio: 9 / 16; } img.aspect--m-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--m-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @media (max-width: 480px) { .aspect--s-1-1 { aspect-ratio: 1 / 1; } img.aspect--s-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--s-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--s-1-2 { aspect-ratio: 1 / 2; } img.aspect--s-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--s-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--s-2-1 { aspect-ratio: 2 / 1; } img.aspect--s-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--s-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--s-2-3 { aspect-ratio: 2 / 3; } img.aspect--s-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--s-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--s-3-2 { aspect-ratio: 3 / 2; } img.aspect--s-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--s-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--s-3-4 { aspect-ratio: 3 / 4; } img.aspect--s-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--s-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--s-4-3 { aspect-ratio: 4 / 3; } img.aspect--s-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--s-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--s-16-9 { aspect-ratio: 16 / 9; } img.aspect--s-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--s-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--s-9-16 { aspect-ratio: 9 / 16; } img.aspect--s-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--s-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @supports not (aspect-ratio: 1.7777777778) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } @media (max-width: 1280px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } @media (max-width: 992px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } @media (max-width: 768px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } @media (max-width: 480px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } } .z--bottom { z-index: -1; } .z--0 { z-index: 0; } .z--10 { z-index: 10; } .z--20 { z-index: 20; } .z--30 { z-index: 30; } .z--40 { z-index: 40; } .z--50 { z-index: 50; } .z--60 { z-index: 60; } .z--70 { z-index: 70; } .z--80 { z-index: 80; } .z--90 { z-index: 90; } .z--top { z-index: 9999; } @media (max-width: 1280px) { .z--xl-bottom { z-index: -1; } .z--xl-0 { z-index: 0; } .z--xl-10 { z-index: 10; } .z--xl-20 { z-index: 20; } .z--xl-30 { z-index: 30; } .z--xl-40 { z-index: 40; } .z--xl-50 { z-index: 50; } .z--xl-60 { z-index: 60; } .z--xl-70 { z-index: 70; } .z--xl-80 { z-index: 80; } .z--xl-90 { z-index: 90; } .z--xl-top { z-index: 9999; } } @media (max-width: 992px) { .z--l-bottom { z-index: -1; } .z--l-0 { z-index: 0; } .z--l-10 { z-index: 10; } .z--l-20 { z-index: 20; } .z--l-30 { z-index: 30; } .z--l-40 { z-index: 40; } .z--l-50 { z-index: 50; } .z--l-60 { z-index: 60; } .z--l-70 { z-index: 70; } .z--l-80 { z-index: 80; } .z--l-90 { z-index: 90; } .z--l-top { z-index: 9999; } } @media (max-width: 768px) { .z--m-bottom { z-index: -1; } .z--m-0 { z-index: 0; } .z--m-10 { z-index: 10; } .z--m-20 { z-index: 20; } .z--m-30 { z-index: 30; } .z--m-40 { z-index: 40; } .z--m-50 { z-index: 50; } .z--m-60 { z-index: 60; } .z--m-70 { z-index: 70; } .z--m-80 { z-index: 80; } .z--m-90 { z-index: 90; } .z--m-top { z-index: 9999; } } @media (max-width: 480px) { .z--s-bottom { z-index: -1; } .z--s-0 { z-index: 0; } .z--s-10 { z-index: 10; } .z--s-20 { z-index: 20; } .z--s-30 { z-index: 30; } .z--s-40 { z-index: 40; } .z--s-50 { z-index: 50; } .z--s-60 { z-index: 60; } .z--s-70 { z-index: 70; } .z--s-80 { z-index: 80; } .z--s-90 { z-index: 90; } .z--s-top { z-index: 9999; } } .isolation--isolate { isolation: isolate; } .marker--action li::marker { color: var(--action); } .marker--action-hover li::marker { color: var(--action-hover); } .marker--action-ultra-light li::marker { color: var(--action-ultra-light); } .marker--action-light li::marker { color: var(--action-light); } .marker--action-medium li::marker { color: var(--action-medium); } .marker--action-dark li::marker { color: var(--action-dark); } .marker--action-ultra-dark li::marker { color: var(--action-ultra-dark); } .marker--action-comp li::marker { color: var(--action-comp); } .marker--primary li::marker { color: var(--primary); } .marker--primary-hover li::marker { color: var(--primary-hover); } .marker--primary-ultra-light li::marker { color: var(--primary-ultra-light); } .marker--primary-light li::marker { color: var(--primary-light); } .marker--primary-medium li::marker { color: var(--primary-medium); } .marker--primary-dark li::marker { color: var(--primary-dark); } .marker--primary-ultra-dark li::marker { color: var(--primary-ultra-dark); } .marker--primary-comp li::marker { color: var(--primary-comp); } .marker--secondary li::marker { color: var(--secondary); } .marker--secondary-hover li::marker { color: var(--secondary-hover); } .marker--secondary-ultra-light li::marker { color: var(--secondary-ultra-light); } .marker--secondary-light li::marker { color: var(--secondary-light); } .marker--secondary-medium li::marker { color: var(--secondary-medium); } .marker--secondary-dark li::marker { color: var(--secondary-dark); } .marker--secondary-ultra-dark li::marker { color: var(--secondary-ultra-dark); } .marker--secondary-comp li::marker { color: var(--secondary-comp); } .marker--accent li::marker { color: var(--accent); } .marker--accent-hover li::marker { color: var(--accent-hover); } .marker--accent-ultra-light li::marker { color: var(--accent-ultra-light); } .marker--accent-light li::marker { color: var(--accent-light); } .marker--accent-medium li::marker { color: var(--accent-medium); } .marker--accent-dark li::marker { color: var(--accent-dark); } .marker--accent-ultra-dark li::marker { color: var(--accent-ultra-dark); } .marker--accent-comp li::marker { color: var(--accent-comp); } .marker--base li::marker { color: var(--base); } .marker--base-hover li::marker { color: var(--base-hover); } .marker--base-ultra-light li::marker { color: var(--base-ultra-light); } .marker--base-light li::marker { color: var(--base-light); } .marker--base-medium li::marker { color: var(--base-medium); } .marker--base-dark li::marker { color: var(--base-dark); } .marker--base-ultra-dark li::marker { color: var(--base-ultra-dark); } .marker--base-comp li::marker { color: var(--base-comp); } .marker--shade li::marker { color: var(--shade); } .marker--shade-hover li::marker { color: var(--shade-hover); } .marker--shade-ultra-light li::marker { color: var(--shade-ultra-light); } .marker--shade-light li::marker { color: var(--shade-light); } .marker--shade-medium li::marker { color: var(--shade-medium); } .marker--shade-dark li::marker { color: var(--shade-dark); } .marker--shade-ultra-dark li::marker { color: var(--shade-ultra-dark); } .marker--shade-comp li::marker { color: var(--shade-comp); } .marker--neutral li::marker { color: var(--neutral); } .marker--neutral-hover li::marker { color: var(--neutral-hover); } .marker--neutral-ultra-light li::marker { color: var(--neutral-ultra-light); } .marker--neutral-light li::marker { color: var(--neutral-light); } .marker--neutral-medium li::marker { color: var(--neutral-medium); } .marker--neutral-dark li::marker { color: var(--neutral-dark); } .marker--neutral-ultra-dark li::marker { color: var(--neutral-ultra-dark); } .marker--neutral-comp li::marker { color: var(--neutral-comp); } .marker--white li::marker { color: var(--white); } .marker--black li::marker { color: var(--black); } ul.list--none, ol.list--none, .list--none > ul, .list--none > ol { list-style: none; padding-inline-start: 0; list-style-type: none; -webkit-margin-before: 0em; margin-block-start: 0em; margin-block-end: 0; } :has(> .ribbon) { position: relative; overflow: hidden; } .ribbon { --ribbon-width: 30rem; --ribbon-offset: -2rem; --ribbon-padding: .5em 1em; --ribbon-background-color: var(--action); --ribbon-text-color: var(--white); --ribbon-text-size: var(--text-s); --ribbon-shadow: 0 5px 10px var(--neutral-trans-10); --ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg); --ribbon-transform-origin: bottom right; position: absolute; display: block; padding: var(--ribbon-padding); background-color: var(--ribbon-background-color); box-shadow: var(--ribbon-shadow); text-align: center; font-size: var(--ribbon-text-size); color: var(--ribbon-text-color); inline-size: var(--ribbon-width); } .ribbon--top-right, .ribbon[data-ribbon-position="top-right"] { inset-block-start: var(--ribbon-offset); inset-inline-end: var(--ribbon-offset); transform: var(--ribbon-transform); transform-origin: var(--ribbon-transform-origin); } .ribbon--top-left, .ribbon[data-ribbon-position="top-left"] { --ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-135deg); --ribbon-transform-origin: bottom left; inset-block-start: var(--ribbon-offset); inset-inline-start: var(--ribbon-offset); transform: var(--ribbon-transform); transform-origin: var(--ribbon-transform-origin); } span.ribbon { inline-size: var(--ribbon-width) !important; } .visibility--hidden { visibility: hidden; } .visibility--visible { visibility: visible; } @media (max-width: 1280px) { .visibility--xl-hidden { visibility: hidden; } .visibility--xl-visible { visibility: visible; } } @media (max-width: 992px) { .visibility--l-hidden { visibility: hidden; } .visibility--l-visible { visibility: visible; } } @media (max-width: 768px) { .visibility--m-hidden { visibility: hidden; } .visibility--m-visible { visibility: visible; } } @media (max-width: 480px) { .visibility--s-hidden { visibility: hidden; } .visibility--s-visible { visibility: visible; } } @supports (font-size: calc(1vw + 2vw)) { :root { --text-xs: calc(1.1rem + (0 * ((100vw - 32rem) / 96))); --text-s: calc(1.2rem + (0 * ((100vw - 32rem) / 96))); --text-m: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96))); --text-l: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96))); --text-xl: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96))); --text-xxl: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))); --h6: calc(1.1rem + (0 * ((100vw - 32rem) / 96))); --h5: calc(1.2rem + (0 * ((100vw - 32rem) / 96))); --h4: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96))); --h3: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96))); --h2: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96))); --h1: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))); } @media (min-width: 1280px) { :root { --text-xs: 1.1rem; --text-s: 1.2rem; --text-m: 1.8rem; --text-l: 2.3994rem; --text-xl: 3.1984002rem; --text-xxl: 4.2634674666rem; --h6: 1.1rem; --h5: 1.2rem; --h4: 1.8rem; --h3: 2.3994rem; --h2: 3.1984002rem; --h1: 4.2634674666rem; } } } @supports (font-size: clamp(1vw, 2vw, 3vw)) { :root { --text-xs: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem); --text-s: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem); --text-m: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem); --text-l: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem); --text-xl: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem); --text-xxl: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem); --h6: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem); --h5: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem); --h4: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem); --h3: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem); --h2: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem); --h1: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem); } } @supports (padding: calc(1vw + 2vw)) { :root { --space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))); --space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96))); --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 96))); --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 96))); --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 96))); --section-space-xs: calc(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))); --section-space-s: calc(4.8rem + (3.2 * ((100vw - 32rem) / 96))); --section-space-m: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))); --section-space-l: calc(9.5976rem + (8.4024 * ((100vw - 32rem) / 96))); --section-space-xl: calc(12.7936008rem + (14.2063992 * ((100vw - 32rem) / 96))); --section-space-xxl: calc(17.0538698664rem + (23.4461301336 * ((100vw - 32rem) / 96))); --section-padding-x: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); --gutter: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); } @media (min-width: 1280px) { :root { --space-xs: 1.3333333333rem; --space-s: 2rem; --space-m: 3rem; --space-l: 4.5rem; --space-xl: 6.75rem; --space-xxl: 10.125rem; --section-space-xs: 5.3333333333rem; --section-space-s: 8rem; --section-space-m: 12rem; --section-space-l: 18rem; --section-space-xl: 27rem; --section-space-xxl: 40.5rem; --section-padding-x: 3rem; --gutter: 3rem; } } } @supports (padding: clamp(1vw, 2vw, 3vw)) { :root { --space-xs: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem); --space-s: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem); --space-m: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); --space-l: clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem); --space-xl: clamp(4.2645336rem, calc(2.5890275vw + 3.4360448rem), 6.75rem); --space-xxl: clamp(5.6846232888rem, calc(4.6253924075vw + 4.2044977184rem), 10.125rem); --section-space-xs: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem); --section-space-s: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem); --section-space-m: clamp(7.2rem, calc(5vw + 5.6rem), 12rem); --section-space-l: clamp(9.5976rem, calc(8.7525vw + 6.7968rem), 18rem); --section-space-xl: clamp(12.7936008rem, calc(14.7983325vw + 8.0581344rem), 27rem); --section-space-xxl: clamp(17.0538698664rem, calc(24.4230522225vw + 9.2384931552rem), 40.5rem); --section-padding-x: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); --gutter: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); } } .contain { container-type: inline-size; } .contain > * { container-type: inline-size; } .gap--xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } @media (max-width: 1280px) { .gap--xl-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--xl-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--xl-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--xl-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--xl-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--xl-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 992px) { .gap--l-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--l-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--l-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--l-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--l-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--l-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 768px) { .gap--m-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--m-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--m-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--m-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--m-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--m-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 480px) { .gap--s-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--s-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--s-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--s-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--s-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--s-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } .col-gap--xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } @media (max-width: 1280px) { .col-gap--xl-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--xl-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--xl-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--xl-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--xl-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--xl-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 992px) { .col-gap--l-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--l-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--l-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--l-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--l-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--l-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 768px) { .col-gap--m-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--m-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--m-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--m-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--m-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--m-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 480px) { .col-gap--s-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--s-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--s-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--s-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--s-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--s-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } .row-gap--xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } @media (max-width: 1280px) { .row-gap--xl-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--xl-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--xl-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--xl-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--xl-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--xl-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } @media (max-width: 992px) { .row-gap--l-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--l-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--l-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--l-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--l-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--l-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } @media (max-width: 768px) { .row-gap--m-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--m-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--m-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--m-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--m-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--m-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } @media (max-width: 480px) { .row-gap--s-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--s-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--s-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--s-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--s-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--s-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } .fr-container-gap, .container-gap { --row-gap: var(--container-gap); --col-gap: var(--container-gap); gap: var(--container-gap); } .fr-content-gap, .content-gap { --row-gap: var(--content-gap); --col-gap: var(--content-gap); gap: var(--content-gap); } .fr-grid-gap, .grid-gap { --row-gap: var(--grid-gap); --col-gap: var(--grid-gap); gap: var(--grid-gap); } .gap--none { --row-gap: 0; --col-gap: 0; gap: 0; } :root { --fr-bg-light: var(--bg-light); --fr-bg-dark: var(--bg-dark); --fr-text-light: var(--text-light); --fr-text-dark: var(--text-dark); --fr-card-padding: var(--space-m); --fr-card-gap: var(--space-s); --fr-card-border-size: 0.15rem; --fr-card-border-color: var(--shade-light); --fr-card-border-style: solid; --fr-card-radius: var(--radius-xs); --fr-card-avatar-radius: 50%; --fr-lede-width: 60ch; --fr-list-pad-y: 0.75em; --fr-list-pad-x: 1.25em; --fr-hero-padding: var(--section-space-xl); } .fr-lede, p.fr-lede { max-width: 60ch; } .fr-hero-padding { padding-block: var(--fr-hero-padding); } .fr-text--light { color: var(--text-light); } .fr-text--dark { color: var(--text-dark); } .fr-bg--light { background-color: var(--bg-light); } .fr-bg--dark { background-color: var(--bg-dark); } #bricks-popup.templates .bricks-layout-item-inner { height: 100% !important; aspect-ratio: 1.3333333333; } #bricks-popup.templates img { height: 100% !important; } #bricks-popup.templates .bricks-layout-item-inner .button.type { display: none; } #bricks-popup .bricks-layout-item-inner .overlay-wrapper .user { display: none; } :root { --f-light-input-radius: var(--btn-radius); } .form--dark input[type="date"], .form--dark input[type="datetime-local"], .form--dark input[type="month"], .form--dark input[type="password"], .form--dark input[type="search"], .form--dark input[type="time"], .form--dark input[type="week"], .form--dark input[type="email"], .form--dark input[type="number"], .form--dark input[type="tel"], .form--dark input[type="text"], .form--dark input[type="url"], .form--dark select:not([multiple]):not([size]), .form--dark .bricks-search-form input[type="date"], .form--dark .bricks-search-form input[type="datetime-local"], .form--dark .bricks-search-form input[type="month"], .form--dark .bricks-search-form input[type="password"], .form--dark .bricks-search-form input[type="search"], .form--dark .bricks-search-form input[type="time"], .form--dark .bricks-search-form input[type="week"], .form--dark .bricks-search-form input[type="email"], .form--dark .bricks-search-form input[type="number"], .form--dark .bricks-search-form input[type="tel"], .form--dark .bricks-search-form input[type="text"], .form--dark .bricks-search-form input[type="url"], .form--dark .bricks-search-form select:not([multiple]):not([size]), .form--dark .brxe-post-comments input[type="date"], .form--dark .brxe-post-comments input[type="datetime-local"], .form--dark .brxe-post-comments input[type="month"], .form--dark .brxe-post-comments input[type="password"], .form--dark .brxe-post-comments input[type="search"], .form--dark .brxe-post-comments input[type="time"], .form--dark .brxe-post-comments input[type="week"], .form--dark .brxe-post-comments input[type="email"], .form--dark .brxe-post-comments input[type="number"], .form--dark .brxe-post-comments input[type="tel"], .form--dark .brxe-post-comments input[type="text"], .form--dark .brxe-post-comments input[type="url"], .form--dark .brxe-post-comments select:not([multiple]):not([size]) { height: 5rem; } .form--dark .input, .form--dark input:not([type="submit"]), .form--dark select, .form--dark textarea, .form--dark .bricks-search-form .input, .form--dark .bricks-search-form input:not([type="submit"]), .form--dark .bricks-search-form select, .form--dark .bricks-search-form textarea, .form--dark .brxe-post-comments .input, .form--dark .brxe-post-comments input:not([type="submit"]), .form--dark .brxe-post-comments select, .form--dark .brxe-post-comments textarea { background-color: var(--neutral-dark); border-style: solid; border-top-width: 0.1rem; border-right-width: 0.1rem; border-bottom-width: 0.1rem; border-left-width: 0.1rem; border-color: var(--neutral-medium); border-radius: var(--btn-radius); color: var(--neutral-ultra-light); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); line-height: 1; font-weight: 400; padding: 0.5em 1em; } .form--dark .input::placeholder, .form--dark input:not([type="submit"])::placeholder, .form--dark select::placeholder, .form--dark textarea::placeholder, .form--dark .bricks-search-form .input::placeholder, .form--dark .bricks-search-form input:not([type="submit"])::placeholder, .form--dark .bricks-search-form select::placeholder, .form--dark .bricks-search-form textarea::placeholder, .form--dark .brxe-post-comments .input::placeholder, .form--dark .brxe-post-comments input:not([type="submit"])::placeholder, .form--dark .brxe-post-comments select::placeholder, .form--dark .brxe-post-comments textarea::placeholder { color: var(--neutral-ultra-light); opacity: 0.5; } .form--dark .bricks-button, .form--dark .bricks-search-form .bricks-button, .form--dark .brxe-post-comments .bricks-button { background-color: var(--action); color: var(--action-ultra-light); border-style: solid; border-width: var(--btn-border-width); border-color: var(--action); border-radius: var(--f-light-input-radius); -webkit-border-radius: var(--f-light-input-radius); -moz-border-radius: var(--f-light-input-radius); -ms-border-radius: var(--f-light-input-radius); -o-border-radius: var(--f-light-input-radius); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); font-weight: 400; line-height: 1; padding: 0.75em 1.5em; margin-top: 1em; text-align: center; -webkit-text-decoration: none; text-decoration: none; text-transform: none; transition: all var(--btn-transition-duration) ease; min-height: 5rem; } .form--dark .bricks-button:hover, .form--dark .bricks-search-form .bricks-button:hover, .form--dark .brxe-post-comments .bricks-button:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--dark .bricks-button.bricks-background-secondary, .form--dark .bricks-search-form .bricks-button.bricks-background-secondary, .form--dark .brxe-post-comments .bricks-button.bricks-background-secondary { background-color: var(--neutral-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-light); } .form--dark .bricks-button.bricks-background-secondary:hover, .form--dark .bricks-search-form .bricks-button.bricks-background-secondary:hover, .form--dark .brxe-post-comments .bricks-button.bricks-background-secondary:hover { background-color: var(--neutral-ultra-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-ultra-light); } .form--dark .form-group:not(.submit-button-wrapper), .form--dark .bricks-search-form .form-group:not(.submit-button-wrapper), .form--dark .brxe-post-comments .form-group:not(.submit-button-wrapper) { margin-bottom: 1.5em; } .form--dark label, .form--dark .bricks-search-form label, .form--dark .brxe-post-comments label { background-color: transparent; color: var(--neutral-ultra-light); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; margin-bottom: 0.5em; text-transform: none; padding: 0 0; } .form--dark .required:after, .form--dark .bricks-search-form .required:after, .form--dark .brxe-post-comments .required:after { color: var(--action); } .form--dark input[type="file"], .form--dark .bricks-search-form input[type="file"], .form--dark .brxe-post-comments input[type="file"] { padding: 0; } .form--dark .choose-files, .form--dark .bricks-search-form .choose-files, .form--dark .brxe-post-comments .choose-files { padding: 0.5em 1em; color: var(--neutral-ultra-dark); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; background: var(--neutral-light); transition: all var(--btn-transition-duration) ease; } .form--dark .choose-files:hover, .form--dark .bricks-search-form .choose-files:hover, .form--dark .brxe-post-comments .choose-files:hover { color: var(--neutral-ultra-dark); background: var(--neutral-ultra-light); } .form--dark .file-result.show, .form--dark .bricks-search-form .file-result.show, .form--dark .brxe-post-comments .file-result.show { font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; transition: all var(--btn-transition-duration) ease; } .form--dark .file-result.show .remove:hover, .form--dark .bricks-search-form .file-result.show .remove:hover, .form--dark .brxe-post-comments .file-result.show .remove:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--dark input[type="radio"], .form--dark .bricks-search-form input[type="radio"], .form--dark .brxe-post-comments input[type="radio"] { accent-color: var(--action); } .form--dark input[type="radio"] + label, .form--dark .bricks-search-form input[type="radio"] + label, .form--dark .brxe-post-comments input[type="radio"] + label { background-color: transparent; display: inline-block; color: var(--neutral-ultra-light); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; -webkit-padding-start: inherit; padding-inline-start: inherit; margin: 0; } .form--dark input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--dark .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--dark .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) { width: 0px; height: 0px; padding: 0; margin: 0; opacity: 0; position: absolute; } .form--dark input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--dark .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--dark .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus { outline: none; } .form--dark input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--dark .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before { border-color: var(--action); box-shadow: 0 0 0 4px hsl(358 70% 66% / 0.25); outline: 0; } .form--dark input[type="checkbox"] + label, .form--dark .bricks-search-form input[type="checkbox"] + label, .form--dark .brxe-post-comments input[type="checkbox"] + label { background-color: transparent; display: inline-block; color: var(--neutral-ultra-light); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; background-color: unset; display: block; position: relative; margin: 0; cursor: pointer; } .form--dark input[type="checkbox"]:hover + label:hover, .form--dark .bricks-search-form input[type="checkbox"]:hover + label:hover, .form--dark .brxe-post-comments input[type="checkbox"]:hover + label:hover { color: var(--action); } .form--dark input[type="checkbox"]:hover + label:before, .form--dark .bricks-search-form input[type="checkbox"]:hover + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:hover + label:before { background: var(--action); box-shadow: inset 0px 0px 0px 2px transparent; } .form--dark input[type="checkbox"] + label:before, .form--dark .bricks-search-form input[type="checkbox"] + label:before, .form--dark .brxe-post-comments input[type="checkbox"] + label:before { content: ""; display: block; width: 1.4em; height: 1.4em; border: 1px solid var(--neutral-ultra-light); border-color: var(--neutral-ultra-light); border-radius: 0.2em; position: absolute; inset-block-start: 0; inset-inline-start: 0; -webkit-transition: all 0.2s, background 0.2s ease-in-out; transition: all 0.2s, background 0.2s ease-in-out; background-color: transparent; } .form--dark input[type="checkbox"]:checked + label:before, .form--dark .bricks-search-form input[type="checkbox"]:checked + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--neutral-ultra-light); } .form--dark input[type="checkbox"]:checked + label:before, .form--dark .bricks-search-form input[type="checkbox"]:checked + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--neutral-ultra-light); } .form--dark input[type="checkbox"]:checked + label:after, .form--dark .bricks-search-form input[type="checkbox"]:checked + label:after, .form--dark .brxe-post-comments input[type="checkbox"]:checked + label:after { content: ""; cursor: pointer; display: inline-block; height: 1.5em; width: 1.5em; position: absolute; inset-block-start: 0; inset-inline-start: 0; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") 50% no-repeat; background-size: 50%; } .form--dark .options-wrapper li + li, .form--dark .bricks-search-form .options-wrapper li + li, .form--dark .brxe-post-comments .options-wrapper li + li { margin-block-start: var(--list-item-spacing); } main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: var(--action) !important; } .form--light input[type="date"], .form--light input[type="datetime-local"], .form--light input[type="month"], .form--light input[type="password"], .form--light input[type="search"], .form--light input[type="time"], .form--light input[type="week"], .form--light input[type="email"], .form--light input[type="number"], .form--light input[type="tel"], .form--light input[type="text"], .form--light input[type="url"], .form--light select:not([multiple]):not([size]), .form--light .bricks-search-form input[type="date"], .form--light .bricks-search-form input[type="datetime-local"], .form--light .bricks-search-form input[type="month"], .form--light .bricks-search-form input[type="password"], .form--light .bricks-search-form input[type="search"], .form--light .bricks-search-form input[type="time"], .form--light .bricks-search-form input[type="week"], .form--light .bricks-search-form input[type="email"], .form--light .bricks-search-form input[type="number"], .form--light .bricks-search-form input[type="tel"], .form--light .bricks-search-form input[type="text"], .form--light .bricks-search-form input[type="url"], .form--light .bricks-search-form select:not([multiple]):not([size]), .form--light .brxe-post-comments input[type="date"], .form--light .brxe-post-comments input[type="datetime-local"], .form--light .brxe-post-comments input[type="month"], .form--light .brxe-post-comments input[type="password"], .form--light .brxe-post-comments input[type="search"], .form--light .brxe-post-comments input[type="time"], .form--light .brxe-post-comments input[type="week"], .form--light .brxe-post-comments input[type="email"], .form--light .brxe-post-comments input[type="number"], .form--light .brxe-post-comments input[type="tel"], .form--light .brxe-post-comments input[type="text"], .form--light .brxe-post-comments input[type="url"], .form--light .brxe-post-comments select:not([multiple]):not([size]) { height: 5rem; } .form--light .input, .form--light input:not([type="submit"]), .form--light select, .form--light textarea, .form--light .bricks-search-form .input, .form--light .bricks-search-form input:not([type="submit"]), .form--light .bricks-search-form select, .form--light .bricks-search-form textarea, .form--light .brxe-post-comments .input, .form--light .brxe-post-comments input:not([type="submit"]), .form--light .brxe-post-comments select, .form--light .brxe-post-comments textarea { background-color: var(--white); border-style: solid; border-top-width: 0.1rem; border-right-width: 0.1rem; border-bottom-width: 0.1rem; border-left-width: 0.1rem; border-color: var(--shade-light); border-radius: var(--btn-radius); color: var(--shade-dark); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); line-height: 1; font-weight: 400; padding: 0.5em 1em; } .form--light .input::placeholder, .form--light input:not([type="submit"])::placeholder, .form--light select::placeholder, .form--light textarea::placeholder, .form--light .bricks-search-form .input::placeholder, .form--light .bricks-search-form input:not([type="submit"])::placeholder, .form--light .bricks-search-form select::placeholder, .form--light .bricks-search-form textarea::placeholder, .form--light .brxe-post-comments .input::placeholder, .form--light .brxe-post-comments input:not([type="submit"])::placeholder, .form--light .brxe-post-comments select::placeholder, .form--light .brxe-post-comments textarea::placeholder { color: var(--shade-dark); opacity: 0.5; } .form--light .bricks-button, .form--light .bricks-search-form .bricks-button, .form--light .brxe-post-comments .bricks-button { background-color: var(--action); color: var(--action-ultra-light); border-style: solid; border-width: var(--btn-border-width); border-color: var(--action); border-radius: var(--f-light-input-radius); -webkit-border-radius: var(--f-light-input-radius); -moz-border-radius: var(--f-light-input-radius); -ms-border-radius: var(--f-light-input-radius); -o-border-radius: var(--f-light-input-radius); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); font-weight: 400; line-height: 1; padding: 0.75em 1.5em; margin-top: 1em; text-align: center; -webkit-text-decoration: none; text-decoration: none; text-transform: none; transition: all var(--btn-transition-duration) ease; min-height: 5rem; } .form--light .bricks-button:hover, .form--light .bricks-search-form .bricks-button:hover, .form--light .brxe-post-comments .bricks-button:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--light .bricks-button.bricks-background-secondary, .form--light .bricks-search-form .bricks-button.bricks-background-secondary, .form--light .brxe-post-comments .bricks-button.bricks-background-secondary { background-color: var(--neutral-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-light); } .form--light .bricks-button.bricks-background-secondary:hover, .form--light .bricks-search-form .bricks-button.bricks-background-secondary:hover, .form--light .brxe-post-comments .bricks-button.bricks-background-secondary:hover { background-color: var(--neutral-ultra-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-ultra-light); } .form--light .form-group:not(.submit-button-wrapper), .form--light .bricks-search-form .form-group:not(.submit-button-wrapper), .form--light .brxe-post-comments .form-group:not(.submit-button-wrapper) { margin-bottom: 1.5em; } .form--light label, .form--light .bricks-search-form label, .form--light .brxe-post-comments label { color: var(--base-dark); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; margin-bottom: 0.5em; text-transform: none; padding: 0 0; } .form--light .required:after, .form--light .bricks-search-form .required:after, .form--light .brxe-post-comments .required:after { color: var(--action); } .form--light input[type="file"], .form--light .bricks-search-form input[type="file"], .form--light .brxe-post-comments input[type="file"] { padding: 0; } .form--light .choose-files, .form--light .bricks-search-form .choose-files, .form--light .brxe-post-comments .choose-files { padding: 0.5em 1em; color: var(--neutral-ultra-dark); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; background: var(--neutral-light); transition: all var(--btn-transition-duration) ease; } .form--light .choose-files:hover, .form--light .bricks-search-form .choose-files:hover, .form--light .brxe-post-comments .choose-files:hover { color: var(--neutral-ultra-dark); background: var(--neutral-ultra-light); } .form--light .file-result.show, .form--light .bricks-search-form .file-result.show, .form--light .brxe-post-comments .file-result.show { font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; transition: all var(--btn-transition-duration) ease; } .form--light .file-result.show .remove:hover, .form--light .bricks-search-form .file-result.show .remove:hover, .form--light .brxe-post-comments .file-result.show .remove:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--light input[type="radio"], .form--light .bricks-search-form input[type="radio"], .form--light .brxe-post-comments input[type="radio"] { accent-color: var(--action); } .form--light input[type="radio"] + label, .form--light .bricks-search-form input[type="radio"] + label, .form--light .brxe-post-comments input[type="radio"] + label { background-color: transparent; display: inline-block; color: var(--base-dark); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; -webkit-padding-start: inherit; padding-inline-start: inherit; margin: 0; } .form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--light .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--light .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) { width: 0px; height: 0px; padding: 0; margin: 0; opacity: 0; position: absolute; } .form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--light .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--light .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus { outline: none; } .form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--light .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--light .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before { border-color: var(--action); box-shadow: 0 0 0 4px hsl(358 70% 66% / 0.25); outline: 0; } .form--light input[type="checkbox"] + label, .form--light .bricks-search-form input[type="checkbox"] + label, .form--light .brxe-post-comments input[type="checkbox"] + label { background-color: transparent; display: inline-block; color: var(--base-dark); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; background-color: unset; display: block; position: relative; margin: 0; cursor: pointer; } .form--light input[type="checkbox"]:hover + label:hover, .form--light .bricks-search-form input[type="checkbox"]:hover + label:hover, .form--light .brxe-post-comments input[type="checkbox"]:hover + label:hover { color: var(--action); } .form--light input[type="checkbox"]:hover + label:before, .form--light .bricks-search-form input[type="checkbox"]:hover + label:before, .form--light .brxe-post-comments input[type="checkbox"]:hover + label:before { background: var(--action); box-shadow: inset 0px 0px 0px 2px transparent; } .form--light input[type="checkbox"] + label:before, .form--light .bricks-search-form input[type="checkbox"] + label:before, .form--light .brxe-post-comments input[type="checkbox"] + label:before { content: ""; display: block; width: 1.4em; height: 1.4em; border: 1px solid var(--neutral-ultra-light); border-color: var(--shade-ultra-light); border-radius: 0.2em; position: absolute; inset-block-start: 0; inset-inline-start: 0; -webkit-transition: all 0.2s, background 0.2s ease-in-out; transition: all 0.2s, background 0.2s ease-in-out; background-color: transparent; } .form--light input[type="checkbox"]:checked + label:before, .form--light .bricks-search-form input[type="checkbox"]:checked + label:before, .form--light .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--shade-ultra-light); } .form--light input[type="checkbox"]:checked + label:before, .form--light .bricks-search-form input[type="checkbox"]:checked + label:before, .form--light .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--shade-ultra-light); } .form--light input[type="checkbox"]:checked + label:after, .form--light .bricks-search-form input[type="checkbox"]:checked + label:after, .form--light .brxe-post-comments input[type="checkbox"]:checked + label:after { content: ""; cursor: pointer; display: inline-block; height: 1.5em; width: 1.5em; position: absolute; inset-block-start: 0; inset-inline-start: 0; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") 50% no-repeat; background-size: 50%; } .form--light .options-wrapper li + li, .form--light .bricks-search-form .options-wrapper li + li, .form--light .brxe-post-comments .options-wrapper li + li { margin-block-start: var(--list-item-spacing); } main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: var(--action) !important; } .owl--xs > *:not(.bricks-element-actions) + * { margin-block-start: 1.896rem; margin-block-start: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))); margin-block-start: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem); } .owl--s > *:not(.bricks-element-actions) + * { margin-block-start: 2.133rem; margin-block-start: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96))); margin-block-start: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem); } .owl--m > *:not(.bricks-element-actions) + * { margin-block-start: 2.4rem; margin-block-start: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); margin-block-start: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); } .owl--l > *:not(.bricks-element-actions) + * { margin-block-start: 2.7rem; margin-block-start: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 96))); margin-block-start: clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem); } .owl--xl > *:not(.bricks-element-actions) + * { margin-block-start: 3.038rem; margin-block-start: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 96))); margin-block-start: clamp(4.2645336rem, calc(2.5890275vw + 3.4360448rem), 6.75rem); } .owl--xxl > *:not(.bricks-element-actions) + * { margin-block-start: 3.42rem; margin-block-start: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 96))); margin-block-start: clamp(5.6846232888rem, calc(4.6253924075vw + 4.2044977184rem), 10.125rem); } .text--xs.text--larger { font-size: 1.56rem; font-size: calc(1.32rem + (0.33 * ((100vw - 32rem) / 96))); font-size: clamp(1.32rem, calc(0.34375vw + 1.21rem), 1.65rem); } .text--s.text--larger { font-size: 1.68rem; font-size: calc(1.44rem + (0.36 * ((100vw - 32rem) / 96))); font-size: clamp(1.44rem, calc(0.375vw + 1.32rem), 1.8rem); } .text--m.text--larger { font-size: 2.16rem; font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 96))); font-size: clamp(1.92rem, calc(0.8125vw + 1.66rem), 2.7rem); } .text--l.text--larger { font-size: 2.4rem; font-size: calc(2.304rem + (1.2951 * ((100vw - 32rem) / 96))); font-size: clamp(2.304rem, calc(1.3490625vw + 1.8723rem), 3.5991rem); } .text--xl.text--larger { font-size: 2.76rem; font-size: calc(2.7648rem + (2.0328003 * ((100vw - 32rem) / 96))); font-size: clamp(2.7648rem, calc(2.1175003125vw + 2.0871999rem), 4.7976003rem); } .text--xxl.text--larger { font-size: 3.12rem; font-size: calc(3.31776rem + (3.0774411999 * ((100vw - 32rem) / 96))); font-size: clamp(3.31776rem, calc(3.2056679166vw + 2.2919462667rem), 6.3952011999rem); } h1.text--larger { font-size: 3.12rem; font-size: calc(3.31776rem + (3.0774411999 * ((100vw - 32rem) / 96))); font-size: clamp(3.31776rem, calc(3.2056679166vw + 2.2919462667rem), 6.3952011999rem); } h2.text--larger { font-size: 2.76rem; font-size: calc(2.7648rem + (2.0328003 * ((100vw - 32rem) / 96))); font-size: clamp(2.7648rem, calc(2.1175003125vw + 2.0871999rem), 4.7976003rem); } h3.text--larger { font-size: 2.4rem; font-size: calc(2.304rem + (1.2951 * ((100vw - 32rem) / 96))); font-size: clamp(2.304rem, calc(1.3490625vw + 1.8723rem), 3.5991rem); } h4.text--larger { font-size: 2.16rem; font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 96))); font-size: clamp(1.92rem, calc(0.8125vw + 1.66rem), 2.7rem); } h5.text--larger { font-size: 1.68rem; font-size: calc(1.44rem + (0.36 * ((100vw - 32rem) / 96))); font-size: clamp(1.44rem, calc(0.375vw + 1.32rem), 1.8rem); } h6.text--larger { font-size: 1.56rem; font-size: calc(1.32rem + (0.33 * ((100vw - 32rem) / 96))); font-size: clamp(1.32rem, calc(0.34375vw + 1.21rem), 1.65rem); } :root{--bricks-vh:1vh;--bricks-transition:all 0.2s;--bricks-color-primary:#ffd64f;--bricks-color-secondary:#fc5778;--bricks-text-dark:#212121;--bricks-text-medium:#616161;--bricks-text-light:#9e9e9e;--bricks-text-info:#00b0f4;--bricks-text-success:#11b76b;--bricks-text-warning:#ffa100;--bricks-text-danger:#fa4362;--bricks-bg-info:#e5f3ff;--bricks-bg-success:#e6f6ed;--bricks-bg-warning:#fff2d7;--bricks-bg-danger:#ffe6ec;--bricks-bg-dark:#263238;--bricks-bg-light:#f5f6f7;--bricks-border-color:#dddedf;--bricks-border-radius:4px;--bricks-tooltip-bg:#23282d;--bricks-tooltip-text:#eaecef}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.brxe-section{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100%}@media (max-width:767px){.brxe-section{flex-wrap:wrap}}.brxe-section.has-bg-video{position:relative;z-index:1}.brxe-section.has-shape{position:relative}.brxe-section.bricks-lazy-hidden{background-image:none!important}.brxe-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:1100px}@media (max-width:767px){.brxe-container{flex-wrap:wrap}}.brxe-container.has-bg-video{position:relative;z-index:1}.brxe-container.has-shape{position:relative}.brxe-container.bricks-lazy-hidden{background-image:none!important}.brxe-block{align-items:flex-start;display:flex;flex-direction:column;width:100%}@media (max-width:767px){.brxe-block{flex-wrap:wrap}}.brxe-block.has-bg-video{position:relative;z-index:1}.brxe-block.has-shape{position:relative}.brxe-block.bricks-lazy-hidden{background-image:none!important}.brxe-div.has-bg-video{position:relative;z-index:1}.brxe-div.has-shape{position:relative}.brxe-div.bricks-lazy-hidden{background-image:none!important}[class*=brxe-]{max-width:100%}:where([class*=brxe-].has-shape>*){position:relative}svg:not([width]){min-width:1em}svg:not([height]){min-height:1em}svg.fill *{fill:inherit}svg.stroke *{stroke:inherit}span[class*=brxe-]:not(.brxe-section):not(.brxe-container):not(.brxe-block):not(.brxe-div){width:auto}.bricks-element-placeholder{align-items:stretch;background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;font-family:monospace;font-size:16px;font-weight:700;height:auto!important;line-height:1.4;max-width:100%!important;opacity:1!important;text-align:left;width:auto!important}.bricks-element-placeholder.no-php-class{padding:15px}.bricks-element-placeholder.no-php-class,.bricks-element-placeholder[data-type=error]{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}.bricks-element-placeholder[data-type=error] i{background-color:var(--bricks-text-danger)}.bricks-element-placeholder i{align-items:center;background-color:var(--bricks-text-info);color:#fff;display:flex!important;flex-direction:column;font-size:30px!important;justify-content:center;min-height:60px;min-width:80px;padding:0 15px}.bricks-element-placeholder a{text-decoration:underline}.bricks-element-placeholder .placeholder-inner{display:flex;flex-direction:column;justify-content:center;padding:15px 20px}.bricks-element-placeholder .placeholder-title{align-items:center;display:flex;font-size:17px;margin:0}.bricks-element-placeholder .placeholder-description{font-size:14px;margin-top:.5em}#brx-footer{background-position:50%;background-size:cover;flex-shrink:0;margin-top:auto;position:relative;width:100%}body.admin-bar .brx-popup{height:calc(var(--bricks-vh, 1vh)*100 - var(--wp-admin--admin-bar--height, 0));top:var(--wp-admin--admin-bar--height,0)}.brx-popup{align-items:center;display:flex;flex-direction:column;height:100vh;height:calc(var(--bricks-vh, 1vh)*100);justify-content:center;left:0;position:fixed!important;top:0;width:100%;z-index:10000}.brx-popup .brx-popup-backdrop{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;transition:all 1s ease-in-out;visibility:visible}.brx-popup.builder{z-index:999}.brx-popup.hide{pointer-events:none}.brx-popup.hide,.brx-popup.hide .brx-popup-backdrop{opacity:0;visibility:hidden}.brx-popup-content{background-color:#fff;margin:0;max-width:100%;overflow-y:auto;padding:30px;z-index:1}.brx-popup-content.brx-woo-quick-view{width:auto}html{font-size:62.5%}*,:after,:before,html{box-sizing:border-box}:after,:before{outline:none}*{border-color:var(--bricks-border-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;background-color:#fff;background-position:50%;color:#363636;font-family:-apple-system,"system-ui",Segoe UI,roboto,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;line-height:1.7;transition:var(--bricks-transition);transition:padding-top 0s}body.no-scroll{overflow:hidden}body.brx-boxed{margin:0 auto;min-height:100vh}.brx-body{display:flex;flex-direction:column;margin:0 auto;width:100%}:where(a){border-color:currentcolor;color:currentcolor;cursor:pointer;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;text-rendering:optimizelegibility}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:currentcolor}h1{font-size:2.4em}h1,h2{line-height:1.4}h2{font-size:2.1em}h3{font-size:1.8em}h3,h4{line-height:1.4}h4{font-size:1.6em}h5{font-size:1.3em}h5,h6{line-height:1.4}h6{font-size:1.1em}:where(p){margin:0 0 1.2em}:where(p:last-of-type){margin-bottom:0}:where(p:last-of-type)+h1,:where(p:last-of-type)+h2,:where(p:last-of-type)+h3,:where(p:last-of-type)+h4,:where(p:last-of-type)+h5,:where(p:last-of-type)+h6{margin-top:1.2em}figcaption{color:var(--bricks-text-light);font-size:.9em;margin:1em 0;text-align:center}img{height:auto;max-width:100%;outline:none;vertical-align:middle}.bricks-lazy-hidden.wait,.bricks-lazy-load-isotope.wait{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L3N2Zz4=")!important;background-position:50% 50%;background-repeat:no-repeat;background-size:32px;filter:brightness(.5);transition:all 0s}audio,iframe{max-width:100%}button{border:none;cursor:pointer;outline:none;padding:0}blockquote{border-left-style:solid;border-left-width:4px;font-family:georgia,Times New Roman,times,serif;font-size:1.3em;margin:15px 0;padding:0 0 0 30px;position:relative}blockquote cite{display:block;font-size:.8em;font-style:normal;margin-top:.5em;opacity:.5;text-transform:uppercase}hr{border:none;border-top:1px solid var(--bricks-border-color);margin:1em 0}pre{background-color:var(--bricks-bg-light);color:#fc1f49;font-family:monospace;font-size:13px;margin:0;padding:10px 15px;white-space:pre-wrap}table{width:100%}table[class*=brxe-]{display:table}label{color:var(--bricks-text-light);display:block;font-weight:400;margin-bottom:5px}button,input,optgroup,select,textarea{font-family:inherit;text-align:inherit}.input,input:not([type=submit]),select,textarea{border-style:solid;border-width:1px;box-shadow:none;color:currentcolor;font-size:inherit;line-height:40px;outline:none;padding:0 12px;transition:var(--bricks-transition);width:100%}input[type=range]{border:none;height:auto;line-height:1;padding:0}input[type=button],input[type=checkbox],input[type=radio]{width:auto}input[type=submit],select{cursor:pointer}select{appearance:none;-webkit-appearance:none;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,gray 0),linear-gradient(135deg,gray 50%,transparent 0);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:0}textarea{height:auto;line-height:inherit!important;min-height:90px;padding:10px 12px}::placeholder{color:var(--bricks-border-color)}.skip-link{background:#000;border-bottom-right-radius:8px;color:#fff;font-weight:700;left:0;padding:5px 10px;position:fixed;top:0;transform:translateY(-102%);transition:transform .3s;z-index:9999}.skip-link:focus{transform:translateY(0)}body.bricks-is-frontend :focus-visible{outline:auto}@supports not selector(:focus-visible){body.bricks-is-frontend :focus{outline:auto}}.bricks-archive-title-wrapper{margin:60px auto;text-align:center}.bricks-archive-title-wrapper .title{margin:0}.brx-has-megamenu.open .brx-megamenu{opacity:1;visibility:visible}.brx-megamenu{left:0;opacity:0;position:absolute;transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;visibility:hidden;width:100%;z-index:998}.brx-megamenu:not(.brx-submenu-positioned){display:none!important}.brx-has-multilevel .open>ul,.brx-has-multilevel.open>ul{opacity:1;transform:translate(0);visibility:visible}.brx-has-multilevel .open.active,.brx-has-multilevel .open.active>ul>li,.brx-has-multilevel.open.active,.brx-has-multilevel.open.active>ul>li{display:flex}.brx-has-multilevel .menu-item a{width:100%}.brx-has-multilevel .open:not(.active)>.brx-submenu-toggle{display:none}.brx-has-multilevel>ul ul{transform:translate(20px);transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}.brx-has-multilevel ul:not(.brx-multilevel-overflow-right){left:0!important}.brx-has-multilevel ul .active>.brx-submenu-toggle,.brx-has-multilevel ul li:not(.open){display:none}.brx-submenu-toggle{align-items:center;cursor:pointer;display:flex}.brx-submenu-toggle.icon-right button{margin-left:10px}.brx-submenu-toggle.icon-left{flex-direction:row-reverse}.brx-submenu-toggle.icon-left button{margin-right:10px}.brx-submenu-toggle button{align-items:center;background-color:transparent;color:currentcolor;display:flex;transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}.brx-multilevel-overflow-right,.brx-multilevel-overflow-right ul,.brx-submenu-overflow-right{left:auto!important;right:0!important}.brx-sub-submenu-overflow-right,.brx-sub-submenu-overflow-right ul,.brx-submenu-overflow-right ul{left:auto!important;right:100%!important}#brx-content{flex:1;position:relative;width:100%}#brx-content .post-password-form{margin:0 auto}#brx-content .post-password-form p:last-child{align-items:flex-end;column-gap:10px;display:flex}#brx-content .post-password-form p:last-child label{flex:1;margin:0}#brx-content .post-password-form input[type=submit]{border-width:1px;display:inline-flex;padding:.5em 1em}#brx-content>.woocommerce{margin-left:auto;margin-right:auto}.bricks-layout-wrapper{--columns:3;--gutter:0px;display:flex;flex-flow:row wrap;list-style-type:none;margin:0;padding:0}.bricks-layout-wrapper:not(.bricks-masonry){width:100%}.bricks-layout-wrapper .meta{color:var(--bricks-text-light)}.bricks-layout-item{line-height:1.6;position:relative}.bricks-layout-item:last-child img{padding-bottom:0!important}.bricks-layout-item .content-wrapper,.bricks-layout-item .overlay-wrapper{align-items:baseline;bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;left:0;position:relative;right:0;top:0;z-index:1}.bricks-layout-item .content-wrapper.top,.bricks-layout-item .overlay-wrapper.top{justify-content:flex-start}.bricks-layout-item .content-wrapper.middle,.bricks-layout-item .overlay-wrapper.middle{justify-content:center;margin-bottom:auto;margin-top:auto}.bricks-layout-item .content-wrapper.bottom,.bricks-layout-item .overlay-wrapper.bottom{justify-content:flex-end}.bricks-layout-item .content-wrapper.left,.bricks-layout-item .overlay-wrapper.left{align-items:flex-start;text-align:left}.bricks-layout-item .content-wrapper.center,.bricks-layout-item .overlay-wrapper.center{align-items:center;text-align:center}.bricks-layout-item .content-wrapper.right,.bricks-layout-item .overlay-wrapper.right{align-items:flex-end;text-align:right}.bricks-layout-item .content-wrapper.center.middle,.bricks-layout-item .overlay-wrapper.center.middle{margin-bottom:auto;margin-top:auto}.bricks-layout-item .overlay-wrapper{position:absolute!important;z-index:2}.bricks-layout-item .overlay-wrapper.show-on-hover{opacity:0;position:relative;transition:var(--bricks-transition)}.bricks-layout-item .overlay-wrapper.show-on-hover:hover{opacity:1}.bricks-layout-item .overlay-wrapper.show-on-hover .overlay-inner{transition:var(--bricks-transition);will-change:transform}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner{transform:translateY(10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-right .overlay-inner{transform:translateX(-10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-right:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-down .overlay-inner{transform:translateY(-10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-down:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-left .overlay-inner{transform:translateX(10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-left:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-in .overlay-inner{transform:scale(.8)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-in:hover .overlay-inner{transform:scale(1)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-out .overlay-inner{transform:scale(1.2)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-out:hover .overlay-inner{transform:scale(1)}.bricks-layout-item .dynamic{margin:0;padding:0}.bricks-layout-item .meta{width:100%}.bricks-layout-item .meta span:first-child{padding:0}.bricks-layout-item .meta span+span{padding:0 5px}.bricks-layout-item .meta span+span:before{content:" ·";left:-5px;position:relative}.bricks-layout-item .excerpt{margin-top:.5em}.bricks-layout-item .taxonomy{margin:0 -5px}.bricks-layout-item .taxonomy a{display:inline-block;line-height:2;margin:0 5px}.bricks-layout-item .bricks-layout-inner{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:relative;right:0;top:0}li.bricks-gutter-sizer{pointer-events:none;position:absolute;top:-99999px;visibility:hidden;width:var(--gutter)!important}.bricks-layout-wrapper .image-wrapper{position:relative}.bricks-layout-wrapper .image-wrapper .overlay-wrapper{height:inherit}.bricks-layout-wrapper .image{aspect-ratio:1/1;object-fit:cover;position:relative}.bricks-layout-wrapper a{color:currentcolor}.bricks-layout-wrapper[data-layout=list]>li.bricks-layout-item{margin-bottom:var(--gutter);width:100%}.bricks-layout-wrapper[data-layout=list]>li.bricks-layout-item:last-child{margin-bottom:0}.bricks-layout-wrapper[data-layout=list] .bricks-layout-inner{flex-direction:row}.bricks-layout-wrapper[data-layout=list] .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-top .bricks-layout-inner{flex-direction:row-reverse}.bricks-layout-wrapper[data-layout=list].image-position-top .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-right .bricks-layout-inner{flex-direction:row-reverse!important}.bricks-layout-wrapper[data-layout=list].image-position-right .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-left .bricks-layout-inner{flex-direction:row}.bricks-layout-wrapper[data-layout=list].image-position-left .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-bottom .bricks-layout-inner{flex-direction:column-reverse}.bricks-layout-wrapper[data-layout=list].alternate li:nth-child(2n) .bricks-layout-inner{flex-direction:row-reverse!important}.bricks-layout-wrapper[data-layout=list].alternate.image-position-right li:nth-child(odd) .bricks-layout-inner{flex-direction:row-reverse}.bricks-layout-wrapper[data-layout=list].alternate.image-position-right li:nth-child(2n) .bricks-layout-inner{flex-direction:row}.bricks-layout-wrapper[data-layout=grid]:not(.isotope){display:grid;gap:var(--gutter);grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.bricks-layout-wrapper[data-layout=grid].isotope>li:not(.bricks-gutter-sizer){margin-bottom:var(--gutter);width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}.bricks-layout-wrapper[data-layout=grid] .bricks-aspect-ratio-square{aspect-ratio:1/1}.bricks-layout-wrapper[data-layout=grid] .bricks-aspect-ratio-16-9{aspect-ratio:16/9}.bricks-layout-wrapper[data-layout=grid] .bricks-aspect-ratio-4-3{aspect-ratio:4/3}.bricks-layout-wrapper[data-layout=grid]>li.bricks-layout-item,.bricks-layout-wrapper[data-layout=grid]>li.bricks-layout-item>a{display:grid}.bricks-masonry{--columns:3;--gutter:10px;display:flex;flex-flow:row wrap;position:relative}.bricks-masonry>:not(.bricks-gutter-sizer){margin-bottom:var(--gutter);width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}.bricks-is-frontend .bricks-layout-wrapper.isotope{transition:opacity .3s ease-in-out}.bricks-is-frontend .bricks-layout-wrapper.isotope.isotope-before-init{opacity:0}.bricks-layout-wrapper[data-layout=masonry]>li:not(.bricks-gutter-sizer){margin-bottom:var(--gutter);width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}.bricks-layout-wrapper[data-layout=masonry] .image{aspect-ratio:unset!important;display:inline-block;position:relative!important}.bricks-layout-wrapper[data-layout=masonry] .bricks-layout-inner{height:auto!important}.bricks-layout-wrapper[data-layout=metro]:not(.isotope){display:grid;gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr))}.bricks-layout-wrapper[data-layout=metro]:not(.isotope)>li:nth-child(3n+1){grid-column:span 2;grid-row:span 2}.bricks-layout-wrapper[data-layout=metro].isotope{--columns:4}.bricks-layout-wrapper[data-layout=metro].isotope>li.bricks-layout-item{margin-bottom:var(--gutter)}.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer){width:50%;width:calc(50% - var(--gutter)/2)}@media (max-width:478px){.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer){width:100%}}.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer) img{height:100%}.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer) .title{font-size:calc(1em + 1.5vmin)}.bricks-layout-wrapper[data-layout=metro].isotope>li{width:25%;width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}@media (max-width:767px){.bricks-layout-wrapper[data-layout=metro].isotope>li{width:calc(50% - var(--gutter)/2)}}@media (max-width:478px){.bricks-layout-wrapper[data-layout=metro].isotope>li{width:100%}}.bricks-layout-wrapper[data-layout=metro] img{height:100%}.bricks-layout-wrapper[data-layout=metro] .image-wrapper{aspect-ratio:1/1}.bricks-layout-wrapper[data-layout=metro] .content-wrapper{position:absolute}#brx-header{background-position:50%;background-size:cover;position:relative;width:100%}#brx-header.transparent{background:transparent;border:none;box-shadow:none;color:#fff}#brx-header.sticky{left:0;position:fixed;right:0;top:0;transition:background-color .2s,transform .4s;width:100%;z-index:998}#brx-header.sticky.on-scroll{position:sticky}#brx-header.sticky .bricks-nav-menu>li>a,#brx-header.sticky>.brxe-block,#brx-header.sticky>.brxe-container,#brx-header.sticky>.brxe-div,#brx-header.sticky>.brxe-section{transition:inherit}#brx-header.sticky.slide-up:not(:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open)){-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none;transform:translateY(-101%)}#brx-header.sticky.slide-up::-webkit-scrollbar{display:none}#brx-header.sticky.sliding{overflow:hidden}#brx-header.sticky:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open){transition:none}.brx-header-right #brx-header{bottom:0;display:flex;position:fixed;right:0;top:0;width:200px;z-index:998}.brx-header-right #brx-header>.brxe-container,.brx-header-right #brx-header>.brxe-div,.brx-header-right #brx-header>.brxe-section{height:100%}.brx-header-right #brx-content,.brx-header-right #brx-footer{margin-right:200px;width:auto}.brx-header-left #brx-header{bottom:0;display:flex;left:0;position:fixed;top:0;width:200px;z-index:998}.brx-header-left #brx-header>.brxe-container,.brx-header-left #brx-header>.brxe-div,.brx-header-left #brx-header>.brxe-section{height:100%}.brx-header-left #brx-content,.brx-header-left #brx-footer{margin-left:200px;width:auto}.bricks-search-form{align-items:stretch;display:flex!important;justify-content:space-between;position:relative;width:100%}.bricks-search-form label{align-self:center;margin-inline-end:10px}.bricks-search-form input[type=search]{background-color:inherit;color:currentcolor;display:inline-block;max-width:100%;padding:0 20px;width:auto}.bricks-search-form button{align-items:center;display:flex;justify-content:center;position:relative}.bricks-search-form input{line-height:40px;width:100%}.bricks-shape-divider{bottom:0;display:flex;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute!important;right:0;top:0;width:100%}.bricks-shape-divider .bricks-shape-divider-inner{align-items:inherit;height:100%;justify-content:inherit;position:absolute;width:100%}.bricks-shape-divider .bricks-shape-divider-inner svg{height:100%;min-height:unset;min-width:unset;position:relative;width:100%}.bricks-shape-divider .bricks-shape-divider-inner svg g,.bricks-shape-divider .bricks-shape-divider-inner svg path{fill:inherit}.bricks-shape-divider.front{z-index:2}.bricks-shape-divider.flip-horizontal svg{transform:rotateX(180deg)}.bricks-shape-divider.flip-vertical svg{transform:rotateY(180deg)}.bricks-shape-divider.flip-horizontal.flip-vertical svg{transform:rotateX(180deg) rotateY(180deg)}.bricks-shape-divider.overflow{overflow:visible}.bricks-button{align-items:center;border-width:0;display:inline-flex;gap:10px;justify-content:center;letter-spacing:.5px;padding:.5em 1em;text-align:center}.bricks-button.bricks-background-muted{color:var(--bricks-text-medium)}.bricks-button.bricks-background-danger,.bricks-button.bricks-background-dark,.bricks-button.bricks-background-info,.bricks-button.bricks-background-secondary,.bricks-button.bricks-background-success,.bricks-button.bricks-background-warning{color:#fff}.bricks-button.sm{font-size:.9em;padding:.4em 1em}.bricks-button.lg{font-size:1.1em;padding:.6em 1em}.bricks-button.xl{font-size:1.2em;padding:.8em 1em}.bricks-button.block{width:100%}.bricks-button.circle{border-radius:100px!important}.bricks-button.outline{background-color:transparent;border:2px solid}.bricks-button i{position:relative}body.bricks-is-frontend.admin-bar #brx-header.sticky{top:32px;top:var(--wp-admin--admin-bar--height)}body.bricks-is-frontend.admin-bar.brx-header-left #brx-header,body.bricks-is-frontend.admin-bar.brx-header-right #brx-header{top:var(--wp-admin--admin-bar--height)}.bricks-lightbox a{cursor:zoom-in}.bricks-background-video-wrapper{background-size:cover;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute!important;top:0;width:100%;z-index:-1}.bricks-background-video-wrapper iframe,.bricks-background-video-wrapper video{border:none;height:inherit;left:50%;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:inherit}.bricks-background-video-wrapper iframe[poster],.bricks-background-video-wrapper video[poster]{object-fit:cover}.bricks-background-video-wrapper .bricks-video-poster-image{height:inherit;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:inherit;z-index:1}.post-meta{align-items:center;display:inline-flex;gap:20px}.post-meta.column{align-items:unset;flex-direction:column}.post-meta .separator{display:inline-block;text-align:center}.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.screen-reader-text span:focus,.screen-reader-text:focus,.ui-helper-hidden-accessible:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.bricks-pagination ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style-type:none;margin:0;padding:0}.bricks-pagination ul .page-numbers{display:grid;height:100%;place-items:center}.brx-load-more-hidden,.brx-query-trail:not(.bricks-isotope-sizer){display:none}.bricks-isotope-sizer{pointer-events:none;position:absolute;top:-99999px;visibility:hidden}[data-brx-ls-wrapper]{transition:opacity .3s ease-in-out}[data-brx-ls-wrapper]:not(.brx-ls-active){display:none!important}.brx-filter-disabled label:not(.brx-option-disabled),.page-filtered label:not(.brx-option-disabled){opacity:.5}.brx-filter-disabled,.page-filtered{pointer-events:none}.brx-option-disabled,.brx-option-disabled:disabled{opacity:.5;pointer-events:none}.brx-load-more-hidden,.brx-no-active-filter,.brx-option-disabled.brx-option-empty{display:none}.bricks-no-posts-wrapper{text-align:center}.bricks-no-posts-wrapper .title{margin-bottom:30px}.bricks-no-posts-wrapper p{margin-bottom:1em}.bricks-no-posts-wrapper a{font-weight:700}.search-no-results .bricks-no-posts-wrapper{text-align:initial}.aligncenter{display:block;margin:.5em auto}.alignright{float:right;margin:.5em 0 .5em 1em}.alignleft{float:left;margin:.5em 1em .5em 0}a img.alignright{float:right;margin:.5em 0 .5em 1em}a img.alignleft{float:left;margin:.5em 1em .5em 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:.5em 1em .5em 0}.wp-caption.alignright{margin:.5em 0 .5em 1em}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.wp-block-image,.wp-block-video,figcaption,figure{margin:1em 0;width:100%}.wp-block-video video{max-width:100%}.wp-block-calendar{width:100%}#wp-calendar caption{margin-bottom:1em;text-align:inherit}#wp-calendar tbody{text-align:center}#wp-calendar tbody td{width:30px}#wp-calendar tbody a{font-weight:700}#wp-calendar tfoot{opacity:.5}#wp-calendar tfoot #prev{text-align:left}#wp-calendar tfoot #next{text-align:right}.gallery{display:flex;flex-flow:row wrap;margin:0 -10px}.gallery.gallery-columns-1 .gallery-item{flex:1 1 100%;max-width:100%}.gallery.gallery-columns-2 .gallery-item{flex:1 1 50%;max-width:50%}.gallery.gallery-columns-3 .gallery-item{flex:1 1 33.333%;max-width:33.333%}.gallery.gallery-columns-4 .gallery-item{flex:1 1 25%;max-width:25%}.gallery.gallery-columns-5 .gallery-item{flex:1 1 20%;max-width:20%}.gallery.gallery-columns-6 .gallery-item{flex:1 1 16.666%;max-width:16.666%}.gallery.gallery-columns-7 .gallery-item{flex:1 1 14.285%;max-width:14.285%}.gallery.gallery-columns-8 .gallery-item{flex:1 1 12.5%;max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{flex:1 1 11.111%;max-width:11.111%}.gallery.gallery-columns-10 .gallery-item{flex:1 1 10%;max-width:10%}.gallery .gallery-item{flex:1;padding:0 10px 20px}.gallery .gallery-item img{width:100%}.has-text-align-left{text-align:left}.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}.wp-block-image{width:100%}.wp-block-image figure{width:auto}.alignfull,.wp-block-categories-list.alignfull{left:50%;margin-left:-50vw;margin-right:-50vw;max-width:calc(100vw - .5em);position:relative;right:50%;width:100vw}.alignwide{margin-left:-10%;max-width:120%;position:relative;width:120%}@media (max-width:1320px){.alignwide{margin-left:auto;width:100%}}.aligncenter,.aligncenter img{margin-left:auto;margin-right:auto}.bricks-color-primary{color:var(--bricks-color-primary)}.bricks-color-secondary{color:var(--bricks-color-secondary)}.bricks-color-light{color:#fff}.bricks-color-dark{color:var(--bricks-text-dark)}.bricks-color-muted{color:var(--bricks-text-light)}.bricks-color-info{color:var(--bricks-text-info)}.bricks-color-success{color:var(--bricks-text-success)}.bricks-color-warning{color:var(--bricks-text-warning)}.bricks-color-danger{color:var(--bricks-text-danger)}.bricks-background-primary{background-color:var(--bricks-color-primary)}.bricks-background-secondary{background-color:var(--bricks-color-secondary)}.bricks-background-light{background-color:#fff}.bricks-background-dark{background-color:var(--bricks-bg-dark)}.bricks-background-muted{background-color:var(--bricks-text-light)}.bricks-background-info{background-color:var(--bricks-text-info)}.bricks-background-success{background-color:var(--bricks-text-success)}.bricks-background-warning{background-color:var(--bricks-text-warning)}.bricks-background-danger{background-color:var(--bricks-text-danger)} :root {--bricks-color-acss_import_transparent: transparent;} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-nav-menu).dragging .bricks-mobile-menu-wrapper{display:none!important;pointer-events:none!important}:where(.brxe-nav-menu) .menu-item:not(.open) .sub-menu{pointer-events:none}:where(.brxe-nav-menu) .menu-item:not(.open) .sub-menu:not(.brx-submenu-positioned){display:none!important}:where(.brxe-nav-menu) ol,:where(.brxe-nav-menu) ul{list-style-type:none;margin:0;padding:0}:where(.brxe-nav-menu) .bricks-nav-menu{display:flex;line-height:inherit;margin:0;padding:0}:where(.brxe-nav-menu) .bricks-nav-menu>li{margin:0 0 0 30px}:where(.brxe-nav-menu) .bricks-nav-menu>li.menu-item-has-children:hover:before{content:"";height:100%;min-height:60px;position:absolute;top:100%;width:100%;z-index:1}:where(.brxe-nav-menu) .bricks-nav-menu>li>.sub-menu.caret:before{border:0 solid transparent;border-bottom:0 solid var(--bricks-bg-dark);content:"";height:0;left:0;position:absolute;top:0;transform:translateY(-100%);width:0}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click]:before{display:none}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click].open>.sub-menu.caret:before{display:block}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click] .sub-menu.caret:before{display:none}:where(.brxe-nav-menu) .bricks-nav-menu li{position:relative}:where(.brxe-nav-menu) .bricks-nav-menu li.open>.sub-menu{opacity:1;visibility:visible}:where(.brxe-nav-menu) .bricks-nav-menu li.open[data-static]>.sub-menu{display:block}:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a{display:flex;width:100%}:where(.brxe-nav-menu) .bricks-nav-menu li[data-static]{flex-direction:column}:where(.brxe-nav-menu) .bricks-nav-menu li[data-static] .sub-menu{display:none;position:static!important;transform:none}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu{background-color:var(--bricks-bg-dark);color:#fff;line-height:60px;min-width:150px;opacity:0;position:absolute;top:100%;transition:var(--bricks-transition);visibility:hidden;white-space:nowrap;z-index:998}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li{border-style:none;position:relative;width:100%}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a,:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu button{color:currentcolor;padding:0 20px}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu .sub-menu{left:100%;padding-top:0;top:0}:where(.brxe-nav-menu) .bricks-nav-menu .brx-has-multilevel .sub-menu .brx-submenu-toggle{width:100%}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle{background-color:transparent;cursor:pointer;display:none;height:16px;min-width:12px;position:relative;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle.always{display:block!important}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span{min-width:12px;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle span{background-color:currentcolor;display:block;height:2px;position:absolute;right:0;transition:var(--bricks-transition)}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top{min-width:12px;top:0;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center{min-width:12px;top:7px;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom{min-width:12px;top:14px;width:20px}.brx-body.iframe .bricks-mobile-menu-wrapper .sub-menu{display:block!important}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle{min-width:20px;width:20px;z-index:1000}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle.fixed{position:fixed}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-top{top:50%;transform:rotate(45deg)}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-center{opacity:0}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom{top:50%;transform:rotate(-45deg)}.brxe-nav-menu.show-mobile-menu li.open>.brx-megamenu{display:initial;opacity:1;position:static;visibility:visible}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper{max-width:100vw;opacity:1!important;transform:translateX(0)!important;visibility:visible;z-index:999}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay{opacity:1;visibility:visible;z-index:998}.brxe-nav-menu .bricks-mobile-menu-wrapper{bottom:0;color:#fff;display:flex;flex-direction:column;height:100vh;height:calc(var(--bricks-vh, 1vh)*100);left:0;position:fixed;right:auto;scrollbar-width:none;top:var(--wp-admin--admin-bar--height,0);transition-duration:.2s;transition-property:background-color,opacity,transform,visibility;visibility:hidden;width:300px;z-index:999}.brxe-nav-menu .bricks-mobile-menu-wrapper::-webkit-scrollbar{background:transparent;height:0;width:0}.brxe-nav-menu .bricks-mobile-menu-wrapper:before{background-color:#23282d;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.brxe-nav-menu .bricks-mobile-menu-wrapper.fade-in{opacity:0;transform:translateX(0)!important}.brxe-nav-menu .bricks-mobile-menu-wrapper.left{transform:translateX(-100%)}.brxe-nav-menu .bricks-mobile-menu-wrapper.right{left:auto;right:0;transform:translateX(100%)}.brxe-nav-menu .bricks-mobile-menu-wrapper a{display:block;width:100%}.brxe-nav-menu .bricks-mobile-menu-wrapper .brx-megamenu a{display:initial}.brxe-nav-menu .bricks-mobile-menu-wrapper li a{line-height:60px}.brxe-nav-menu .bricks-mobile-menu-wrapper li a:focus{outline-offset:-1px}.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu{background:none!important;display:none;line-height:40px}.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li>.brx-submenu-toggle>*,.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li>a{padding:0 45px}.brxe-nav-menu .bricks-mobile-menu-wrapper li.open>.sub-menu{display:block}.brxe-nav-menu .bricks-mobile-menu-wrapper li.menu-item-has-children:hover:before{display:none}.brxe-nav-menu .bricks-mobile-menu{overflow-y:scroll;position:relative;scrollbar-width:none}.brxe-nav-menu .bricks-mobile-menu::-webkit-scrollbar{background:transparent;height:0;width:0}.brxe-nav-menu .bricks-mobile-menu>li>.brx-submenu-toggle>*,.brxe-nav-menu .bricks-mobile-menu>li>a{padding:0 30px}.brxe-nav-menu .bricks-mobile-menu .brx-megamenu{display:none}.brxe-nav-menu .bricks-mobile-menu-overlay{background-color:rgba(0,0,0,.25);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .2s;visibility:hidden;z-index:-1}li.menu-item-has-children [aria-expanded] .menu-item-icon{background-color:transparent;color:inherit;pointer-events:none;transition:inherit}li.menu-item-has-children [aria-expanded] .menu-item-icon i{position:relative;top:2px}li.menu-item-has-children [aria-expanded=false] .open{display:block}li.menu-item-has-children [aria-expanded=false] .close{display:none}li.menu-item-has-children [aria-expanded=true] .close{display:block}li.menu-item-has-children [aria-expanded=true] .open{display:none}.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}.brxe-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1}.brxe-logo img{display:block;height:auto;width:auto}.brxe-logo a{color:currentcolor;display:inline-block}#brxe-yjbfzr {width: 70px}@media (max-width: 991px) {#brxe-yjbfzr {width: 60px}}@media (max-width: 767px) {#brxe-yjbfzr {width: 40px}}#brxe-uuokkj {display: none; font-weight: 600}@media (max-width: 767px) {#brxe-uuokkj {color: #39464b; font-weight: 600; font-size: var(--text-m); text-align: center; display: block; width: 50%}}@media (max-width: 478px) {#brxe-uuokkj {font-size: var(--text-m)}}#brxe-rzvqlg {height: 35px; display: none}@media (max-width: 767px) {#brxe-rzvqlg {width: 30px; display: block}}@media (max-width: 478px) {#brxe-rzvqlg {font-size: 25px}}@media (max-width: 767px) {#brxe-fcwhha .bricks-nav-menu-wrapper { display: none; }#brxe-fcwhha .bricks-mobile-menu-toggle { display: block; }}#brxe-fcwhha .bricks-mobile-menu-wrapper:before {background-color: #fff7e0}#brxe-fcwhha .bricks-mobile-menu > li > a {color: #212121; font-weight: 600}#brxe-fcwhha .bricks-mobile-menu > li > .brx-submenu-toggle > * {color: #212121; font-weight: 600}#brxe-fcwhha .bricks-mobile-menu .sub-menu > li > a {color: #212121; font-weight: 600}#brxe-fcwhha .bricks-mobile-menu .sub-menu > li > .brx-submenu-toggle > * {color: #212121; font-weight: 600}#brxe-fcwhha .bricks-mobile-menu .sub-menu > .menu-item > a {padding-left: 50px}#brxe-fcwhha .bricks-mobile-menu .sub-menu > .menu-item > .brx-submenu-toggle > * {padding-left: 50px}#brxe-fcwhha.show-mobile-menu .bricks-mobile-menu-toggle {color: #212121 !important}#brxe-fcwhha .bricks-mobile-menu-toggle {color: #212121}#brxe-fcwhha .bricks-nav-menu > li > a {font-size: 15px; font-weight: 600; color: #39464b}#brxe-fcwhha .bricks-nav-menu > li > .brx-submenu-toggle > * {font-size: 15px; font-weight: 600; color: #39464b}#brxe-fcwhha .bricks-nav-menu .sub-menu > li > a {font-size: 15px; color: #bf9e3b; font-weight: 600}#brxe-fcwhha .bricks-nav-menu .sub-menu > li > .brx-submenu-toggle > * {font-size: 15px; color: #bf9e3b; font-weight: 600}#brxe-fcwhha .bricks-nav-menu .sub-menu .menu-item {background-color: #fff7e0}#brxe-fcwhha .bricks-nav-menu .sub-menu > .current-menu-item > a {background-color: #f5f5f5}#brxe-fcwhha .bricks-nav-menu .sub-menu > .current-menu-item > .brx-submenu-toggle {background-color: #f5f5f5}#brxe-fcwhha .bricks-nav-menu .sub-menu > .current-menu-ancestor > a {background-color: #f5f5f5}#brxe-fcwhha .bricks-nav-menu .sub-menu > .current-menu-ancestor > .brx-submenu-toggle {background-color: #f5f5f5}#brxe-fcwhha .bricks-nav-menu .sub-menu > li {border-color: #bf9e3b}#brxe-fcwhha .bricks-nav-menu .current-menu-item > a {color: #d09901}#brxe-fcwhha .bricks-nav-menu .current-menu-item > .brx-submenu-toggle > * {color: #d09901}#brxe-fcwhha .bricks-nav-menu > .current-menu-parent > a {color: #d09901}#brxe-fcwhha .bricks-nav-menu > .current-menu-parent > .brx-submenu-toggle > * {color: #d09901}#brxe-fcwhha .bricks-nav-menu > .current-menu-ancestor > a {color: #d09901}#brxe-fcwhha .bricks-nav-menu > .current-menu-ancestor > .brx-submenu-toggle > * {color: #d09901}#brxe-fcwhha .bricks-mobile-menu-wrapper {width: 400px}#brxe-fcwhha .bricks-nav-menu .sub-menu a {padding-right: 10px; padding-left: 10px}#brxe-fcwhha .bricks-nav-menu .sub-menu button {padding-right: 10px; padding-left: 10px}#brxe-fcwhha .bricks-nav-menu .sub-menu {border-radius: 10px}#brxe-bibjqh {align-items: center; padding-top: nullnull}@media (max-width: 767px) {#brxe-bibjqh {display: none}}#brxe-nlrzxl {align-self: center !important; align-items: center; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: row; justify-content: space-between; border-radius: 0 0 8px 8px; box-shadow: 0 10px 20px 0 rgba(45, 64, 83, 0.1); height: 90px; background-color: #ffffff; margin-right: var(--space-s); margin-left: var(--space-s); width: 80%}@media (max-width: 991px) {#brxe-nlrzxl {max-width: 90%}}@media (max-width: 767px) {#brxe-nlrzxl {flex-direction: row; width: 70%}}@media (max-width: 478px) {#brxe-nlrzxl {padding-right: 20px; max-width: 100%; margin-right: 0; margin-left: 0; flex-direction: row; width: 80%}}#brxe-wpjzmp {min-width: 100%; z-index: 999; align-items: center; align-self: center !important; display: flex; padding-top: 0; padding-bottom: 0}#brxe-mtvrth .bu-menu-item-text {flex-grow: 1; transition-duration: 0.4s}#brxe-mtvrth svg {height: 30px}#brxe-mtvrth .bu-menu-items-arrow {width: 50px; transition-duration: 0.4s}#brxe-mtvrth .bu-menu-items-arrow::before {transform: rotate(0deg)}#brxe-mtvrth .bu-menu-items-arrow.acrd-menu-open::before {transform: rotate(45deg)}#brxe-mtvrth .menu-item a {transition-duration: 0.4s}#brxe-mtvrth {--menu-item-translatex: 10px}#brxe-mtvrth .bu-acrd-menu-title {font-weight: 600}@media (max-width: 767px) {#brxe-mtvrth .bu-acrd-menu-title {font-weight: 600}}#brxe-aokiao .x-offcanvas_inner {width: 300px}:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{overflow:hidden;position:relative}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute!important;text-align:center;width:100%;z-index:1}#brxe-yzzbpn {transform: none; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 60px}#brxe-yzzbpn img {transform: none}@media (max-width: 478px) {#brxe-yzzbpn {width: 40px}}#brxe-hxobvd {margin-bottom: px; font-weight: 600}@media (max-width: 478px) {#brxe-hxobvd {font-size: 23px}}#brxe-gpibhg {max-width: %; width: 300px; background-color: rgba(250, 250, 250, 0.7); align-items: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04); border-radius: 5px}@media (max-width: 478px) {#brxe-gpibhg {max-width: 90%; width: 60%}}#brxe-gosvpc {min-width: 100%; max-width: 100%; flex-direction: row; width: %; background-image: url(http://53315599.com/wp-content/uploads/2022/08/保健管理月促進-banner-1024x341.png); background-size: cover; background-position: center center; height: 300px; position: relative; align-self: center !important; align-items: center; justify-content: center}:where(#brxe-gosvpc > *) {position: relative}#brxe-gosvpc::before {background-image: linear-gradient(rgba(33, 33, 33, 0.43), rgba(33, 33, 33, 0.43)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}@media (max-width: 991px) {#brxe-gosvpc {height: 250px}}@media (max-width: 767px) {#brxe-gosvpc {height: 200px}}@media (max-width: 478px) {#brxe-gosvpc {height: 160px}}#brxe-bgsqyq {flex-direction: row; column-gap: 10px; align-items: center; justify-content: center; margin-bottom: 20px}#brxe-nuaxdd {padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; background-color: rgba(255, 255, 255, 0.8); max-width: 75%}@media (max-width: 991px) {#brxe-nuaxdd {max-width: 90%}}@media (max-width: 767px) {#brxe-nuaxdd {max-width: 95%}}#brxe-fkopax {padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; background-image: linear-gradient(rgba(240, 204, 96, 0.7), #ffffff); align-items: center; min-width: 100%}@media (max-width: 478px) {#brxe-fkopax {padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px}}#brxe-bbmzjv {transform: none; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 180px}#brxe-bbmzjv img {transform: none}#brxe-ozoken {align-items: center}@media (max-width: 767px) {#brxe-ozoken {width: 150px}}#brxe-tyzpil {transform: none; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 100px}#brxe-tyzpil img {transform: none}#brxe-lhrnrb {align-items: center}@media (max-width: 767px) {#brxe-lhrnrb {width: 150px}}#brxe-rjxjep {transform: none; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 50px}#brxe-rjxjep img {transform: none}#brxe-eshxjz {align-items: center}@media (max-width: 767px) {#brxe-eshxjz {width: 80px}}#brxe-zawxrx {transform: none; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 180px}#brxe-zawxrx img {transform: none}#brxe-yimrze {align-items: center}@media (max-width: 767px) {#brxe-yimrze {width: 150px}}@media (max-width: 478px) {#brxe-yimrze {width: 200px}}#brxe-eajinp {transform: none; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 180px}#brxe-eajinp img {transform: none}#brxe-eioumy {align-items: center}@media (max-width: 767px) {#brxe-eioumy {width: 150px}}@media (max-width: 478px) {#brxe-eioumy {width: 200px}}#brxe-zgqfth {flex-direction: row; align-self: center !important; align-items: center; padding-top: 10px; padding-bottom: 10px}@media (max-width: 767px) {#brxe-zgqfth {flex-direction: row; justify-content: center}}.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}:where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}#brxe-nykxet {margin-top: 10px; margin-bottom: 10px; font-weight: 600}#brxe-inzkxq {align-items: center}#brxe-rgchjl {margin-top: 20px; text-align: center; font-weight: 600}#brxe-agznte {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; align-self: center !important; align-items: center; width: 33%}@media (max-width: 478px) {#brxe-agznte {width: 100%}}#brxe-fhigzu {margin-top: 10px; margin-bottom: 10px; font-weight: 600}#brxe-sottob {border-width: 1px; border-color: #7a5c00; margin-top: 20px}#brxe-pbqpyh {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-right: 1px solid #a37a00; border-left: 1px solid #a37a00; width: 33%; flex-direction: column; align-items: center}@media (max-width: 767px) {#brxe-pbqpyh {border: 0; border-style: none}}@media (max-width: 478px) {#brxe-pbqpyh {border: 0; border-style: none; width: 100%}}#brxe-qmxrbh {margin-top: 10px; margin-bottom: 10px; font-weight: 600}#brxe-mttsru {text-align: center; font-size: 18px; margin-top: 20px}#brxe-rbzzmh {text-align: center; font-size: 18px}#brxe-lqnjfh {text-align: center; font-size: 18px}#brxe-ceffzb {align-self: center !important; align-items: center; font-weight: 600}#brxe-dtzckn {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 33%; flex-direction: column; align-items: center}@media (max-width: 478px) {#brxe-dtzckn {width: 100%}}#brxe-yxymlr {flex-direction: row; display: flex; align-items: flex-start; padding-bottom: 10px; width: 100%}@media (max-width: 991px) {#brxe-yxymlr {max-width: 95%}}@media (max-width: 478px) {#brxe-yxymlr {max-width: 100%; flex-direction: column}}#brxe-lcecor {background-color: #fff7e0; min-width: 100%; align-self: center !important; align-items: center}@media (max-width: 991px) {#brxe-lcecor {padding-bottom: 10px}}:root { --x-offcanvas-duration: 300ms; } .x-offcanvas_inner { background: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; height: 100vh; max-width: 100%; width: 300px; overflow-x: hidden; top: 0; left: 0; padding: 30px; z-index: 1000; pointer-events: auto; display: none; } .x-offcanvas_ready { -webkit-transition: -webkit-transform var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1),box-shadow var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1); transition: transform var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1),box-shadow var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1),opacity var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1); -o-transition: -o-transform var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1),box-shadow var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1); display: -webkit-box; display: -ms-flexbox; display: flex; } .x-offcanvas_backdrop { background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1); -o-transition: all var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1); transition: all var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1); pointer-events: auto; z-index: 1000; display: none; } .x-offcanvas_ready + .x-offcanvas_backdrop { display: block; } .x-offcanvas_inner { z-index: 1001; } .x-offcanvas_inner[aria-hidden="false"] + .x-offcanvas_backdrop { opacity: 1; visibility: visible; } .x-offcanvas_inner.x-offcanvas_left { left: 0; right: auto; height: 100vh!important; } .x-offcanvas_inner.x-offcanvas_left[aria-hidden="true"] { transform: translateX(-100%); -webkit-transform: translateX(-100%); } .x-offcanvas_inner.x-offcanvas_right { right: 0; left: auto; height: 100vh!important; } .x-offcanvas_inner.x-offcanvas_right[aria-hidden="true"] { transform: translateX(100%); -webkit-transform: translateX(100%); } .x-offcanvas_inner.x-offcanvas_top { top: 0; bottom: auto; right: 0; left: 0; width: 100%!important; } .x-offcanvas_inner.x-offcanvas_top[aria-hidden="true"] { transform: translateY(-100%); -webkit-transform: translateY(-100%); } .x-offcanvas_inner.x-offcanvas_bottom { top: auto; bottom: 0; right: 0; left: 0; width: 100%!important; } .x-offcanvas_inner.x-offcanvas_bottom[aria-hidden="true"] { transform: translateY(100%); -webkit-transform: translateY(100%); } body.admin-bar .x-offcanvas_backdrop { margin-top: var(--wp-admin--admin-bar--height); } body.bricks-is-frontend .x-offcanvas_inner:focus { outline: none; } .admin-bar .x-offcanvas_inner { margin-top: var(--wp-admin--admin-bar--height); } .x-offcanvas_inner > div { max-width: 100%; } html[class*="x-offcanvas_prevent-scroll"], html[class*="x-offcanvas_prevent-scroll"] > body { overflow: hidden; } .x-offcanvas_inner[aria-hidden="true"][data-type="fade"] { opacity: 0; visibility: hidden; transform: none!important; transition: all var(--x-offcanvas-duration) cubic-bezier(0.77,0,0.175,1) } .x-offcanvas_inner[aria-hidden="false"][data-type="fade"] { opacity: 1; visibility: visible; transform: none!important; } @media (prefers-reduced-motion: reduce) { .x-offcanvas[data-x-offcanvas*=notransition] .x-offcanvas_backdrop, .x-offcanvas[data-x-offcanvas*=notransition] .x-offcanvas_inner { transition: none; } .x-offcanvas[data-x-offcanvas*=fade] .x-offcanvas_inner[aria-hidden="true"] { opacity: 0; visibility: hidden; transform: none!important; } .x-offcanvas[data-x-offcanvas*=fade].x-offcanvas_inner[aria-hidden="false"] { opacity: 1; visibility: visible; transform: none!important; } } @supports (padding-top: env(safe-area-inset-top)) { .x-offcanvas_inner.x-offcanvas_left { --safe-area-inset-bottom: env(safe-area-inset-bottom); height: calc(100% + var(--safe-area-inset-bottom))!important; } .x-offcanvas_inner.x-offcanvas_right { --safe-area-inset-bottom: env(safe-area-inset-bottom); height: calc(100% + var(--safe-area-inset-bottom))!important; } } .admin-bar .x-offcanvas_inner.x-offcanvas_left { left: 0; right: auto; height: auto!important; bottom: 0; } .admin-bar .x-offcanvas_inner.x-offcanvas_right { right: 0; left: auto; height: auto!important; bottom: 0; } /* builder */ component.x-offcanvas, .x-offcanvas[data-id] { transform: none!important; } component.x-offcanvas.is-empty { min-width: 0; min-height: 0; } component > .x-offcanvas_inner, .x-offcanvas[data-id] .x-offcanvas_inner { display: flex; } component > .x-offcanvas_backdrop, .x-offcanvas[data-id] .x-offcanvas_backdrop { display: block; } .brx-body.iframe .x-offcanvas_inner { transform: none; } .brx-body.iframe div[data-x-offcanvas]:not([data-id]) { display: none; } .brx-body.iframe .x-offcanvas > div:nth-child(3) { display: none; } .brx-body.iframe .x-offcanvas_backdrop { opacity: 1; visibility: visible; } /* File: automatic-bricks.css - Version: 2.8.1 - Generated: 2024-03-01 17:05:57 */ body.bricks-is-frontend :focus-visible { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } @supports not selector(:focus-visible) { body.bricks-is-frontend :focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } } body.bricks-is-frontend *:focus.focus--action { --focus-color: var(--action); } body.bricks-is-frontend .focus--action *:focus, body.bricks-is-frontend .focus--action:focus-within { --focus-color: var(--action); } body.bricks-is-frontend *:focus.focus--action-hover { --focus-color: var(--action-hover); } body.bricks-is-frontend .focus--action-hover *:focus, body.bricks-is-frontend .focus--action-hover:focus-within { --focus-color: var(--action-hover); } body.bricks-is-frontend *:focus.focus--action-ultra-light { --focus-color: var(--action-ultra-light); } body.bricks-is-frontend .focus--action-ultra-light *:focus, body.bricks-is-frontend .focus--action-ultra-light:focus-within { --focus-color: var(--action-ultra-light); } body.bricks-is-frontend *:focus.focus--action-light { --focus-color: var(--action-light); } body.bricks-is-frontend .focus--action-light *:focus, body.bricks-is-frontend .focus--action-light:focus-within { --focus-color: var(--action-light); } body.bricks-is-frontend *:focus.focus--action-medium { --focus-color: var(--action-medium); } body.bricks-is-frontend .focus--action-medium *:focus, body.bricks-is-frontend .focus--action-medium:focus-within { --focus-color: var(--action-medium); } body.bricks-is-frontend *:focus.focus--action-dark { --focus-color: var(--action-dark); } body.bricks-is-frontend .focus--action-dark *:focus, body.bricks-is-frontend .focus--action-dark:focus-within { --focus-color: var(--action-dark); } body.bricks-is-frontend *:focus.focus--action-ultra-dark { --focus-color: var(--action-ultra-dark); } body.bricks-is-frontend .focus--action-ultra-dark *:focus, body.bricks-is-frontend .focus--action-ultra-dark:focus-within { --focus-color: var(--action-ultra-dark); } body.bricks-is-frontend *:focus.focus--action-comp { --focus-color: var(--action-comp); } body.bricks-is-frontend .focus--action-comp *:focus, body.bricks-is-frontend .focus--action-comp:focus-within { --focus-color: var(--action-comp); } body.bricks-is-frontend *:focus.focus--primary { --focus-color: var(--primary); } body.bricks-is-frontend .focus--primary *:focus, body.bricks-is-frontend .focus--primary:focus-within { --focus-color: var(--primary); } body.bricks-is-frontend *:focus.focus--primary-hover { --focus-color: var(--primary-hover); } body.bricks-is-frontend .focus--primary-hover *:focus, body.bricks-is-frontend .focus--primary-hover:focus-within { --focus-color: var(--primary-hover); } body.bricks-is-frontend *:focus.focus--primary-ultra-light { --focus-color: var(--primary-ultra-light); } body.bricks-is-frontend .focus--primary-ultra-light *:focus, body.bricks-is-frontend .focus--primary-ultra-light:focus-within { --focus-color: var(--primary-ultra-light); } body.bricks-is-frontend *:focus.focus--primary-light { --focus-color: var(--primary-light); } body.bricks-is-frontend .focus--primary-light *:focus, body.bricks-is-frontend .focus--primary-light:focus-within { --focus-color: var(--primary-light); } body.bricks-is-frontend *:focus.focus--primary-medium { --focus-color: var(--primary-medium); } body.bricks-is-frontend .focus--primary-medium *:focus, body.bricks-is-frontend .focus--primary-medium:focus-within { --focus-color: var(--primary-medium); } body.bricks-is-frontend *:focus.focus--primary-dark { --focus-color: var(--primary-dark); } body.bricks-is-frontend .focus--primary-dark *:focus, body.bricks-is-frontend .focus--primary-dark:focus-within { --focus-color: var(--primary-dark); } body.bricks-is-frontend *:focus.focus--primary-ultra-dark { --focus-color: var(--primary-ultra-dark); } body.bricks-is-frontend .focus--primary-ultra-dark *:focus, body.bricks-is-frontend .focus--primary-ultra-dark:focus-within { --focus-color: var(--primary-ultra-dark); } body.bricks-is-frontend *:focus.focus--primary-comp { --focus-color: var(--primary-comp); } body.bricks-is-frontend .focus--primary-comp *:focus, body.bricks-is-frontend .focus--primary-comp:focus-within { --focus-color: var(--primary-comp); } body.bricks-is-frontend *:focus.focus--secondary { --focus-color: var(--secondary); } body.bricks-is-frontend .focus--secondary *:focus, body.bricks-is-frontend .focus--secondary:focus-within { --focus-color: var(--secondary); } body.bricks-is-frontend *:focus.focus--secondary-hover { --focus-color: var(--secondary-hover); } body.bricks-is-frontend .focus--secondary-hover *:focus, body.bricks-is-frontend .focus--secondary-hover:focus-within { --focus-color: var(--secondary-hover); } body.bricks-is-frontend *:focus.focus--secondary-ultra-light { --focus-color: var(--secondary-ultra-light); } body.bricks-is-frontend .focus--secondary-ultra-light *:focus, body.bricks-is-frontend .focus--secondary-ultra-light:focus-within { --focus-color: var(--secondary-ultra-light); } body.bricks-is-frontend *:focus.focus--secondary-light { --focus-color: var(--secondary-light); } body.bricks-is-frontend .focus--secondary-light *:focus, body.bricks-is-frontend .focus--secondary-light:focus-within { --focus-color: var(--secondary-light); } body.bricks-is-frontend *:focus.focus--secondary-medium { --focus-color: var(--secondary-medium); } body.bricks-is-frontend .focus--secondary-medium *:focus, body.bricks-is-frontend .focus--secondary-medium:focus-within { --focus-color: var(--secondary-medium); } body.bricks-is-frontend *:focus.focus--secondary-dark { --focus-color: var(--secondary-dark); } body.bricks-is-frontend .focus--secondary-dark *:focus, body.bricks-is-frontend .focus--secondary-dark:focus-within { --focus-color: var(--secondary-dark); } body.bricks-is-frontend *:focus.focus--secondary-ultra-dark { --focus-color: var(--secondary-ultra-dark); } body.bricks-is-frontend .focus--secondary-ultra-dark *:focus, body.bricks-is-frontend .focus--secondary-ultra-dark:focus-within { --focus-color: var(--secondary-ultra-dark); } body.bricks-is-frontend *:focus.focus--secondary-comp { --focus-color: var(--secondary-comp); } body.bricks-is-frontend .focus--secondary-comp *:focus, body.bricks-is-frontend .focus--secondary-comp:focus-within { --focus-color: var(--secondary-comp); } body.bricks-is-frontend *:focus.focus--accent { --focus-color: var(--accent); } body.bricks-is-frontend .focus--accent *:focus, body.bricks-is-frontend .focus--accent:focus-within { --focus-color: var(--accent); } body.bricks-is-frontend *:focus.focus--accent-hover { --focus-color: var(--accent-hover); } body.bricks-is-frontend .focus--accent-hover *:focus, body.bricks-is-frontend .focus--accent-hover:focus-within { --focus-color: var(--accent-hover); } body.bricks-is-frontend *:focus.focus--accent-ultra-light { --focus-color: var(--accent-ultra-light); } body.bricks-is-frontend .focus--accent-ultra-light *:focus, body.bricks-is-frontend .focus--accent-ultra-light:focus-within { --focus-color: var(--accent-ultra-light); } body.bricks-is-frontend *:focus.focus--accent-light { --focus-color: var(--accent-light); } body.bricks-is-frontend .focus--accent-light *:focus, body.bricks-is-frontend .focus--accent-light:focus-within { --focus-color: var(--accent-light); } body.bricks-is-frontend *:focus.focus--accent-medium { --focus-color: var(--accent-medium); } body.bricks-is-frontend .focus--accent-medium *:focus, body.bricks-is-frontend .focus--accent-medium:focus-within { --focus-color: var(--accent-medium); } body.bricks-is-frontend *:focus.focus--accent-dark { --focus-color: var(--accent-dark); } body.bricks-is-frontend .focus--accent-dark *:focus, body.bricks-is-frontend .focus--accent-dark:focus-within { --focus-color: var(--accent-dark); } body.bricks-is-frontend *:focus.focus--accent-ultra-dark { --focus-color: var(--accent-ultra-dark); } body.bricks-is-frontend .focus--accent-ultra-dark *:focus, body.bricks-is-frontend .focus--accent-ultra-dark:focus-within { --focus-color: var(--accent-ultra-dark); } body.bricks-is-frontend *:focus.focus--accent-comp { --focus-color: var(--accent-comp); } body.bricks-is-frontend .focus--accent-comp *:focus, body.bricks-is-frontend .focus--accent-comp:focus-within { --focus-color: var(--accent-comp); } body.bricks-is-frontend *:focus.focus--base { --focus-color: var(--base); } body.bricks-is-frontend .focus--base *:focus, body.bricks-is-frontend .focus--base:focus-within { --focus-color: var(--base); } body.bricks-is-frontend *:focus.focus--base-hover { --focus-color: var(--base-hover); } body.bricks-is-frontend .focus--base-hover *:focus, body.bricks-is-frontend .focus--base-hover:focus-within { --focus-color: var(--base-hover); } body.bricks-is-frontend *:focus.focus--base-ultra-light { --focus-color: var(--base-ultra-light); } body.bricks-is-frontend .focus--base-ultra-light *:focus, body.bricks-is-frontend .focus--base-ultra-light:focus-within { --focus-color: var(--base-ultra-light); } body.bricks-is-frontend *:focus.focus--base-light { --focus-color: var(--base-light); } body.bricks-is-frontend .focus--base-light *:focus, body.bricks-is-frontend .focus--base-light:focus-within { --focus-color: var(--base-light); } body.bricks-is-frontend *:focus.focus--base-medium { --focus-color: var(--base-medium); } body.bricks-is-frontend .focus--base-medium *:focus, body.bricks-is-frontend .focus--base-medium:focus-within { --focus-color: var(--base-medium); } body.bricks-is-frontend *:focus.focus--base-dark { --focus-color: var(--base-dark); } body.bricks-is-frontend .focus--base-dark *:focus, body.bricks-is-frontend .focus--base-dark:focus-within { --focus-color: var(--base-dark); } body.bricks-is-frontend *:focus.focus--base-ultra-dark { --focus-color: var(--base-ultra-dark); } body.bricks-is-frontend .focus--base-ultra-dark *:focus, body.bricks-is-frontend .focus--base-ultra-dark:focus-within { --focus-color: var(--base-ultra-dark); } body.bricks-is-frontend *:focus.focus--base-comp { --focus-color: var(--base-comp); } body.bricks-is-frontend .focus--base-comp *:focus, body.bricks-is-frontend .focus--base-comp:focus-within { --focus-color: var(--base-comp); } body.bricks-is-frontend *:focus.focus--shade { --focus-color: var(--shade); } body.bricks-is-frontend .focus--shade *:focus, body.bricks-is-frontend .focus--shade:focus-within { --focus-color: var(--shade); } body.bricks-is-frontend *:focus.focus--shade-hover { --focus-color: var(--shade-hover); } body.bricks-is-frontend .focus--shade-hover *:focus, body.bricks-is-frontend .focus--shade-hover:focus-within { --focus-color: var(--shade-hover); } body.bricks-is-frontend *:focus.focus--shade-ultra-light { --focus-color: var(--shade-ultra-light); } body.bricks-is-frontend .focus--shade-ultra-light *:focus, body.bricks-is-frontend .focus--shade-ultra-light:focus-within { --focus-color: var(--shade-ultra-light); } body.bricks-is-frontend *:focus.focus--shade-light { --focus-color: var(--shade-light); } body.bricks-is-frontend .focus--shade-light *:focus, body.bricks-is-frontend .focus--shade-light:focus-within { --focus-color: var(--shade-light); } body.bricks-is-frontend *:focus.focus--shade-medium { --focus-color: var(--shade-medium); } body.bricks-is-frontend .focus--shade-medium *:focus, body.bricks-is-frontend .focus--shade-medium:focus-within { --focus-color: var(--shade-medium); } body.bricks-is-frontend *:focus.focus--shade-dark { --focus-color: var(--shade-dark); } body.bricks-is-frontend .focus--shade-dark *:focus, body.bricks-is-frontend .focus--shade-dark:focus-within { --focus-color: var(--shade-dark); } body.bricks-is-frontend *:focus.focus--shade-ultra-dark { --focus-color: var(--shade-ultra-dark); } body.bricks-is-frontend .focus--shade-ultra-dark *:focus, body.bricks-is-frontend .focus--shade-ultra-dark:focus-within { --focus-color: var(--shade-ultra-dark); } body.bricks-is-frontend *:focus.focus--shade-comp { --focus-color: var(--shade-comp); } body.bricks-is-frontend .focus--shade-comp *:focus, body.bricks-is-frontend .focus--shade-comp:focus-within { --focus-color: var(--shade-comp); } body.bricks-is-frontend *:focus.focus--neutral { --focus-color: var(--neutral); } body.bricks-is-frontend .focus--neutral *:focus, body.bricks-is-frontend .focus--neutral:focus-within { --focus-color: var(--neutral); } body.bricks-is-frontend *:focus.focus--neutral-hover { --focus-color: var(--neutral-hover); } body.bricks-is-frontend .focus--neutral-hover *:focus, body.bricks-is-frontend .focus--neutral-hover:focus-within { --focus-color: var(--neutral-hover); } body.bricks-is-frontend *:focus.focus--neutral-ultra-light { --focus-color: var(--neutral-ultra-light); } body.bricks-is-frontend .focus--neutral-ultra-light *:focus, body.bricks-is-frontend .focus--neutral-ultra-light:focus-within { --focus-color: var(--neutral-ultra-light); } body.bricks-is-frontend *:focus.focus--neutral-light { --focus-color: var(--neutral-light); } body.bricks-is-frontend .focus--neutral-light *:focus, body.bricks-is-frontend .focus--neutral-light:focus-within { --focus-color: var(--neutral-light); } body.bricks-is-frontend *:focus.focus--neutral-medium { --focus-color: var(--neutral-medium); } body.bricks-is-frontend .focus--neutral-medium *:focus, body.bricks-is-frontend .focus--neutral-medium:focus-within { --focus-color: var(--neutral-medium); } body.bricks-is-frontend *:focus.focus--neutral-dark { --focus-color: var(--neutral-dark); } body.bricks-is-frontend .focus--neutral-dark *:focus, body.bricks-is-frontend .focus--neutral-dark:focus-within { --focus-color: var(--neutral-dark); } body.bricks-is-frontend *:focus.focus--neutral-ultra-dark { --focus-color: var(--neutral-ultra-dark); } body.bricks-is-frontend .focus--neutral-ultra-dark *:focus, body.bricks-is-frontend .focus--neutral-ultra-dark:focus-within { --focus-color: var(--neutral-ultra-dark); } body.bricks-is-frontend *:focus.focus--neutral-comp { --focus-color: var(--neutral-comp); } body.bricks-is-frontend .focus--neutral-comp *:focus, body.bricks-is-frontend .focus--neutral-comp:focus-within { --focus-color: var(--neutral-comp); } body.bricks-is-frontend *:focus.focus--white { --focus-color: var(--white); } body.bricks-is-frontend .focus--white *:focus, body.bricks-is-frontend .focus--white:focus-within { --focus-color: var(--white); } body.bricks-is-frontend *:focus.focus--black { --focus-color: var(--black); } body.bricks-is-frontend .focus--black *:focus, body.bricks-is-frontend .focus--black:focus-within { --focus-color: var(--black); } .skip-link, .link--skip { position: absolute; inset-block-start: 1rem; inset-inline-start: 1rem; transform: translateY(-250%); padding-block: var(--btn-padding-block); padding-inline: var(--btn-padding-inline); min-inline-size: var(--btn-min-width); line-height: var(--btn-line-height); font-size: var(--text-m); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-decoration: var(--btn-text-decoration); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-border-radius); display: var(--btn-display, inline-flex); text-align: center; justify-content: center; align-items: center; background: var(--btn-background); color: var(--btn-text-color); border-color: var(--btn-border-color); transition: all var(--btn-transition-duration) ease; background: var(--action); color: var(--action-ultra-light); display: inline-flex; } .skip-link:hover, .link--skip:hover { background: var(--btn-background-hover); border-color: var(--btn-border-color-hover); color: var(--btn-text-color-hover); text-decoration: var(--btn-text-decoration-hover); } .skip-link:focus, .link--skip:focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } .skip-link.btn--outline, .link--skip.btn--outline { background: transparent; border-width: var(--btn-outline-border-width); color: var(--btn-outline-text-color); } .skip-link.btn--outline:hover, .link--skip.btn--outline:hover { background: var(--btn-outline-background-hover); color: var(--btn-outline-text-color-hover); border-color: var(--btn-outline-border-hover); } .skip-link:focus, .link--skip:focus { transform: translateY(0); } .skip-link:hover, .link--skip:hover { background-color: var(--action-hover); color: var(--action-ultra-light); } .bricks-area .hidden-accessible { position: relative !important; inline-size: 2ch !important; block-size: 2ch !important; margin: 0; line-height: 1; visibility: hidden; } .bricks-area .hidden-accessible::before { content: "A"; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; background: #111; color: #f5f5f5; font-size: max(60%, 13px); padding: 0.5em; inset-block-start: 0; inset-inline-start: 0; inline-size: 20px; block-size: 20px; visibility: visible; border-radius: 50%; } .clickable-parent:not(a) { position: static; } .clickable-parent:not(a) a { position: static; } .clickable-parent:not(a) > a::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; } button.clickable-parent, a.clickable-parent { position: static !important; } button.clickable-parent::after, a.clickable-parent::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; } .bricks-area a.clickable-parent::after, .bricks-area .clickable-parent > a::after { content: ""; position: relative; } body { color: var(--body-color, var(--black)); background-color: var(--body-bg-color, var(--white)); } body { font-size: var(--text-m); line-height: var(--text-m-lh); } h1 { font-size: var(--h1); line-height: var(--h1-lh); color: var(--h1-color, var(--heading-color)); } h2 { font-size: var(--h2); line-height: var(--h2-lh); color: var(--h2-color, var(--heading-color)); } h3 { font-size: var(--h3); line-height: var(--h3-lh); color: var(--h3-color, var(--heading-color)); } h4 { font-size: var(--h4); line-height: var(--h4-lh); color: var(--h4-color, var(--heading-color)); } h5 { font-size: var(--h5); line-height: var(--h5-lh); color: var(--h5-color, var(--heading-color)); } h6 { font-size: var(--h6); line-height: var(--h6-lh); color: var(--h6-color, var(--heading-color)); } p { max-inline-size: var(--text-m-length, 100%); } body a { color: var(--link-color, var(--primary)); font-weight: var(--link-weight, 400); -webkit-text-decoration: var(--link-decoration, none); text-decoration: var(--link-decoration, none); text-underline-offset: var(--link-underline-offset, 0); } body a:hover { color: var(--link-color-hover, var(--primary-hover)); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: inherit; color: currentcolor; text-underline-offset: var(--link-underline-offset, 0); } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: currentcolor; } body:where(.bricks-is-frontend), body:where(:not(.bricks-is-frontend)) { color: var(--body-color, var(--black)); } .btn--action, .btn--primary, .btn--secondary, .btn--accent, .btn--base, .btn--black, .btn--white { padding-block: var(--btn-padding-block); padding-inline: var(--btn-padding-inline); min-inline-size: var(--btn-min-width); line-height: var(--btn-line-height); font-size: var(--text-m); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-decoration: var(--btn-text-decoration); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-border-radius); display: var(--btn-display, inline-flex); text-align: center; justify-content: center; align-items: center; background: var(--btn-background); color: var(--btn-text-color); border-color: var(--btn-border-color); transition: all var(--btn-transition-duration) ease; } .btn--action:hover, .btn--primary:hover, .btn--secondary:hover, .btn--accent:hover, .btn--base:hover, .btn--black:hover, .btn--white:hover { background: var(--btn-background-hover); border-color: var(--btn-border-color-hover); color: var(--btn-text-color-hover); text-decoration: var(--btn-text-decoration-hover); } .btn--action:focus, .btn--primary:focus, .btn--secondary:focus, .btn--accent:focus, .btn--base:focus, .btn--black:focus, .btn--white:focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } .btn--action.btn--outline, .btn--primary.btn--outline, .btn--secondary.btn--outline, .btn--accent.btn--outline, .btn--base.btn--outline, .btn--black.btn--outline, .btn--white.btn--outline { background: transparent; border-width: var(--btn-outline-border-width); color: var(--btn-outline-text-color); } .btn--action.btn--outline:hover, .btn--primary.btn--outline:hover, .btn--secondary.btn--outline:hover, .btn--accent.btn--outline:hover, .btn--base.btn--outline:hover, .btn--black.btn--outline:hover, .btn--white.btn--outline:hover { background: var(--btn-outline-background-hover); color: var(--btn-outline-text-color-hover); border-color: var(--btn-outline-border-hover); } .btn--action { --btn-background: var(--action); --btn-background-hover: var(--action-hover); --btn-text-color: var(--action-ultra-light); --btn-text-color-hover: var(--action-ultra-light); --btn-border-color: var(--action); --btn-border-color-hover: var(--action-hover); --btn-outline-background-hover: var(--action-hover); --btn-outline-border-hover: var(--action-hover); --btn-outline-text-color: var(--action); --btn-outline-text-color-hover: var(--action-ultra-light); --focus-color: var(--action-dark); } .btn--primary { --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --btn-outline-background-hover: var(--primary-hover); --btn-outline-border-hover: var(--primary-hover); --btn-outline-text-color: var(--primary); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--primary-dark); } .btn--secondary { --btn-background: var(--secondary); --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--secondary-ultra-light); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-color: var(--secondary); --btn-border-color-hover: var(--secondary-hover); --btn-outline-background-hover: var(--secondary-hover); --btn-outline-border-hover: var(--secondary-hover); --btn-outline-text-color: var(--secondary); --btn-outline-text-color-hover: var(--secondary-ultra-light); --focus-color: var(--secondary-dark); } .btn--accent { --btn-background: var(--accent); --btn-background-hover: var(--accent-hover); --btn-text-color: var(--accent-ultra-light); --btn-text-color-hover: var(--accent-ultra-light); --btn-border-color: var(--accent); --btn-border-color-hover: var(--accent-hover); --btn-outline-background-hover: var(--accent-hover); --btn-outline-border-hover: var(--accent-hover); --btn-outline-text-color: var(--accent); --btn-outline-text-color-hover: var(--accent-ultra-light); --focus-color: var(--accent-dark); } .btn--base { --btn-background: var(--base); --btn-background-hover: var(--base-hover); --btn-text-color: var(--base-ultra-light); --btn-text-color-hover: var(--base-ultra-light); --btn-border-color: var(--base); --btn-border-color-hover: var(--base-hover); --btn-outline-background-hover: var(--base-hover); --btn-outline-border-hover: var(--base-hover); --btn-outline-text-color: var(--base); --btn-outline-text-color-hover: var(--base-ultra-light); --focus-color: var(--base-dark); } .btn--black { --btn-background: var(--shade-black); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-black); --btn-border-color-hover: var(--shade-white); --btn-outline-background-hover: var(--white); --btn-outline-border-hover: var(--white); --btn-outline-text-color: var(--shade-black); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--action); } .btn--white { --btn-background: var(--shade-white); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--shade-black); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-white); --btn-border-color-hover: var(--shade-black); --btn-outline-background-hover: var(--white); --btn-outline-border-hover: var(--white); --btn-outline-text-color: var(--shade-white); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--action); } .btn--xs { font-size: var(--text-xs); } .btn--s { font-size: var(--text-s); } .btn--m { font-size: var(--text-m); } .btn--l { font-size: var(--text-l); } .btn--xl { font-size: var(--text-xl); } .btn--xxl { font-size: var(--text-xxl); } .btn--clear { background: none; border: none; } .flex-grid--1:not(.brxe-container), .brxe-container.flex-grid--1 { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--1:not(.brxe-container) > *, .brxe-container.flex-grid--1 > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--2:not(.brxe-container), .brxe-container.flex-grid--2 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--2:not(.brxe-container).gap--xs, .brxe-container.flex-grid--2.gap--xs { --gap: var(--space-xs); } .flex-grid--2:not(.brxe-container).gap--s, .brxe-container.flex-grid--2.gap--s { --gap: var(--space-s); } .flex-grid--2:not(.brxe-container).gap--m, .brxe-container.flex-grid--2.gap--m { --gap: var(--space-m); } .flex-grid--2:not(.brxe-container).gap--l, .brxe-container.flex-grid--2.gap--l { --gap: var(--space-l); } .flex-grid--2:not(.brxe-container).gap--xl, .brxe-container.flex-grid--2.gap--xl { --gap: var(--space-xl); } .flex-grid--2:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--2.gap--xxl { --gap: var(--space-xxl); } .flex-grid--2:not(.brxe-container) > *, .brxe-container.flex-grid--2 > * { flex-basis: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--3:not(.brxe-container), .brxe-container.flex-grid--3 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--3:not(.brxe-container).gap--xs, .brxe-container.flex-grid--3.gap--xs { --gap: var(--space-xs); } .flex-grid--3:not(.brxe-container).gap--s, .brxe-container.flex-grid--3.gap--s { --gap: var(--space-s); } .flex-grid--3:not(.brxe-container).gap--m, .brxe-container.flex-grid--3.gap--m { --gap: var(--space-m); } .flex-grid--3:not(.brxe-container).gap--l, .brxe-container.flex-grid--3.gap--l { --gap: var(--space-l); } .flex-grid--3:not(.brxe-container).gap--xl, .brxe-container.flex-grid--3.gap--xl { --gap: var(--space-xl); } .flex-grid--3:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--3.gap--xxl { --gap: var(--space-xxl); } .flex-grid--3:not(.brxe-container) > *, .brxe-container.flex-grid--3 > * { flex-basis: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--4:not(.brxe-container), .brxe-container.flex-grid--4 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--4:not(.brxe-container).gap--xs, .brxe-container.flex-grid--4.gap--xs { --gap: var(--space-xs); } .flex-grid--4:not(.brxe-container).gap--s, .brxe-container.flex-grid--4.gap--s { --gap: var(--space-s); } .flex-grid--4:not(.brxe-container).gap--m, .brxe-container.flex-grid--4.gap--m { --gap: var(--space-m); } .flex-grid--4:not(.brxe-container).gap--l, .brxe-container.flex-grid--4.gap--l { --gap: var(--space-l); } .flex-grid--4:not(.brxe-container).gap--xl, .brxe-container.flex-grid--4.gap--xl { --gap: var(--space-xl); } .flex-grid--4:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--4.gap--xxl { --gap: var(--space-xxl); } .flex-grid--4:not(.brxe-container) > *, .brxe-container.flex-grid--4 > * { flex-basis: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--5:not(.brxe-container), .brxe-container.flex-grid--5 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--5:not(.brxe-container).gap--xs, .brxe-container.flex-grid--5.gap--xs { --gap: var(--space-xs); } .flex-grid--5:not(.brxe-container).gap--s, .brxe-container.flex-grid--5.gap--s { --gap: var(--space-s); } .flex-grid--5:not(.brxe-container).gap--m, .brxe-container.flex-grid--5.gap--m { --gap: var(--space-m); } .flex-grid--5:not(.brxe-container).gap--l, .brxe-container.flex-grid--5.gap--l { --gap: var(--space-l); } .flex-grid--5:not(.brxe-container).gap--xl, .brxe-container.flex-grid--5.gap--xl { --gap: var(--space-xl); } .flex-grid--5:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--5.gap--xxl { --gap: var(--space-xxl); } .flex-grid--5:not(.brxe-container) > *, .brxe-container.flex-grid--5 > * { flex-basis: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--6:not(.brxe-container), .brxe-container.flex-grid--6 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--6:not(.brxe-container).gap--xs, .brxe-container.flex-grid--6.gap--xs { --gap: var(--space-xs); } .flex-grid--6:not(.brxe-container).gap--s, .brxe-container.flex-grid--6.gap--s { --gap: var(--space-s); } .flex-grid--6:not(.brxe-container).gap--m, .brxe-container.flex-grid--6.gap--m { --gap: var(--space-m); } .flex-grid--6:not(.brxe-container).gap--l, .brxe-container.flex-grid--6.gap--l { --gap: var(--space-l); } .flex-grid--6:not(.brxe-container).gap--xl, .brxe-container.flex-grid--6.gap--xl { --gap: var(--space-xl); } .flex-grid--6:not(.brxe-container).gap--xxl, .brxe-container.flex-grid--6.gap--xxl { --gap: var(--space-xxl); } .flex-grid--6:not(.brxe-container) > *, .brxe-container.flex-grid--6 > * { flex-basis: calc((100% - (var(--gap) * 5)) / 6); } @media (max-width: 1280px) { .flex-grid--xl-1:not(.brxe-container), .brxe-container.flex-grid--xl-1 { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--xl-1:not(.brxe-container) > *, .brxe-container.flex-grid--xl-1 > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--xl-2:not(.brxe-container), .brxe-container.flex-grid--xl-2 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-2:not(.brxe-container).gap--xl-xs, .brxe-container.flex-grid--xl-2.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-2:not(.brxe-container).gap--xl-s, .brxe-container.flex-grid--xl-2.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-2:not(.brxe-container).gap--xl-m, .brxe-container.flex-grid--xl-2.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-2:not(.brxe-container).gap--xl-l, .brxe-container.flex-grid--xl-2.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-2:not(.brxe-container).gap--xl-xl, .brxe-container.flex-grid--xl-2.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-2:not(.brxe-container).gap--xl-xxl, .brxe-container.flex-grid--xl-2.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-2:not(.brxe-container) > *, .brxe-container.flex-grid--xl-2 > * { flex-basis: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--xl-3:not(.brxe-container), .brxe-container.flex-grid--xl-3 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-3:not(.brxe-container).gap--xl-xs, .brxe-container.flex-grid--xl-3.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-3:not(.brxe-container).gap--xl-s, .brxe-container.flex-grid--xl-3.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-3:not(.brxe-container).gap--xl-m, .brxe-container.flex-grid--xl-3.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-3:not(.brxe-container).gap--xl-l, .brxe-container.flex-grid--xl-3.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-3:not(.brxe-container).gap--xl-xl, .brxe-container.flex-grid--xl-3.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-3:not(.brxe-container).gap--xl-xxl, .brxe-container.flex-grid--xl-3.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-3:not(.brxe-container) > *, .brxe-container.flex-grid--xl-3 > * { flex-basis: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--xl-4:not(.brxe-container), .brxe-container.flex-grid--xl-4 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-4:not(.brxe-container).gap--xl-xs, .brxe-container.flex-grid--xl-4.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-4:not(.brxe-container).gap--xl-s, .brxe-container.flex-grid--xl-4.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-4:not(.brxe-container).gap--xl-m, .brxe-container.flex-grid--xl-4.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-4:not(.brxe-container).gap--xl-l, .brxe-container.flex-grid--xl-4.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-4:not(.brxe-container).gap--xl-xl, .brxe-container.flex-grid--xl-4.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-4:not(.brxe-container).gap--xl-xxl, .brxe-container.flex-grid--xl-4.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-4:not(.brxe-container) > *, .brxe-container.flex-grid--xl-4 > * { flex-basis: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--xl-5:not(.brxe-container), .brxe-container.flex-grid--xl-5 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-5:not(.brxe-container).gap--xl-xs, .brxe-container.flex-grid--xl-5.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-5:not(.brxe-container).gap--xl-s, .brxe-container.flex-grid--xl-5.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-5:not(.brxe-container).gap--xl-m, .brxe-container.flex-grid--xl-5.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-5:not(.brxe-container).gap--xl-l, .brxe-container.flex-grid--xl-5.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-5:not(.brxe-container).gap--xl-xl, .brxe-container.flex-grid--xl-5.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-5:not(.brxe-container).gap--xl-xxl, .brxe-container.flex-grid--xl-5.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-5:not(.brxe-container) > *, .brxe-container.flex-grid--xl-5 > * { flex-basis: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--xl-6:not(.brxe-container), .brxe-container.flex-grid--xl-6 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-6:not(.brxe-container).gap--xl-xs, .brxe-container.flex-grid--xl-6.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-6:not(.brxe-container).gap--xl-s, .brxe-container.flex-grid--xl-6.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-6:not(.brxe-container).gap--xl-m, .brxe-container.flex-grid--xl-6.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-6:not(.brxe-container).gap--xl-l, .brxe-container.flex-grid--xl-6.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-6:not(.brxe-container).gap--xl-xl, .brxe-container.flex-grid--xl-6.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-6:not(.brxe-container).gap--xl-xxl, .brxe-container.flex-grid--xl-6.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-6:not(.brxe-container) > *, .brxe-container.flex-grid--xl-6 > * { flex-basis: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 992px) { .flex-grid--l-1:not(.brxe-container), .brxe-container.flex-grid--l-1 { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--l-1:not(.brxe-container) > *, .brxe-container.flex-grid--l-1 > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--l-2:not(.brxe-container), .brxe-container.flex-grid--l-2 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-2:not(.brxe-container).gap--l-xs, .brxe-container.flex-grid--l-2.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-2:not(.brxe-container).gap--l-s, .brxe-container.flex-grid--l-2.gap--l-s { --gap: var(--space-s); } .flex-grid--l-2:not(.brxe-container).gap--l-m, .brxe-container.flex-grid--l-2.gap--l-m { --gap: var(--space-m); } .flex-grid--l-2:not(.brxe-container).gap--l-l, .brxe-container.flex-grid--l-2.gap--l-l { --gap: var(--space-l); } .flex-grid--l-2:not(.brxe-container).gap--l-xl, .brxe-container.flex-grid--l-2.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-2:not(.brxe-container).gap--l-xxl, .brxe-container.flex-grid--l-2.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-2:not(.brxe-container) > *, .brxe-container.flex-grid--l-2 > * { flex-basis: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--l-3:not(.brxe-container), .brxe-container.flex-grid--l-3 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-3:not(.brxe-container).gap--l-xs, .brxe-container.flex-grid--l-3.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-3:not(.brxe-container).gap--l-s, .brxe-container.flex-grid--l-3.gap--l-s { --gap: var(--space-s); } .flex-grid--l-3:not(.brxe-container).gap--l-m, .brxe-container.flex-grid--l-3.gap--l-m { --gap: var(--space-m); } .flex-grid--l-3:not(.brxe-container).gap--l-l, .brxe-container.flex-grid--l-3.gap--l-l { --gap: var(--space-l); } .flex-grid--l-3:not(.brxe-container).gap--l-xl, .brxe-container.flex-grid--l-3.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-3:not(.brxe-container).gap--l-xxl, .brxe-container.flex-grid--l-3.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-3:not(.brxe-container) > *, .brxe-container.flex-grid--l-3 > * { flex-basis: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--l-4:not(.brxe-container), .brxe-container.flex-grid--l-4 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-4:not(.brxe-container).gap--l-xs, .brxe-container.flex-grid--l-4.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-4:not(.brxe-container).gap--l-s, .brxe-container.flex-grid--l-4.gap--l-s { --gap: var(--space-s); } .flex-grid--l-4:not(.brxe-container).gap--l-m, .brxe-container.flex-grid--l-4.gap--l-m { --gap: var(--space-m); } .flex-grid--l-4:not(.brxe-container).gap--l-l, .brxe-container.flex-grid--l-4.gap--l-l { --gap: var(--space-l); } .flex-grid--l-4:not(.brxe-container).gap--l-xl, .brxe-container.flex-grid--l-4.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-4:not(.brxe-container).gap--l-xxl, .brxe-container.flex-grid--l-4.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-4:not(.brxe-container) > *, .brxe-container.flex-grid--l-4 > * { flex-basis: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--l-5:not(.brxe-container), .brxe-container.flex-grid--l-5 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-5:not(.brxe-container).gap--l-xs, .brxe-container.flex-grid--l-5.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-5:not(.brxe-container).gap--l-s, .brxe-container.flex-grid--l-5.gap--l-s { --gap: var(--space-s); } .flex-grid--l-5:not(.brxe-container).gap--l-m, .brxe-container.flex-grid--l-5.gap--l-m { --gap: var(--space-m); } .flex-grid--l-5:not(.brxe-container).gap--l-l, .brxe-container.flex-grid--l-5.gap--l-l { --gap: var(--space-l); } .flex-grid--l-5:not(.brxe-container).gap--l-xl, .brxe-container.flex-grid--l-5.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-5:not(.brxe-container).gap--l-xxl, .brxe-container.flex-grid--l-5.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-5:not(.brxe-container) > *, .brxe-container.flex-grid--l-5 > * { flex-basis: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--l-6:not(.brxe-container), .brxe-container.flex-grid--l-6 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-6:not(.brxe-container).gap--l-xs, .brxe-container.flex-grid--l-6.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-6:not(.brxe-container).gap--l-s, .brxe-container.flex-grid--l-6.gap--l-s { --gap: var(--space-s); } .flex-grid--l-6:not(.brxe-container).gap--l-m, .brxe-container.flex-grid--l-6.gap--l-m { --gap: var(--space-m); } .flex-grid--l-6:not(.brxe-container).gap--l-l, .brxe-container.flex-grid--l-6.gap--l-l { --gap: var(--space-l); } .flex-grid--l-6:not(.brxe-container).gap--l-xl, .brxe-container.flex-grid--l-6.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-6:not(.brxe-container).gap--l-xxl, .brxe-container.flex-grid--l-6.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-6:not(.brxe-container) > *, .brxe-container.flex-grid--l-6 > * { flex-basis: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 768px) { .flex-grid--m-1:not(.brxe-container), .brxe-container.flex-grid--m-1 { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--m-1:not(.brxe-container) > *, .brxe-container.flex-grid--m-1 > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--m-2:not(.brxe-container), .brxe-container.flex-grid--m-2 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-2:not(.brxe-container).gap--m-xs, .brxe-container.flex-grid--m-2.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-2:not(.brxe-container).gap--m-s, .brxe-container.flex-grid--m-2.gap--m-s { --gap: var(--space-s); } .flex-grid--m-2:not(.brxe-container).gap--m-m, .brxe-container.flex-grid--m-2.gap--m-m { --gap: var(--space-m); } .flex-grid--m-2:not(.brxe-container).gap--m-l, .brxe-container.flex-grid--m-2.gap--m-l { --gap: var(--space-l); } .flex-grid--m-2:not(.brxe-container).gap--m-xl, .brxe-container.flex-grid--m-2.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-2:not(.brxe-container).gap--m-xxl, .brxe-container.flex-grid--m-2.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-2:not(.brxe-container) > *, .brxe-container.flex-grid--m-2 > * { flex-basis: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--m-3:not(.brxe-container), .brxe-container.flex-grid--m-3 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-3:not(.brxe-container).gap--m-xs, .brxe-container.flex-grid--m-3.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-3:not(.brxe-container).gap--m-s, .brxe-container.flex-grid--m-3.gap--m-s { --gap: var(--space-s); } .flex-grid--m-3:not(.brxe-container).gap--m-m, .brxe-container.flex-grid--m-3.gap--m-m { --gap: var(--space-m); } .flex-grid--m-3:not(.brxe-container).gap--m-l, .brxe-container.flex-grid--m-3.gap--m-l { --gap: var(--space-l); } .flex-grid--m-3:not(.brxe-container).gap--m-xl, .brxe-container.flex-grid--m-3.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-3:not(.brxe-container).gap--m-xxl, .brxe-container.flex-grid--m-3.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-3:not(.brxe-container) > *, .brxe-container.flex-grid--m-3 > * { flex-basis: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--m-4:not(.brxe-container), .brxe-container.flex-grid--m-4 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-4:not(.brxe-container).gap--m-xs, .brxe-container.flex-grid--m-4.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-4:not(.brxe-container).gap--m-s, .brxe-container.flex-grid--m-4.gap--m-s { --gap: var(--space-s); } .flex-grid--m-4:not(.brxe-container).gap--m-m, .brxe-container.flex-grid--m-4.gap--m-m { --gap: var(--space-m); } .flex-grid--m-4:not(.brxe-container).gap--m-l, .brxe-container.flex-grid--m-4.gap--m-l { --gap: var(--space-l); } .flex-grid--m-4:not(.brxe-container).gap--m-xl, .brxe-container.flex-grid--m-4.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-4:not(.brxe-container).gap--m-xxl, .brxe-container.flex-grid--m-4.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-4:not(.brxe-container) > *, .brxe-container.flex-grid--m-4 > * { flex-basis: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--m-5:not(.brxe-container), .brxe-container.flex-grid--m-5 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-5:not(.brxe-container).gap--m-xs, .brxe-container.flex-grid--m-5.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-5:not(.brxe-container).gap--m-s, .brxe-container.flex-grid--m-5.gap--m-s { --gap: var(--space-s); } .flex-grid--m-5:not(.brxe-container).gap--m-m, .brxe-container.flex-grid--m-5.gap--m-m { --gap: var(--space-m); } .flex-grid--m-5:not(.brxe-container).gap--m-l, .brxe-container.flex-grid--m-5.gap--m-l { --gap: var(--space-l); } .flex-grid--m-5:not(.brxe-container).gap--m-xl, .brxe-container.flex-grid--m-5.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-5:not(.brxe-container).gap--m-xxl, .brxe-container.flex-grid--m-5.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-5:not(.brxe-container) > *, .brxe-container.flex-grid--m-5 > * { flex-basis: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--m-6:not(.brxe-container), .brxe-container.flex-grid--m-6 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-6:not(.brxe-container).gap--m-xs, .brxe-container.flex-grid--m-6.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-6:not(.brxe-container).gap--m-s, .brxe-container.flex-grid--m-6.gap--m-s { --gap: var(--space-s); } .flex-grid--m-6:not(.brxe-container).gap--m-m, .brxe-container.flex-grid--m-6.gap--m-m { --gap: var(--space-m); } .flex-grid--m-6:not(.brxe-container).gap--m-l, .brxe-container.flex-grid--m-6.gap--m-l { --gap: var(--space-l); } .flex-grid--m-6:not(.brxe-container).gap--m-xl, .brxe-container.flex-grid--m-6.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-6:not(.brxe-container).gap--m-xxl, .brxe-container.flex-grid--m-6.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-6:not(.brxe-container) > *, .brxe-container.flex-grid--m-6 > * { flex-basis: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 480px) { .flex-grid--s-1:not(.brxe-container), .brxe-container.flex-grid--s-1 { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--s-1:not(.brxe-container) > *, .brxe-container.flex-grid--s-1 > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--s-2:not(.brxe-container), .brxe-container.flex-grid--s-2 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-2:not(.brxe-container).gap--s-xs, .brxe-container.flex-grid--s-2.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-2:not(.brxe-container).gap--s-s, .brxe-container.flex-grid--s-2.gap--s-s { --gap: var(--space-s); } .flex-grid--s-2:not(.brxe-container).gap--s-m, .brxe-container.flex-grid--s-2.gap--s-m { --gap: var(--space-m); } .flex-grid--s-2:not(.brxe-container).gap--s-l, .brxe-container.flex-grid--s-2.gap--s-l { --gap: var(--space-l); } .flex-grid--s-2:not(.brxe-container).gap--s-xl, .brxe-container.flex-grid--s-2.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-2:not(.brxe-container).gap--s-xxl, .brxe-container.flex-grid--s-2.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-2:not(.brxe-container) > *, .brxe-container.flex-grid--s-2 > * { flex-basis: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--s-3:not(.brxe-container), .brxe-container.flex-grid--s-3 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-3:not(.brxe-container).gap--s-xs, .brxe-container.flex-grid--s-3.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-3:not(.brxe-container).gap--s-s, .brxe-container.flex-grid--s-3.gap--s-s { --gap: var(--space-s); } .flex-grid--s-3:not(.brxe-container).gap--s-m, .brxe-container.flex-grid--s-3.gap--s-m { --gap: var(--space-m); } .flex-grid--s-3:not(.brxe-container).gap--s-l, .brxe-container.flex-grid--s-3.gap--s-l { --gap: var(--space-l); } .flex-grid--s-3:not(.brxe-container).gap--s-xl, .brxe-container.flex-grid--s-3.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-3:not(.brxe-container).gap--s-xxl, .brxe-container.flex-grid--s-3.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-3:not(.brxe-container) > *, .brxe-container.flex-grid--s-3 > * { flex-basis: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--s-4:not(.brxe-container), .brxe-container.flex-grid--s-4 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-4:not(.brxe-container).gap--s-xs, .brxe-container.flex-grid--s-4.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-4:not(.brxe-container).gap--s-s, .brxe-container.flex-grid--s-4.gap--s-s { --gap: var(--space-s); } .flex-grid--s-4:not(.brxe-container).gap--s-m, .brxe-container.flex-grid--s-4.gap--s-m { --gap: var(--space-m); } .flex-grid--s-4:not(.brxe-container).gap--s-l, .brxe-container.flex-grid--s-4.gap--s-l { --gap: var(--space-l); } .flex-grid--s-4:not(.brxe-container).gap--s-xl, .brxe-container.flex-grid--s-4.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-4:not(.brxe-container).gap--s-xxl, .brxe-container.flex-grid--s-4.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-4:not(.brxe-container) > *, .brxe-container.flex-grid--s-4 > * { flex-basis: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--s-5:not(.brxe-container), .brxe-container.flex-grid--s-5 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-5:not(.brxe-container).gap--s-xs, .brxe-container.flex-grid--s-5.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-5:not(.brxe-container).gap--s-s, .brxe-container.flex-grid--s-5.gap--s-s { --gap: var(--space-s); } .flex-grid--s-5:not(.brxe-container).gap--s-m, .brxe-container.flex-grid--s-5.gap--s-m { --gap: var(--space-m); } .flex-grid--s-5:not(.brxe-container).gap--s-l, .brxe-container.flex-grid--s-5.gap--s-l { --gap: var(--space-l); } .flex-grid--s-5:not(.brxe-container).gap--s-xl, .brxe-container.flex-grid--s-5.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-5:not(.brxe-container).gap--s-xxl, .brxe-container.flex-grid--s-5.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-5:not(.brxe-container) > *, .brxe-container.flex-grid--s-5 > * { flex-basis: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--s-6:not(.brxe-container), .brxe-container.flex-grid--s-6 { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-6:not(.brxe-container).gap--s-xs, .brxe-container.flex-grid--s-6.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-6:not(.brxe-container).gap--s-s, .brxe-container.flex-grid--s-6.gap--s-s { --gap: var(--space-s); } .flex-grid--s-6:not(.brxe-container).gap--s-m, .brxe-container.flex-grid--s-6.gap--s-m { --gap: var(--space-m); } .flex-grid--s-6:not(.brxe-container).gap--s-l, .brxe-container.flex-grid--s-6.gap--s-l { --gap: var(--space-l); } .flex-grid--s-6:not(.brxe-container).gap--s-xl, .brxe-container.flex-grid--s-6.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-6:not(.brxe-container).gap--s-xxl, .brxe-container.flex-grid--s-6.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-6:not(.brxe-container) > *, .brxe-container.flex-grid--s-6 > * { flex-basis: calc((100% - (var(--gap) * 5)) / 6); } } .flex--col:not(.brxe-container), .brxe-container.flex--col { display: flex; flex-direction: column; } .flex--row:not(.brxe-container), .brxe-container.flex--row { display: flex; flex-direction: row; } .flex--col-reverse:not(.brxe-container), .brxe-container.flex--col-reverse { display: flex; flex-direction: column-reverse; } .flex--row-reverse:not(.brxe-container), .brxe-container.flex--row-reverse { display: flex; flex-direction: row-reverse; } @media (max-width: 1280px) { .flex--col-xl:not(.brxe-container), .brxe-container.flex--col-xl { display: flex; flex-direction: column; } .flex--row-xl:not(.brxe-container), .brxe-container.flex--row-xl { display: flex; flex-direction: row; } .flex--col-reverse-xl:not(.brxe-container), .brxe-container.flex--col-reverse-xl { display: flex; flex-direction: column-reverse; } .flex--row-reverse-xl:not(.brxe-container), .brxe-container.flex--row-reverse-xl { display: flex; flex-direction: row-reverse; } } @media (max-width: 992px) { .flex--col-l:not(.brxe-container), .brxe-container.flex--col-l { display: flex; flex-direction: column; } .flex--row-l:not(.brxe-container), .brxe-container.flex--row-l { display: flex; flex-direction: row; } .flex--col-reverse-l:not(.brxe-container), .brxe-container.flex--col-reverse-l { display: flex; flex-direction: column-reverse; } .flex--row-reverse-l:not(.brxe-container), .brxe-container.flex--row-reverse-l { display: flex; flex-direction: row-reverse; } } @media (max-width: 768px) { .flex--col-m:not(.brxe-container), .brxe-container.flex--col-m { display: flex; flex-direction: column; } .flex--row-m:not(.brxe-container), .brxe-container.flex--row-m { display: flex; flex-direction: row; } .flex--col-reverse-m:not(.brxe-container), .brxe-container.flex--col-reverse-m { display: flex; flex-direction: column-reverse; } .flex--row-reverse-m:not(.brxe-container), .brxe-container.flex--row-reverse-m { display: flex; flex-direction: row-reverse; } } @media (max-width: 480px) { .flex--col-s:not(.brxe-container), .brxe-container.flex--col-s { display: flex; flex-direction: column; } .flex--row-s:not(.brxe-container), .brxe-container.flex--row-s { display: flex; flex-direction: row; } .flex--col-reverse-s:not(.brxe-container), .brxe-container.flex--col-reverse-s { display: flex; flex-direction: column-reverse; } .flex--row-reverse-s:not(.brxe-container), .brxe-container.flex--row-reverse-s { display: flex; flex-direction: row-reverse; } } .justify-content--start:not(.brxe-container), .brxe-container.justify-content--start { display: flex; justify-content: flex-start; } .justify-content--end:not(.brxe-container), .brxe-container.justify-content--end { display: flex; justify-content: flex-end; } .justify-content--center:not(.brxe-container), .brxe-container.justify-content--center { display: flex; justify-content: center; } .justify-content--between:not(.brxe-container), .brxe-container.justify-content--between { display: flex; justify-content: space-between; } .justify-content--around:not(.brxe-container), .brxe-container.justify-content--around { display: flex; justify-content: space-around; } .justify-content--stretch:not(.brxe-container), .brxe-container.justify-content--stretch { display: flex; justify-content: stretch; } .align-content--start:not(.brxe-container), .brxe-container.align-content--start { display: flex; align-content: flex-start; } .align-content--end:not(.brxe-container), .brxe-container.align-content--end { display: flex; align-content: flex-end; } .align-content--center:not(.brxe-container), .brxe-container.align-content--center { display: flex; align-content: center; } .align-content--baseline:not(.brxe-container), .brxe-container.align-content--baseline { display: flex; align-content: baseline; } .align-content--stretch:not(.brxe-container), .brxe-container.align-content--stretch { display: flex; align-content: stretch; } .justify-items--start:not(.brxe-container), .brxe-container.justify-items--start { display: flex; justify-items: flex-start; } .justify-items--center:not(.brxe-container), .brxe-container.justify-items--center { display: flex; justify-items: center; } .justify-items--end:not(.brxe-container), .brxe-container.justify-items--end { display: flex; justify-items: flex-end; } .justify-items--stretch:not(.brxe-container), .brxe-container.justify-items--stretch { display: flex; justify-items: stretch; } .align-items--start:not(.brxe-container), .brxe-container.align-items--start { display: flex; align-items: flex-start; } .align-items--end:not(.brxe-container), .brxe-container.align-items--end { display: flex; align-items: flex-end; } .align-items--center:not(.brxe-container), .brxe-container.align-items--center { display: flex; align-items: center; } .align-items--baseline:not(.brxe-container), .brxe-container.align-items--baseline { display: flex; align-items: baseline; } .align-items--stretch:not(.brxe-container), .brxe-container.align-items--stretch { display: flex; align-items: stretch; } .self--start:not(.brxe-container), .brxe-container.self--start { display: flex; align-self: flex-start; } .self--end:not(.brxe-container), .brxe-container.self--end { display: flex; align-self: flex-end; } .self--stretch:not(.brxe-container), .brxe-container.self--stretch { display: flex; align-self: stretch; } .self--center:not(.brxe-container), .brxe-container.self--center { display: flex; align-self: center; } .flex--wrap, .flex--wrap.brxe-container { flex-wrap: wrap; } .stretch:not(.brxe-container), .brxe-container.stretch { display: flex; align-content: stretch; align-items: stretch; justify-content: stretch; justify-items: stretch; } .flex--grow:not(.brxe-container) > *, .brxe-container.flex--grow > * { flex-grow: 1; } .center--self { margin-left: auto; margin-right: auto; } .center--all { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center--y { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center--x { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--left { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; align-content: flex-start; text-align: left; } .center--right { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-end; align-content: flex-end; } .center--top { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--bottom { display: flex; flex-direction: column; justify-items: flex-end; justify-content: flex-end; align-items: center; } @media (max-width: 1280px) { .center--all-xl { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center--y-xl { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center--x-xl { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--left-xl { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; align-content: flex-start; text-align: left; } .center--right-xl { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-end; align-content: flex-end; } .center--top-xl { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--bottom-xl { display: flex; flex-direction: column; justify-items: flex-end; justify-content: flex-end; align-items: center; } } @media (max-width: 992px) { .center--all-l { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center--y-l { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center--x-l { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--left-l { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; align-content: flex-start; text-align: left; } .center--right-l { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-end; align-content: flex-end; } .center--top-l { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--bottom-l { display: flex; flex-direction: column; justify-items: flex-end; justify-content: flex-end; align-items: center; } } @media (max-width: 768px) { .center--all-m { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center--y-m { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center--x-m { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--left-m { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; align-content: flex-start; text-align: left; } .center--right-m { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-end; align-content: flex-end; } .center--top-m { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--bottom-m { display: flex; flex-direction: column; justify-items: flex-end; justify-content: flex-end; align-items: center; } } @media (max-width: 480px) { .center--all-s { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center--y-s { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center--x-s { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--left-s { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; align-content: flex-start; text-align: left; } .center--right-s { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: flex-end; align-content: flex-end; } .center--top-s { display: flex; flex-direction: column; justify-items: flex-start; justify-content: flex-start; align-items: center; } .center--bottom-s { display: flex; flex-direction: column; justify-items: flex-end; justify-content: flex-end; align-items: center; } } .display--inline { display: inline; } .display--block { display: block; } .display--contents { display: contents; } .display--inline-block { display: inline-block; } .display--inline-flex { display: inline-flex; } .display--list-item { display: list-item; } .display--none { display: none; } @media (max-width: 1280px) { .display--xl-block { display: block; } .display--xl-none { display: none; } } @media (max-width: 992px) { .display--l-block { display: block; } .display--l-none { display: none; } } @media (max-width: 768px) { .display--m-block { display: block; } .display--m-none { display: none; } } @media (max-width: 480px) { .display--s-block { display: block; } .display--s-none { display: none; } } #bricks-blank-canvas .description { max-width: 100%; } /* :root, .color-scheme--main, .color-scheme--alt .color-scheme--alt { --action: black; } .color-scheme--alt { --action: white; } */ /* File: automatic-frames.css - Version: 2.8.1 - Generated: 2024-03-01 17:05:57 */ :root { --fr-bg-light: var(--bg-light); --fr-bg-dark: var(--bg-dark); --fr-text-light: var(--text-light); --fr-text-dark: var(--text-dark); --fr-card-padding: var(--space-m); --fr-card-gap: var(--space-s); --fr-card-border-size: 0.15rem; --fr-card-border-color: var(--shade-light); --fr-card-border-style: solid; --fr-card-radius: var(--radius-xs); --fr-card-avatar-radius: 50%; --fr-lede-width: 60ch; --fr-list-pad-y: 0.75em; --fr-list-pad-x: 1.25em; --fr-hero-padding: var(--section-space-xl); } .fr-lede, p.fr-lede { max-width: 60ch; } .fr-hero-padding { padding-block: var(--fr-hero-padding); } .fr-text--light { color: var(--text-light); } .fr-text--dark { color: var(--text-dark); } .fr-bg--light { background-color: var(--bg-light); } .fr-bg--dark { background-color: var(--bg-dark); } #bricks-popup.templates .bricks-layout-item-inner { height: 100% !important; aspect-ratio: 1.3333333333; } #bricks-popup.templates img { height: 100% !important; } #bricks-popup.templates .bricks-layout-item-inner .button.type { display: none; } #bricks-popup .bricks-layout-item-inner .overlay-wrapper .user { display: none; } .brxe-bu-accordion-menu{display:block;width:100%;--menu-item-translatex:10px}.brxe-bu-accordion-menu a,.brxe-bu-accordion-menu a:hover{text-decoration:none;position:relative;z-index:10}.brxe-bu-accordion-menu a:hover>span.bu-menu-item-text{-webkit-transform:translateX(var(--menu-item-translatex));-ms-transform:translateX(var(--menu-item-translatex));transform:translateX(var(--menu-item-translatex))}.brxe-bu-accordion-menu ul{margin:0;padding:0;line-height:0}.brxe-bu-accordion-menu .bu-acrd-menu-title,.brxe-bu-accordion-menu .menu-item{display:inline-block;width:100%}.brxe-bu-accordion-menu .menu-item a{border-bottom:1px solid rgba(172,170,170,.2);display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%}.brxe-bu-accordion-menu .bu-menu-item-text{color:#333;display:inline-block;-ms-flex-positive:1;flex-grow:1;padding:14px 12px;line-height:1.325;overflow:hidden;-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-ms-transition:transform .4s linear;-webkit-transition:transform .4s linear;transition:transform .4s linear}.brxe-bu-accordion-menu .bu-menu-items-arrow{border-left:1px solid rgba(172,170,170,.2);color:#aaa;cursor:pointer;width:50px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.brxe-bu-accordion-menu .bu-menu-items-arrow,.brxe-bu-accordion-menu .menu-item a{-ms-transition:.4s linear;-webkit-transition:.4s linear;transition:.4s linear}.brxe-bu-accordion-menu .bu-menu-items-arrow::before{-ms-transition:transform .4s;-webkit-transition:transform .4s;transition:transform .4s}.bu-acrd-arrow-flip .bu-menu-items-arrow.acrd-menu-open::before{transform:rotateX(-180deg)!important}.brxe-bu-accordion-menu .current-menu-ancestor>a,.brxe-bu-accordion-menu .current-menu-item>a,.brxe-bu-accordion-menu a:hover{background-color:#f3f3f3}.brxe-bu-accordion-menu .bu-menu-items-arrow.acrd-menu-open,.brxe-bu-accordion-menu .current-menu-ancestor>a .bu-menu-items-arrow,.brxe-bu-accordion-menu .current-menu-item>a .bu-menu-items-arrow,.brxe-bu-accordion-menu a:hover .bu-menu-items-arrow{background-color:#f7f7f7}.brxe-bu-accordion-menu .sub-menu{display:none;transition-timing-function:linear}.brxe-bu-accordion-menu .bu-acrd-menu-title{background-color:#e8e8e8;font-size:18px;text-align:center;padding:10px 12px}.bu-acrd-menu-items li{margin:0}.bu-acrd-menu-items li:not(.menu-item-has-children) .bu-menu-items-arrow{display:none}.bu-acrd-menu-icon{display:inline-block;width:auto;float:left;margin-right:8px}