@layer swift3 {@layer bricks {: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% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } html { text-size-adjust: 100%; line-height: 1.15; } body { margin: 0px; } article, aside, figcaption, figure, footer, header, main, nav, section { display: block; } img { border-style: 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-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; }} [class*="brxe-"] { max-width: 100%; } html { font-size: 62.5%; } *, ::after, ::before, html { box-sizing: border-box; } * { border-color: var(--bricks-border-color); } body { -webkit-font-smoothing: antialiased; background-color: rgb(255, 255, 255); background-position: 50% center; color: rgb(54, 54, 54); 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: padding-top; } .brx-body { display: flex; flex-direction: column; margin: 0px auto; width: 100%; } :where(a) { border-color: currentcolor; color: currentcolor; cursor: pointer; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0px; text-rendering: optimizelegibility; } h1 { font-size: 2.4em; } h1, h2 { line-height: 1.4; } h3 { font-size: 1.8em; } h3, h4 { line-height: 1.4; } h5, h6 { line-height: 1.4; } h6 { font-size: 1.1em; } img { height: auto; max-width: 100%; outline: none; vertical-align: middle; } .skip-link { clip: rect(1px, 1px, 1px, 1px); background: rgb(0, 0, 0); border-bottom-right-radius: 8px; color: rgb(255, 255, 255); font-weight: 700; height: 1px; left: 0px; overflow: hidden; padding: 5px 10px; position: absolute; top: 0px; transition: transform 0.1s; white-space: nowrap; width: 1px; z-index: 9999; } .skip-link:focus { clip: auto; height: auto; overflow: visible; width: auto; } .brx-multilevel-overflow-right, .brx-multilevel-overflow-right ul, .brx-submenu-overflow-right { left: auto !important; right: 0px !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 1 0%; position: relative; width: 100%; } .bricks-button { align-items: center; border-width: 0px; display: inline-flex; gap: 10px; justify-content: center; letter-spacing: 0.5px; padding: 0.5em 1em; text-align: center; } .bricks-button i { position: relative; } .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; white-space: nowrap; width: 1px; position: absolute !important; } .brx-load-more-hidden, .brx-query-trail:not(.bricks-isotope-sizer) { display: none !important; }}@layer bricks {.brxe-icon { font-size: 60px; }}@layer bricks {.brxe-button { width: auto; }}@layer bricks {@keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } a.brxe-image { display: inline-block; } :where(.brxe-image).tag { display: inline-block; height: fit-content; position: relative; width: auto; } :where(.brxe-image) img { border-radius: inherit; height: 100%; transition: inherit; width: 100%; position: static !important; } :where(.brxe-image) .icon { color: rgb(255, 255, 255); font-size: 60px; pointer-events: none; position: absolute; right: 50%; text-align: center; top: 50%; transform: translate(50%, -50%); z-index: 5; }}#brxe-thfcng { display: flex; column-gap: 10px; }#brxe-kzoqal { display: flex; flex-direction: row; justify-content: flex-end; column-gap: 24px; }#brxe-eedhap { flex-direction: row; padding-top: 48px; padding-bottom: 32px; row-gap: 0px; justify-content: space-between; top: 0px; z-index: 9999; position: sticky; background-color: rgba(13, 13, 13, 0.43); box-shadow: rgba(13, 13, 13, 0.91) 0px 10px 20px 0px; }#brxe-eedhap { backdrop-filter: blur(15px); }@media (max-width: 767px){#brxe-eedhap { max-width: 900px; width: 100%; }}@media (max-width: 478px){#brxe-eedhap { row-gap: 10px; flex-direction: row; padding-top: 32px; }}#brxe-flcrai { align-items: flex-start; flex-direction: column; padding-bottom: 32px; row-gap: 0px; }@media (max-width: 767px){#brxe-flcrai { max-width: 900px; width: 100%; }}@media (max-width: 478px){#brxe-flcrai { row-gap: 10px; }}#brxe-ueebjd { width: 50%; }#brxe-wxtxik { display: flex; flex-direction: row; align-items: center; align-self: center !important; }#brxe-okaxcf:not(.tag), #brxe-okaxcf img { filter: saturate(64%); }#brxe-tqtpyd { width: 50%; }#brxe-tbpjyt { display: flex; flex-direction: row; align-items: center; align-self: center !important; }#brxe-iuzqrm { align-items: center; flex-direction: column; row-gap: 24px; }@media (max-width: 767px){#brxe-iuzqrm { max-width: 900px; width: 100%; }}@media (max-width: 767px){#brxe-nuntea { max-width: 900px; width: 100%; }}#brxe-lqrjrm { text-align: justify; }@media (max-width: 767px){#brxe-svzurd { max-width: 900px; width: 100%; }}@media (max-width: 767px){#brxe-zzgntq { max-width: 900px; width: 100%; }}#brxe-bponds { row-gap: 4px; }#brxe-ivkhap { color: #212121; }#brxe-ivkhap:hover { color: #f5f5f5; }#brxe-yymrod { align-items: flex-start; row-gap: 24px; }@media (max-width: 478px){#brxe-yymrod { row-gap: 15px; }}#brxe-gisdzs { width: 50%; }#brxe-sayoin { align-items: center; display: flex; flex-direction: row; background-image: url(//pixelsaru.com/wp-content/swift-ai/images/__e/bricksbee.com/wp-content/uploads/2024/12/0a8c3414fa616cc89406e39e8e5d2318ef3c3ce73e5f6a7f016ea5d62e960228-jpg.webp); background-size: cover; background-blend-mode: normal; position: relative; align-self: center !important; }:where(#brxe-sayoin > *) { position: relative; }#brxe-sayoin::before { background-image: linear-gradient(rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)); position: absolute; content: ""; inset: 0px; pointer-events: none; }#brxe-sayoin:hover { border-color: #616161; }@media (max-width: 767px){#brxe-lzsilr { max-width: 900px; width: 100%; }}#brxe-puktyk { display: flex; column-gap: 10px; }#brxe-zetzxv { flex-direction: row; column-gap: 24px; display: flex; justify-content: flex-end; }#brxe-zvuddt { flex-direction: row; justify-content: space-between; padding-top: 48px; padding-bottom: 32px; row-gap: 0px; z-index: 9999; position: static; }@media (max-width: 767px){#brxe-zvuddt { max-width: 900px; width: 100%; }}@media (max-width: 478px){#brxe-zvuddt { row-gap: 10px; flex-direction: row; padding-top: 32px; }}#brxe-ukmlev:hover { color: #ffffff; transition: 0.2s ease-in-out; }#brxe-ukmlev { font-weight: 600; transition: 0.6s ease-in-out; }#brxe-thesqi { flex-direction: row; column-gap: 5px; }#brxe-jwzkxo { column-gap: 10px; display: flex; }#brxe-qcywnr { flex-direction: row; row-gap: 0px; justify-content: center; z-index: 9999; position: static; padding-top: 12px; padding-bottom: 12px; }@media (max-width: 767px){#brxe-qcywnr { max-width: 900px; width: 100%; }}@media (max-width: 478px){#brxe-qcywnr { row-gap: 10px; flex-direction: row; padding-top: 12px; }}#brxe-jtseoj { padding-bottom: 0px; }@layer bricks.icons {@font-face{font-family:"Font Awesome 6 Brands";font-weight:400;font-style:normal;src:url(https://pixelsaru.com/wp-content/swift-ai/cache/pixelsaru.com/__data/fa-brands-40020710879.woff) format('woff2');font-display:swap;} .fa-brands, .fab { -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-family: "Font Awesome 6 Brands"; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-rendering: auto; } .fa-line::before { content: ""; }}@layer bricks.icons { @font-face{font-family:"Font Awesome 6 Solid";font-weight:900;font-style:normal;src:url(https://pixelsaru.com/wp-content/swift-ai/cache/pixelsaru.com/__data/fa-solid-9009ee64de0.woff) format('woff2');font-display:swap;} .fa-solid, .fas { font-family: "Font Awesome 6 Solid"; font-style: normal; font-weight: 900; } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } @-webkit-keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } } @-webkit-keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } } @keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } } @-webkit-keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } } @-webkit-keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 24%, 8% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 24%, 8% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .fa-clover::before { content: ""; } .fa-money-check-alt::before, .fa-money-check-dollar::before { content: ""; } .fa-arrow-up-right-from-square::before, .fa-external-link::before { content: ""; } .fa-phone::before { content: ""; } .fa-toolbox::before { content: ""; } .fa-robot::before { content: ""; }}@layer bricks.icons {@font-face{font-family:"Ionicons";font-weight:400;font-style:normal;src:url(https://pixelsaru.com/wp-content/swift-ai/cache/pixelsaru.com/__data/ionicons889cd675.woff) format('woff2');font-display:swap;} [class*=" ion-"], [class*=" ion-ios-"], [class*=" ion-logo-"], [class*=" ion-md-"], [class^="ion-"], [class^="ion-ios-"], [class^="ion-logo-"], [class^="ion-md-"] { -webkit-font-smoothing: antialiased; display: inline-block; font-family: Ionicons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-rendering: auto; text-transform: none; } [class*=" ion-"]::before, [class*=" ion-ios-"]::before, [class*=" ion-logo-"]::before, [class*=" ion-md-"]::before, [class^="ion-"]::before, [class^="ion-ios-"]::before, [class^="ion-logo-"]::before, [class^="ion-md-"]::before { font-family: Ionicons; } .ion-ios-chatboxes::before { content: ""; } .ion-ios-person::before { content: ""; }}.bb-agency-dark-theme__section.brxe-section { background-color: #0a0a0a; padding-bottom: 100px; flex-direction: column; letter-spacing: -0.5px; }.bb-agency-dark-theme__container.brxe-container { padding-right: 64px; padding-bottom: 64px; padding-left: 64px; max-width: 900px; flex-direction: column; align-items: center; row-gap: 24px; }@media (max-width: 478px){.bb-agency-dark-theme__container.brxe-container { padding-right: 30px; padding-left: 30px; }}.bb-logo-div.brxe-div { display: flex; }.bb-logo-img.brxe-image { width: 40px; border-radius: 999px; height: 40px; }.bb-techstack-content.brxe-div { color: #ffffff; display: flex; flex-direction: column; }.bb-techstack-heading.brxe-heading { font-size: 15px; font-weight: 600; }@media (max-width: 478px){.bb-techstack-heading.brxe-heading { font-size: 13px; }}.bb-anim-banner__text-d.brxe-text-basic { color: #9e9e9e; font-size: 13px; }@media (max-width: 478px){.bb-anim-banner__text-d.brxe-text-basic { font-size: 11px; }}.bb-button-in-header.brxe-button { gap: 0px; padding: unset; transition: 0.6s ease-in-out; }.bb-button-in-header.brxe-button i { color: rgba(255, 255, 255, 0.4); font-size: 2.4rem; }.bb-button-in-header.brxe-button i:hover { color: #ffffff; }.bb-button-in-header.brxe-button:hover { transition: 0.2s ease-in-out; }@media (max-width: 478px){.bb-button-in-header.brxe-button { display: none; }}.bb-agency-action-button.brxe-button { border: 1px solid rgba(0, 0, 0, 0); border-radius: 8px; background-color: #ffffff; font-weight: 500; letter-spacing: -0.2px; font-size: 16px; gap: 8px; padding: 10px 20px; box-shadow: rgba(0, 0, 0, 0) 0px 10px 1000px 0px; transition: 0.6s ease-in-out; }.bb-agency-action-button.brxe-button:hover { color: #ffffff; border-color: rgba(254, 215, 78, 0.38); box-shadow: rgba(254, 215, 78, 0.17) 0px 5px 20px 0px; transition: 0.2s ease-in-out; background-color: #0d0d0d; }@media (max-width: 478px){.bb-agency-action-button.brxe-button { font-size: 14px; }}.bb-site-title-div.brxe-div { display: flex; column-gap: 5px; align-self: flex-start !important; }@media (max-width: 478px){.bb-site-title-div.brxe-div { flex-direction: column; }}.bb-site-header.brxe-heading { font-size: 3rem; font-weight: 400; color: #ffffff; }.bb-site-desc-div.brxe-div { display: flex; column-gap: 5px; align-items: flex-start; width: 75%; align-self: flex-start !important; }@media (max-width: 478px){.bb-site-desc-div.brxe-div { width: 100%; }}.bb-site-desc-text.brxe-text-basic { color: #9e9e9e; font-size: 16px; }.bb-div-for-heading.brxe-div { display: flex; align-self: flex-start !important; }.bb-agency-dark-header.brxe-heading { color: #f5f5f5; font-size: 2.5rem; font-weight: 400; }.bb-animated-banner_wrapper.brxe-div { width: 100%; background-color: #0d0d0d; border: 1px solid #212121; border-radius: 12px; color: #ffffff; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0) 0px 50px 1000px 0px; transition: 0.6s ease-in-out; height: 250px; }.bb-animated-banner_wrapper.brxe-div:hover { transform: translateY(-5px); transition: 0.2s ease-in-out; box-shadow: transparent 0px 5px 20px 0px; }@media (max-width: 478px){.bb-animated-banner_wrapper.brxe-div { flex-direction: row; box-shadow: transparent 0px 0px 0px 0px; height: 200px; }}.bb-anim-banner-accent-yellow.brxe-div:hover { border-color: rgba(255, 192, 14, 0.3); box-shadow: rgba(255, 192, 14, 0.25) 0px 5px 20px 0px; }.bb-anim-banner__left.brxe-div { display: flex; flex-direction: column; row-gap: 3rem; width: 50%; padding: 24px; }@media (max-width: 478px){.bb-anim-banner__left.brxe-div { width: 100%; z-index: 3; }}.bb-anim-banner__header.brxe-div { display: flex; column-gap: 10px; align-items: center; }.bb-anim-banner__img-h.brxe-image { width: 40px; }.bb-anim-banner__heading.brxe-heading { font-size: 25px; font-weight: 400; }.bb-anim-banner__description.brxe-div { display: flex; flex-direction: column; row-gap: 1.2rem; justify-content: center; }@media (max-width: 478px){.bb-anim-banner__description.brxe-div { }}.bb-anim-banner__text-h.brxe-heading { font-weight: 500; }.bb-anim-banner__right.brxe-div { display: flex; flex-direction: row; position: absolute; right: 0px; justify-content: center; column-gap: 5px; filter: brightness(70%); }@media (max-width: 478px){.bb-anim-banner__right.brxe-div { filter: brightness(34%) opacity(56%); }}.bb-anim-banner__img.brxe-image { width: 50%; }.bb-banner_img-1.brxe-image { transform: translateY(392px); }.bb-banner_img-1 { mask-image: linear-gradient(to left, rgba(0, 0, 0, 0.59) 0%, #000000 25%, rgba(0, 0, 0, 0.53) 75%, rgba(0, 0, 0, 0) 100%); animation: 30s linear 0s infinite alternate-reverse none running moving-up; }@keyframes moving-up { 0% { transform: translateY(-180px); } 100% { transform: translateY(180px); } }@media (max-width: 478px){@keyframes moving-up { 0% { transform: translateY(-90px); } 100% { transform: translateY(90px); } }}.bb-banner_img-2 { mask-image: linear-gradient(to right, #000000 0%, #000000 25%, rgba(0, 0, 0, 0.53) 75%, rgba(0, 0, 0, 0) 100%); animation: 30s linear 0s infinite alternate-reverse none running moving-down; }@keyframes moving-down { 0% { transform: translateY(180px); } 100% { transform: translateY(-180px); } }@media (max-width: 478px){@keyframes moving-down { 0% { transform: translateY(90px); } 100% { transform: translateY(-90px); } }}.bb-anim-banner-accent-purple.brxe-div:hover { border-color: rgba(115, 0, 255, 0.51); box-shadow: rgba(115, 0, 255, 0.26) 0px 5px 20px 0px; }.bb-anim-banner__right-with-static-img.brxe-div { display: flex; flex-direction: row; position: absolute; right: 0px; }@media (max-width: 767px){.bb-anim-banner__right-with-static-img.brxe-div { transform: scaleX(1.3) scaleY(1.3); right: 20px; }}@media (max-width: 478px){.bb-anim-banner__right-with-static-img.brxe-div { position: absolute; filter: opacity(49%); transform: scaleX(1.7) scaleY(1.7); right: 35px; }}.bb-anim-banner__static-img { mask-image: linear-gradient(to left, #000000 0%, #000000 25%, rgba(0, 0, 0, 0.32) 75%, rgba(0, 0, 0, 0) 100%); }.bb-agency-pricing-grid.brxe-div { display: grid; align-items: initial; gap: 24px; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }@media (max-width: 767px){.bb-agency-pricing-grid.brxe-div { display: flex; flex-direction: column; }}.bb-agency-pricing-card.brxe-div { width: 100%; border: 1px solid #212121; border-radius: 8px; color: #ffffff; background-color: #0d0d0d; padding: 16px; display: flex; transition: 0.6s ease-in-out; box-shadow: rgba(0, 0, 0, 0) 0px 50px 1000px 0px; }.bb-agency-pricing-card.brxe-div:hover { transition: 0.2s ease-in-out; }@media (max-width: 478px){.bb-agency-pricing-card.brxe-div { box-shadow: transparent 0px 0px 0px 0px; }}.bb-pricing-card__header-label.brxe-div { display: flex; column-gap: 4px; align-items: flex-start; justify-content: space-between; }@media (max-width: 767px){.bb-pricing-card__header-label.brxe-div { flex-direction: row; }}.bb-pricing-card__label.brxe-div { display: flex; gap: 5px; font-size: 15px; flex-direction: column; }@media (max-width: 767px){.bb-pricing-card__label.brxe-div { flex-direction: row; }}@media (max-width: 478px){.bb-pricing-card__label.brxe-div { flex-direction: column; }}.bb-div-for-brand.brxe-div { display: flex; column-gap: 5px; }.bb-img-in-pricing-card.brxe-icon { width: 18px; font-size: 18px; color: #ffc107; fill: #ffc107; }.bb-brand-name-in-pricing-card.brxe-text-basic { font-size: 13px; }.bb-pricing-card__price.brxe-div { display: flex; padding: 2px 10px; background-color: #121212; border: 1px solid #424242; border-radius: 999px; color: #9e9e9e; font-size: 10px; }.bb-customer-grid.brxe-div { display: grid; align-items: initial; grid-template-columns: 1fr 1fr; gap: 24px; grid-template-rows: 1fr 1fr; }@media (max-width: 478px){.bb-customer-grid.brxe-div { display: flex; flex-direction: column; }}.bb-customer-card.brxe-div { display: flex; flex-direction: column; row-gap: 1rem; border-width: 1px; border-radius: 12px; }.bb-customer-img.brxe-image { border: 1px solid rgba(33, 33, 33, 0); border-radius: 12px; transition: 0.6s ease-in-out; aspect-ratio: calc(1.77778) / 1; }.bb-customer-img.brxe-image:hover { border-style: solid; border-color: #9e9e9e; transition: 0.2s ease-in-out; }.bb-customer-img.brxe-image .icon { font-size: 30px; text-shadow: #212121 1px 1px 10px; color: rgba(0, 0, 0, 0); transition: 0.6s ease-in-out; }.bb-customer-img.brxe-image:hover .icon { color: #f5f5f5; transition: 0.2s ease-in-out; }.bb-customer-img.brxe-image:not(.tag):hover, .bb-customer-img.brxe-image img:hover { filter: opacity(32%); }.bb-customer-container-text.brxe-div { display: flex; flex-direction: column; row-gap: 5px; }.bb-customer-heading.brxe-heading { color: #f5f5f5; font-weight: 500; font-size: 2rem; }.bb-customer-desc.brxe-text-basic { color: #9e9e9e; font-size: 12px; }.bb-techstack-grid.brxe-div { display: grid; align-items: initial; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 24px; }@media (max-width: 767px){.bb-techstack-grid.brxe-div { grid-template-columns: 1fr 1fr; }}@media (max-width: 478px){.bb-techstack-grid.brxe-div { display: flex; flex-direction: column; width: 100%; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }}.bb-techstack-card.brxe-div { display: flex; column-gap: 16px; padding: 16px; background-color: #0d0d0d; border: 1px solid #212121; border-radius: 8px; justify-content: flex-start; transition: 0.6s ease-in-out; box-shadow: transparent 0px 50px 1000px 0px; width: 240px; }.bb-techstack-card.brxe-div:hover { transition: 0.2s ease-in-out; border-color: #9e9e9e; }@media (max-width: 767px){.bb-techstack-card.brxe-div { width: 280px; }}@media (max-width: 478px){.bb-techstack-card.brxe-div:hover { box-shadow: transparent 0px 0px 0px 0px; transform: translateY(-5px); }.bb-techstack-card.brxe-div { width: 100%; }}.bb-techstack-img.brxe-image { width: 45px; border-radius: 8px; }@media (max-width: 767px){.bb-techstack-img.brxe-image { width: 43px; }}@media (max-width: 478px){.bb-techstack-img.brxe-image { width: 39px; }}@layer bricks {:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .brx-animated { animation-duration: 1s; animation-fill-mode: both; } .bricks-is-frontend .brx-animated[data-animation*="In"], .bricks-is-frontend :not(.brx-animated)[data-interaction-hidden-on-load] { opacity: 0; } @-webkit-keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } @-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } } @-webkit-keyframes shakeX { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } @keyframes shakeX { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } @-webkit-keyframes shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); } } @keyframes shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); } } @-webkit-keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } } @keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } } @-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } @-webkit-keyframes wobble { 0% { transform: translateZ(0px); } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: translateZ(0px); } } @keyframes wobble { 0% { transform: translateZ(0px); } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: translateZ(0px); } } @-webkit-keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } } @keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } } @-webkit-keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } @-webkit-keyframes backInDown { 0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInDown { 0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes backInLeft { 0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInLeft { 0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes backInRight { 0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInRight { 0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes backInUp { 0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @keyframes backInUp { 0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes backOutDown { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(700px) scale(0.7); } } @keyframes backOutDown { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(700px) scale(0.7); } } @-webkit-keyframes backOutLeft { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } } @keyframes backOutLeft { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } } @-webkit-keyframes backOutRight { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } } @keyframes backOutRight { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } } @-webkit-keyframes backOutUp { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); } } @keyframes backOutUp { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); } } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } } @keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } } @keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .brx-animate-fadeInUp { animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } } @keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } } @-webkit-keyframes flip { 0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); } 100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); } } @keyframes flip { 0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); } 100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); } } @-webkit-keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } @keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } } @keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); } } @-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); } } @-webkit-keyframes lightSpeedInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); } 60% { opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } } @keyframes lightSpeedInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); } 60% { opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } } @-webkit-keyframes lightSpeedInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); } 60% { opacity: 1; transform: skewX(-20deg); } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } } @keyframes lightSpeedInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); } 60% { opacity: 1; transform: skewX(-20deg); } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); } } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); } } @-webkit-keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes rotateOut { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(200deg); } } @keyframes rotateOut { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(200deg); } } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg); } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg); } } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } @keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(90deg); } } @keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(90deg); } } @-webkit-keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); } 100% { opacity: 0; transform: translate3d(0px, 700px, 0px); } } @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); } 100% { opacity: 0; transform: translate3d(0px, 700px, 0px); } } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } } @keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } } @-webkit-keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); } } @keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); } } @-webkit-keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); } } @keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); } } @-webkit-keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } } @keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); } } @keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); } } @-webkit-keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); } } @keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); } } @-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; } } @keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; } } @-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; } } @keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; } } @-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; } } @keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; } } @-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; } } @keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; } }}html body {font-family: sans-serif;}.swift-ui .brx-animated[data-animation-id]{animation:none!important;}body.swift-nojs [data-s3cid="1"]{min-width: 100vw;}body.swift-nojs [data-s3cid="2"]{min-width: 100vw;}body.swift-nojs [data-s3cid="9"]{min-width: 100vw;max-height:207.5625px;}body.swift-nojs [data-s3cid="10"]{min-width:341px;max-height:84px;}body.swift-nojs [data-s3cid="11"]{min-width:341px;}body.swift-nojs [data-s3cid="12"]{min-width:341px;}body.swift-nojs [data-s3cid="13"]{min-width: 100vw;}body.swift-nojs [data-s3cid="15"]{min-width:339px;max-height:257.84375px;}body.swift-nojs [data-s3cid="16"]{min-width:291px;}body.swift-nojs [data-s3cid="17"]{min-width:291px;max-height:109.84375px;}body.swift-nojs [data-s3cid="18"]{min-width:291px;}body.swift-nojs [data-s3cid="19"]{min-width:169.5px;min-height:381.96875px;}body.swift-nojs [data-s3cid="20"]{min-width:339px;max-height:227.84375px;}body.swift-nojs [data-s3cid="21"]{min-width:291px;min-height:40px;}body.swift-nojs [data-s3cid="22"]{min-width:291px;max-height:109.84375px;}body.swift-nojs [data-s3cid="23"]{min-width:291px;max-height:74.75px;}body.swift-nojs [data-s3cid="24"]{min-width:288.1500244140625px;min-height:288.14996337890625px;}body.swift-nojs [data-s3cid="25"]{min-width: 100vw;max-height:1044.375px;}body.swift-nojs [data-s3cid="27"]{min-width:341px;max-height:921.375px;}body.swift-nojs [data-s3cid="28"]{min-width:307px;}body.swift-nojs [data-s3cid="29"]{min-width:307px;}body.swift-nojs [data-s3cid="35"]{min-width:307px;}body.swift-nojs [data-s3cid="36"]{min-width:307px;}body.swift-nojs [data-s3cid="37"]{min-width:307px;}body.swift-nojs [data-s3cid="43"]{min-width:307px;}body.swift-nojs [data-s3cid="44"]{min-width:307px;}body.swift-nojs [data-s3cid="45"]{min-width:307px;}body.swift-nojs [data-s3cid="51"]{min-width:307px;}body.swift-nojs [data-s3cid="52"]{min-width:307px;max-height:99.5625px;}body.swift-nojs [data-s3cid="53"]{min-width:307px;}body.swift-nojs [data-s3cid="59"]{min-width:307px;max-height:37.375px;}body.swift-nojs [data-s3cid="60"]{min-width:307px;}body.swift-nojs [data-s3cid="61"]{min-width:307px;}body.swift-nojs [data-s3cid="67"]{min-width:307px;}body.swift-nojs [data-s3cid="68"]{min-width:307px;}body.swift-nojs [data-s3cid="69"]{min-width:307px;}body.swift-nojs [data-s3cid="75"]{min-width:307px;}body.swift-nojs [data-s3cid="76"]{min-width: 100vw;}body.swift-nojs [data-s3cid="78"]{min-width:341px;}body.swift-nojs [data-s3cid="79"]{min-width:341px;min-height:316.375px;}body.swift-nojs [data-s3cid="80"]{min-width:341px;}body.swift-nojs [data-s3cid="81"]{min-width:341px;}body.swift-nojs [data-s3cid="82"]{min-width:341px;min-height:295.984375px;}body.swift-nojs [data-s3cid="83"]{min-width:341px;}body.swift-nojs [data-s3cid="84"]{min-width:341px;}body.swift-nojs [data-s3cid="85"]{min-width:341px;}body.swift-nojs [data-s3cid="86"]{min-width:341px;max-height:94.171875px;}body.swift-nojs [data-s3cid="87"]{min-width:341px;max-height:61.171875px;}body.swift-nojs [data-s3cid="88"]{min-width:341px;min-height:295.984375px;}body.swift-nojs [data-s3cid="89"]{min-width:341px;}body.swift-nojs [data-s3cid="90"]{min-width:341px;}body.swift-nojs [data-s3cid="91"]{min-width:341px;min-height:316.375px;}body.swift-nojs [data-s3cid="92"]{min-width:341px;}body.swift-nojs [data-s3cid="93"]{min-width:341px;}body.swift-nojs [data-s3cid="94"]{min-width:341px;min-height:295.984375px;}body.swift-nojs [data-s3cid="95"]{min-width:341px;}body.swift-nojs [data-s3cid="96"]{min-width:341px;}body.swift-nojs [data-s3cid="97"]{min-width: 100vw;}body.swift-nojs [data-s3cid="99"]{min-width:341px;}body.swift-nojs [data-s3cid="119"]{min-width: 100vw;}body.swift-nojs [data-s3cid="123"]{min-width:119.015625px;}body.swift-nojs [data-s3cid="124"]{min-width: 100vw;}html{opacity:1}}