@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}: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-code{width:100%}#brxe-09a2ec {color: var(--bricks-color-ttlieu)}#brxe-c6f650 {color: rgba(16, 16, 16, 0.7); margin-top: 20px}#brxe-ede6bb {color: rgba(16, 16, 16, 0.7); margin-top: 20px}#brxe-0b10b1 {width: 100px}#brxe-ff844c {grid-column: 1}#brxe-4f4f51 {width: 100px}#brxe-16d17c {grid-column: 2}#brxe-be5135 {width: 100px}#brxe-67786b {grid-column: 3}#brxe-af33da {width: 100px}#brxe-a3542b {width: 100px}#brxe-393961 {width: 100px}#brxe-aa9ad9 {width: 100px}#brxe-c40734 {width: 100px}#brxe-6d233d {width: 100px}#brxe-0fd3d5 {grid-gap: 20px; display: grid; align-items: initial; margin-top: 40px; justify-items: flex-start; align-items: center}#brxe-7d95cc {flex-direction: row; column-gap: 120px}@media (max-width: 767px) {#brxe-7d95cc {row-gap: 40px}}#brxe-4115b4 {padding-top: 85px; padding-bottom: 85px; background-color: var(--bricks-color-ympaia)}@media (max-width: 767px) {#brxe-4115b4 {padding-top: 45px; padding-bottom: 45px}}.fill-loader { position: relative; overflow: hidden; display: inline-block;} .fill-loader__fill { position: absolute;} .fill-loader__label { position: absolute; -webkit-clip-path: inset(50%); clip-path: inset(50%);} .fill-loader--v1 .fill-loader__base, .fill-loader--v2 .fill-loader__base { width: 64px; height: 4px; background-color: hsl(240, 4%, 85%);} .fill-loader--v1 .fill-loader__fill, .fill-loader--v2 .fill-loader__fill { background-color: hsl(250, 84%, 54%); top: 0; left: 0; height: 100%; width: 100%; will-change: transform;} .fill-loader--v1 .fill-loader__fill { animation: fill-loader-1 0.8s infinite cubic-bezier(0.645, 0.045, 0.355, 1);} .fill-loader--v2 .fill-loader__fill { animation: fill-loader-2 0.8s infinite alternate cubic-bezier(0.645, 0.045, 0.355, 1);}@keyframes fill-loader-1 { 0% { transform-origin: 0 0; transform: scaleX(0); } 49% { transform-origin: 0 0; transform: scaleX(1); } 51% { transform: scaleX(1); transform-origin: 100% 0; } 100% { transform: scaleX(0); transform-origin: 100% 0; }}@keyframes fill-loader-2 { 0% { transform-origin: 0 0; transform: scaleX(0.1); } 49% { transform-origin: 0 0; transform: scaleX(1); } 51% { transform: scaleX(1); transform-origin: 100% 0; } 100% { transform: scaleX(0.1); transform-origin: 100% 0; }} .fill-loader--v3 .fill-loader__base { width: 120px; height: 10px; background-color: hsl(240, 4%, 85%);} .fill-loader--v3 .fill-loader__fill { top: 0; left: 0; height: 100%; width: 100%; transform: scaleX(0); will-change: transform; animation: fill-loader-1 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);} .fill-loader--v3 .fill-loader__fill--1st { background-color: hsl(225, 4%, 47%);} .fill-loader--v3 .fill-loader__fill--2nd { background-color: hsl(230, 13%, 9%); animation-delay: 0.1s;} .fill-loader--v3 .fill-loader__fill--3rd { background-color: hsl(250, 84%, 54%); animation-delay: 0.2s;} .fill-loader--v4 { width: 90%; max-width: 300px;} .fill-loader--v4 .fill-loader__base { height: 4px; background-color: hsl(240, 4%, 85%);} .fill-loader--v4 .fill-loader__fill { top: 0; left: 0; right: 0; height: 100%; background-color: hsl(250, 84%, 54%); animation: fill-loader-4 1.6s infinite cubic-bezier(0.645, 0.045, 0.355, 1); will-change: left, right;}@keyframes fill-loader-4 { 0% { left: 0; right: 100%; background-color: hsl(250, 84%, 54%); } 10%, 60% { left: 0; } 40%, 90% { right: 0; } 50% { left: 100%; background-color: hsl(250, 84%, 54%); } 51% { left: 0; right: 100%; background-color: hsl(342, 89%, 48%); } 100% { left: 100%; background-color: hsl(342, 89%, 48%); }} .fill-loader--v5 .fill-loader__base { width: 48px; height: 48px; background-color: hsl(240, 4%, 85%);} .fill-loader--v5 .fill-loader__fill { top: 0; left: 0; height: 100%; width: 100%; will-change: transform;} .fill-loader--v5 .fill-loader__fill--1st { background-color: #47C3FF; transform-origin: 0 50%; animation: fill-loader-5-1st 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);} .fill-loader--v5 .fill-loader__fill--2nd { background-color: #101010; transform-origin: 50% 100%; animation: fill-loader-5-2nd 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);} .fill-loader--v5 .fill-loader__fill--3rd { background-color: #47C3FF; transform-origin: 100% 50%; animation: fill-loader-5-3rd 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);} .fill-loader--v5 .fill-loader__fill--4th { background-color: hsl(240, 4%, 85%); transform-origin: 50% 0%; animation: fill-loader-5-4th 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}@keyframes fill-loader-5-1st { 0% { transform: scaleX(0); } 25%, 100% { transform: scaleX(1); }}@keyframes fill-loader-5-2nd { 0%, 25% { transform: scaleY(0); } 50%, 100% { transform: scaleY(1); }}@keyframes fill-loader-5-3rd { 0%, 50% { transform: scaleX(0); } 75%, 100% { transform: scaleX(1); }}@keyframes fill-loader-5-4th { 0%, 75% { transform: scaleY(0); } 100% { transform: scaleY(1); }} .fill-loader--v6 .fill-loader__grid { display: flex;} .fill-loader--v6 .fill-loader__bar { position: relative;} .fill-loader--v6 .fill-loader__bar:nth-child(2) { margin: 0 8px;} .fill-loader--v6 .fill-loader__base { width: 6px; height: 30px; background-color: hsl(240, 4%, 85%);} .fill-loader--v6 .fill-loader__fill { top: 0; left: 0; height: 100%; width: 100%; will-change: transform; transform: scaleY(0); transform-origin: 50% 100%; background-color: hsl(250, 84%, 54%); animation: fill-loader-6 0.8s infinite;} .fill-loader--v6 .fill-loader__fill--2nd { animation-delay: 0.1s;} .fill-loader--v6 .fill-loader__fill--3rd { animation-delay: 0.2s;}@keyframes fill-loader-6 { 0% { transform-origin: 0 100%; transform: scaleY(0); } 49% { transform-origin: 0 100%; transform: scaleY(1); } 51% { transform: scaleY(1); transform-origin: 0 0; } 100% { transform: scaleY(0); transform-origin: 0 0; }}