@layer bricks {.brxe-code{width:100%}}#brxe-eohfxq {position: fixed; right: 0px; width: 6.25%; top: 0px} .iconcontainer{ position: absolute; right:0px; top:0px; background-color: white; width:100%; height: 70px; border-radius: 0 0 0 35px; z-index:100; align-self: end; } .iconButton{ display: flex; justify-content: center; cursor: pointer; width:100%; height: 100%; } .menuLine{ position: absolute; background-color: black; width:40%; height: .35vw; transform-origin: center; } .menuLine-1{ top:35%; transition: transform .5s ease, top cubic-bezier(0.7, 0, 0.84, 0) .5s .5s; } .menuLine-2{ top:55%; transition: transform .5s ease, top cubic-bezier(0.7, 0, 0.84, 0) .5s .5s; } .menuLine-1-active{ top:47.5%; transform: rotate(45deg) ; transition: transform .5s .5s cubic-bezier(0.7, 0, 0.84, 0), top ease .5s; } .menuLine-2-active{ top:47.5%; transform: rotate(-45deg); transition: transform .5s .5s cubic-bezier(0.7, 0, 0.84, 0), top ease .5s; } .menuContainer { transform:translatey(-100%);} .toggler{ transform:translatey(0%); animation:slide-in 1s cubic-bezier(0.7, 0, 0.84, 0); } .untoggler{ transform:translatey(-100%); animation:slide-out 1s cubic-bezier(0.7, 0, 0.84, 0); } .blockScroll{ overflow:hidden;}@keyframes slide-in { from { transform:translatey(-100%);} to { transform:translatey(0%); }}@keyframes slide-out { from { transform:translatey(0%); } to { transform:translatey(-100%); }}@media (max-width: 767px) { .iconcontainer{ position: absolute; right:1.5rem; top:10px; width:50px; height:50px; background-color: white; aspect-ratio:1; border-radius: 50%; } .menuLine{ position: absolute; background-color: black; width:60%; height: .8vw; transform-origin: center; } .menuLine-1{ top:42.5%; } .menuLine-2{ top:57.5%; } .menuLine-1-active{ top:50%; } .menuLine-2-active{ top:50%; } }@media (min-width: 2400px) { .iconcontainer{ position: absolute; right:0px; top:0px; background-color: white; width:100%; height: 110px; border-radius: 0 0 0 35px; z-index:100; align-self: end; } .menuLine{ position: absolute; background-color: black; width:40%; height: .2vw; transform-origin: center; } }#brxe-ytopzk {position: absolute; right: 0px; width: 6.25%; flex-direction: row; align-self: flex-end !important; z-index: 99; display: flex}#brxe-dbxpzw {position: absolute; top: 2rem; padding-left: 8rem; display: none}.langSwitcher{ display: flex; flex-wrap: nowrap; } .langText{ font-family:"IBM Plex Sans"; color:white; font-weight:500; font-size: 1.5rem; text-decoration: none;} .langText:hover{ font-family:"IBM Plex Sans"; color:white; weight:700; text-decoration: none;} .langSeperator{ color:white; padding-left:0.5rem; padding-right:0.5rem; font-size: 1.5rem;} .active{ color:#b6b6b680; pointer-events: none;} .active:hover{ color:#b6b6b680; pointer-events: none;}#brxe-xutcnb {padding-left: 8rem}#brxe-ohqbev {position: absolute; bottom: 2rem; padding-left: 8rem}#brxe-yoiqbj {display: flex; flex-direction: column; justify-content: center; position: relative; min-width: 47ch}@media (max-width: 478px) {#brxe-yoiqbj {display: none}}.menu { height: 100vh; overflow: hidden; cursor: -webkit-grab; cursor: grab; overscroll-behavior: none;} .menu.is-dragging { cursor: -webkit-grabbing; cursor: grabbing;} .menu ul { counter-reset: count; list-style: none; } .menu--item { counter-increment: count; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; font-size: clamp(4rem, 6.538vw + 1.777rem, 12.5rem); line-height: 1; padding: .5rem 0; text-align: left; margin-left:6.25vw; }@media (max-width: 767px) { .menu--item { font-size: clamp(4rem, 6.538vw + 1.777rem, 12.5rem); margin-left:9%; line-height:1.2; padding: 2rem 0; }} .menu--item:nth-child(n+10):before { content: counter(count);} .menu--item a { color: #fff; text-decoration: none; position: relative; height: 13vw; z-index: 1; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; background: linear-gradient(to right, #fff, #fff) no-repeat; -webkit-background-clip: text; background-clip: text; background-size: 0%; padding: 0; border: none; outline: none; box-shadow: none; color: rgb(182, 182, 182, 0.5); font-family: "IBM Plex Sans"; cursor: pointer;}@media (max-width: 767px) { .menu--item a { font-size: 10vw; }} .menu--item a:before { position: absolute; z-index: -1; top: -24px; left: 0; display: inline-block; transform: translateX(-100%) scale(0.2); content: "0" counter(count); color: rgb(139, 139, 139);} .activeMenu{ background-size: 100%!important; transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s; } #brxe-sdaqjz {position: absolute; display: none}@media (max-width: 478px) {.langSwitcherMob{ display: flex; flex-wrap: nowrap; position:absolute; bottom:6rem; right:1.5rem;}.langText{ font-family:"IBM Plex Sans"; color:white; font-weight:500; font-size:2rem; text-decoration: none;}.langText:hover{ font-family:"IBM Plex Sans"; color:white; weight:700; text-decoration: none;}.langSeperator{ color:white; padding-left:5px; padding-right:5px; font-size:2rem;}.active{ color:#b6b6b680; pointer-events: none;}.active:hover{ color:#b6b6b680; pointer-events: none;}#brxe-sdaqjz {bottom: 0px}}#brxe-hsvodz {position: relative; overflow: hidden; flex-direction: column; width: 100%; border-left: 1px solid var(--ED-global-white)}:root { --color-background: #EEEEEE; --color-menu-1: #0093E9; --color-menu-2: #61B3CE; --radius: 200px;} .menucanvas{ position:absolute; margin-top:25%; width: 100%; height: 100vh; } .menucircles { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; animation-name: rotate; animation-duration: 25s; animation-iteration-count: infinite; animation-direction: alternate; backface-visibility: hidden; perspective: 1000;} .menucircle { position: relative; width: 0px; height: 0px; margin: calc( var(--radius) / 2 ); border-radius: 50%; backface-visibility: hidden; perspective: 1000; opacity: .3;} .menucircle.one { background: var(--color-design); box-shadow: 0 0 var(--radius) var(--radius) var(--color-menu-2); animation-name: float; animation-duration: 6s; animation-iteration-count: infinite; animation-direction: alternate;} .menucircle.two { background: var(--color-menu-2); box-shadow: 0 0 var(--radius) var(--radius) var(--color-menu-1); animation-name: float; animation-duration: 8s; animation-iteration-count: infinite; animation-direction: alternate-reverse;}@keyframes float { 0% { transform: translateX( calc( var(--radius) * 0.0 ) ) translateZ( 0 ) } 20% { transform: translateX( calc( var(--radius) * .25 ) ) translateZ( 0 ) } 40% { transform: translateX( calc( var(--radius) * .5 ) ) translateZ( 0 ) } 60% { transform: translateX( calc( var(--radius) * .7 ) ) translateZ( 0 ) } 80% { transform: translateX( calc( var(--radius) * .25 ) ) translateZ( 0 ) } 100% { transform: translateX( calc( var(--radius) * 0.0 ) ) translateZ( 0 ) }}@keyframes rotate { 0% { transform: rotate( 0deg ) translateZ( 0 ) } 100% { transform: rotate( 360deg ) translateZ( 0 ) }}@media (max-width: 640px) { :root { --radius: 125px; }} #rotating-menu-image { position:relative; transition: transform 0.5s cubic-bezier(.1,.5,.5,1);}#brxe-wrsrhr {position: relative; display: flex; align-self: center !important; flex-shrink: 1}@media (max-width: 478px) {#brxe-wrsrhr {display: none}}#brxe-kaitqm {display: flex; width: 100%; background-color: var(--ED-global-grey); position: fixed; overflow: hidden; height: 100vh; z-index: 98; top: 0px}