:root { --x-header-slide-height: 0; --x-header-transiton: 300ms; --x-headersearch-expand-width: 260px; --x-header-search-autocomplete: #ffffff; --x-search-height: 0px;}.brxe-xheadersearch { display: inline-flex; width: auto; position: static;}button.x-header-search_toggle-open,button.x-header-search_toggle-close { padding: 10px; background: none; border: none; box-shadow: none; color: inherit; display: flex;}button.x-header-search_toggle-open { display: inline-flex; gap: .5em; align-items: center;}.brxe-xheadersearch .x-search-form { background: #f3f3f3; position: absolute; left: 0; right: 0; bottom: 0; top: 0;  z-index: 99; transition: all var(--x-header-transiton) ease; visibility: hidden; opacity: 0; display: flex; align-items: center; justify-content: center;}.brxe-xheadersearch [data-type=full_screen] + .x-search-form { position: fixed; height: 100%; left: 0; right: 0; max-height: 100%; --slide-height: 100%;}.brxe-xheadersearch [data-type=below_header] + .x-search-form { top: 100%; bottom: -100%; left: 0; right: 0; --slide-start: 0; max-height: var(--x-header-slide-height); height: var(--x-header-slide-height);}.brxe-xheadersearch [data-type=below_header] + .x-search-form input[type=search],.brxe-xheadersearch [data-type=header_overlay] + .x-search-form input[type=search] { width: 100%;}.brxe-xheadersearch [data-type=below_header] + .x-search-form input[type=search]:focus { outline: none; border: none;}.brxe-xheadersearch .x-header-search_toggle-open[aria-expanded=true] + .x-search-form { visibility: visible; opacity: 1;}.brxe-xheadersearch .brxe-container[data-search-width] { display: flex; flex-direction: row; align-items: center; position: relative; flex-wrap: nowrap;}.brxe-xheadersearch[data-nest="true"] .brxe-container { flex-direction: column;}.brxe-xheadersearch [data-type=full_screen] + .x-search-form input[type=search] { display: inline-block; width: 100%;}.brxe-xheadersearch .x-search-form input[type=search] { border: none; background-color: transparent; padding: 0;}.brxe-xheadersearch label { margin: 0; width: 100%;}.brxe-xheadersearch input[type=submit] { border: 0; clip: rect(0,0,0,0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;}.brxe-xheadersearch .x-search-form input[type=search]:focus { outline: none;}.brxe-xheadersearch[data-type=expand] { position: relative;}.brxe-xheadersearch[data-type=expand] .x-search-form { position: absolute; width: 0; right: 0; left: auto;}.brxe-xheadersearch[data-type=expand] .x-header-search_toggle-open[aria-expanded=true] + .x-search-form { width: var(--x-headersearch-expand-width);}body [x-header-search_static] { position: static;}.brxe-xheadersearch[class*=brxe-] { transform: none!important;}component.brxe-xheadersearch[class*=brxe-] { transform: none!important;}.brxe-xheadersearch .brxe-container[data-search-width=fullWidth] { width: 100%;}.brxe-xheadersearch label { color: inherit;}.brxe-xheadersearch input[type=search]::-webkit-input-placeholder { color: currentColor;}.brxe-xheadersearch input[type=search]::placeholder { color: currentColor;}.brxe-xheadersearch input:-webkit-autofill,.brxe-xheadersearch input:-webkit-autofill:hover,.brxe-xheadersearch input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px var(--x-header-search-autocomplete) inset !important;}[data-type=below_header][aria-expanded=true] + .x-search-form, [data-type=below_header][data-reveal=fade] + .x-search-form { --x-header-slide-height: 80px;}.brxe-xheadersearch[data-nest="true"] .x-header-search_toggle-open:not([data-type=expand]) + .x-search-form .brxe-filter-search + .brxe-block { position: absolute; top: 100%; left: calc(-50vw + 50%); right: calc(-50vw + 50%); max-width: 100vw; width: 100vw;}.x-header_sticky-active .brxe-xheadersearch[data-nest="true"] .x-header-search_toggle-open:not([data-type=expand]) + .x-search-form .brxe-filter-search + .brxe-block { max-height: calc(100vh - var(--x-header-height) + var(--x-search-height));}header.sticky .brxe-xheadersearch[data-nest="true"] .x-header-search_toggle-open:not([data-type=expand]) + .x-search-form .brxe-filter-search + .brxe-block { max-height: calc(100vh - var(--x-header-height) + var(--x-search-height));}.brxe-xheadersearch[data-nest="true"] .x-header-search_toggle-open[data-type=expand] + .x-search-form .brxe-filter-search + .brxe-block { position: absolute; top: 100%;}.brxe-xheadersearch[data-nest="true"] .brxe-filter-search + .brxe-block > * { overflow-x: hidden; flex-wrap: nowrap;}[data-nest="true"].brxe-xheadersearch [data-type=below_header] + .x-search-form { height: max-content; max-height: max-content; align-items: flex-start;}html[class*="x-header-search_prevent-scroll"], html[class*="x-header-search_prevent-scroll"] > body { overflow: hidden;}.brxe-xheadersearch[data-nest="true"] .x-header-search_toggle-close { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}.brxe-xheadersearch[data-nest="true"] .x-search-form { transition-property: opacity, visibility;}.brxe-xheadersearch[data-nest="true"] [data-brx-ls-wrapper] { animation: fadeInAnimation ease .5s; animation-iteration-count: 1; animation-fill-mode: forwards;}.brxe-xheadersearch [data-brx-ls-wrapper]:not(.brx-ls-active) { display: none!important;}@keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; }}
:root { --x-modal-transition: 200ms; --x-modal-translatey: 10%; --x-modal-translatex: 0; --x-modal-scale: 1; --x-modal-close-translatey: -5%; --x-modal-close-translatex: 0; --x-modal-close-scale: 1; } .x-modal { display: none;} [data-x-modal] { position: absolute;}.x-modal.x-modal_open { display: block;}.x-modal_backdrop { background-color: rgba(0,0,0,.2); position: fixed!important; top: 0; left: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 1004; display: block; will-change: opacity; padding: 20px; text-align: center;}component.x-modal { display: block; transform: none!important;}component.x-modal .x-modal_backdrop { z-index: 998;}.x-modal_backdrop::before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0;}.x-modal_backdrop .x-modal_container { display: inline-block!important;;}.x-modal_container { max-height: 100vh; max-height: calc(100dvh - 40px); overflow-y: auto; box-sizing: border-box; position: relative; text-align: left; max-width: 100%; width: 600px; vertical-align: middle; pointer-events: auto;}@supports (padding-top: env(safe-area-inset-top)) { .x-modal_container { --safe-area-inset-bottom: env(safe-area-inset-bottom); max-height: calc(100% + var(--safe-area-inset-bottom))!important; }}.x-modal_content { background-color: #fff; padding: 30px; width: 100%; max-width: 100%; display: flex; flex-direction: column;}.x-modal_close { background: transparent; border: 0; box-shadow: none; position: absolute; top: 0; right: 0; cursor: pointer; display: flex; align-items: center; line-height: 1; font-size: 14px; color: #666; padding: 10px; margin: 10px; transition: all .3s ease;}:where(body.rtl) .x-modal_close { right: auto; left: 0;}.x-modal_close-text { margin-right: 10px;}.x-modal_close-icon { pointer-events: none;}@keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; }}@keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; }}@keyframes mmslideIn { from { transform: translate( var(--x-modal-translatex), var(--x-modal-translatey) ) scale( var(--x-modal-scale) ); -webkit-transform: translate( var(--x-modal-translatex), var(--x-modal-translatey) ) scale( var(--x-modal-scale) ); } to { transform: translate(0,0) scale(1); -webkit-transform: translate(0,0) scale(1); }}@keyframes mmslideOut { from { transform: translate(0,0) scale(1); -webkit-transform: translate(0,0) scale(1); } to { transform: translate( var(--x-modal-close-translatex), var(--x-modal-close-translatey) ) scale( var(--x-modal-close-scale) ); -webkit-transform: translate( var(--x-modal-close-translatex), var(--x-modal-close-translatey) ) scale( var(--x-modal-close-scale) ); }}.x-modal[aria-hidden="false"] .x-modal_backdrop {animation: mmfadeIn var(--x-modal-transition) cubic-bezier(0.0, 0.0, 0.2, 1);}.x-modal[aria-hidden="true"] .x-modal_backdrop {animation: mmfadeOut var(--x-modal-transition) cubic-bezier(0.0, 0.0, 0.2, 1);}.x-modal[aria-hidden="false"] .x-modal_container {animation: mmslideIn var(--x-modal-transition) cubic-bezier(0, 0, .2, 1);}.x-modal[aria-hidden="true"] .x-modal_container {animation: mmslideOut var(--x-modal-transition) cubic-bezier(0, 0, .2, 1);}@media (prefers-reduced-motion: reduce) { .x-modal[data-x-modal*=notransition] .x-modal_backdrop, .x-modal[data-x-modal*=notransition] .x-modal_container { --x-modal-transition: 0; } .x-modal[data-x-modal*=fade][aria-hidden="false"] .x-modal_container { animation: mmfadeIn var(--x-modal-transition) cubic-bezier(0, 0, .2, 1); } .x-modal[data-x-modal*=fade][aria-hidden="true"] .x-modal_container { animation: mmfadeOut var(--x-modal-transition) cubic-bezier(0, 0, .2, 1); }}.brx-body.iframe .x-modal[data-id] { display: block; transform: none!important;} .brx-body.iframe .x-modal.brx-draggable.is-empty { min-height: 0; min-width: 0;}.brx-body.iframe .x-modal_container { transition: transform var(--x-modal-transition) ease, opacity var(--x-modal-transition) ease; -webkit-transition: -webkit-transform var(--x-modal-transition) ease, opacity var(--x-modal-transition) ease; } .brx-body.iframe .x-modal_preview-start .x-modal_container { opacity: 0.4; transform: translate( var(--x-modal-translatex), var(--x-modal-translatey) ) scale( var(--x-modal-scale) ); -webkit-transform: translate( var(--x-modal-translatex), var(--x-modal-translatey) ) scale( var(--x-modal-scale) );}.brx-body.iframe .x-modal_preview-end .x-modal_container,.brx-body.iframe .x-modal_preview.x-modal_preview-end .x-modal_container { opacity: 0.4; transform: translate( var(--x-modal-close-translatex), var(--x-modal-close-translatey) ) scale( var(--x-modal-close-scale) ); -webkit-transform: translate( var(--x-modal-close-translatex), var(--x-modal-close-translatey) ) scale( var(--x-modal-close-scale) );}.brx-body.iframe .x-modal { transform: none!important;}.brx-body.iframe .x-modal .x-modal_close-text { min-width: 0!important;}
/*# sourceURL=bricks-frontend-inline-css */