.video-custom{position:relative;user-select:none}.video-custom video{display:block}.video-custom [poster]{width:100%;height:100%}.video-custom:fullscreen{width:100%;height:100%}.video-custom:fullscreen video{width:100%;height:100%;object-fit:contain}.video-custom .video-controls{position:absolute;bottom:5px;left:5px;right:5px;display:flex;align-items:center;padding:5px 10px;gap:10px;color:var(--color-white);background:linear-gradient(to top, rgba(var(--color-black-rgb), 0.4) 0%, rgba(var(--color-black-rgb), 0.2) 100%);visibility:hidden;opacity:0;border-radius:15px;backdrop-filter:blur(3px);transition:.3s ease-in}.video-custom .video-controls button{background:none;padding:0;border:0 none;cursor:pointer;color:inherit;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:32px;aspect-ratio:1/1}.video-custom .video-controls button .edglyph{font-size:28px}.video-custom .video-controls button .edglyph.ed-circleplay,.video-custom .video-controls button .edglyph.ed-circlepause,.video-custom .video-controls button .edglyph.ed-mute,.video-custom .video-controls button .edglyph.ed-sound{font-size:32px}.video-custom .video-controls .video-progress{flex:1;height:4px;background:rgba(var(--color-white-rgb), 0.5);position:relative;transition:height .2s linear;border-radius:2px}.video-custom .video-controls .video-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:var(--color-white)}.video-custom .video-controls .video-progress .video-thumb{position:absolute;top:50%;left:var(--progress, 0%);transform:translate(-50%, -50%);aspect-ratio:1/1;width:15px;background:var(--primary-color);border-radius:50%;z-index:1;cursor:pointer;transition:transform .2s linear}.video-custom .video-controls .video-progress .video-thumb:hover{transform:translate(-50%, -50%) scale(1.2)}.video-custom .video-controls .video-progress .video-preview{position:absolute;bottom:18px;transform:translateX(-50%);aspect-ratio:16/9;width:160px;background:var(--color-black);border-radius:6px;overflow:hidden;display:none;pointer-events:none}.video-custom .video-controls .video-progress .video-preview .video-preview canvas{inset:0}.video-custom .video-controls .video-progress .video-preview .video-preview-time{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:11px;background:rgba(var(--color-black-rgb), 0.6);padding:2px 6px;border-radius:4px}.video-custom .video-controls .video-progress .video-preview.loading:after{content:"";position:absolute;inset:0;background:var(--color-white);mask:url(../img/interface/spinner.svg) no-repeat center;mask-size:50%}.video-custom .video-controls .video-progress:hover{height:10px}.video-custom .video-controls .video-timing{font-size:12px;font-family:monospace}.video-custom .video-controls:hover{overflow:visible}.video-custom .video-title{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-white);font-weight:700;font-size:clamp(22px,2vw,28px);opacity:0;transform:scale(0) translate(-50%, -50%);white-space:nowrap;pointer-events:none;transition:.1s linear;transform-origin:top left}.video-custom .video-title:before{content:"";width:256px;max-width:30%;aspect-ratio:1/1;pointer-events:none;background:url(../img/interface/video_play.svg) no-repeat center;background-size:contain}.video-custom.pause:not(.played) .video-controls{display:none}.video-custom.pause:not(.played) .video-title{opacity:1;transform:scale(1) translate(-50%, -50%);transition:none}.video-custom.pause.played .video-title{font-size:0}.video-custom.pause.played .video-title:before{background-image:url(../img/interface/video_pause.svg)}.video-custom.lecture.show-icon .video-title{font-size:0}.video-custom.show-icon .video-title{opacity:1;transform:scale(1) translate(-50%, -50%)}.video-custom:hover .video-controls{opacity:1;visibility:visible;transform:translate(0, 0)}@keyframes flipOut{0%{opacity:1;transform:rotateX(0deg)}100%{opacity:0;transform:rotateX(90deg)}}@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0deg)}}#content h2{color:var(--primary-color);font-weight:800;font-size:28px;margin:20px 0}#content h2:first-child{margin-top:0}#content h2:last-child{margin-bottom:0}#content p{margin:20px 0}#content p:first-child{margin-top:0}#content p:last-child{margin-bottom:0}#content ul:not(.slick-dots,.highlighted){display:flex;flex-direction:column;gap:20px}#content strong,#content b{font-weight:700}#content strong.check,#content b.check{display:inline-flex;gap:5px}#content strong.check:before,#content b.check:before{content:"Û";font-family:"Edglyph";color:var(--secondary-color)}#content #welcome{padding:40px 0;display:flex;overflow:hidden}#content #welcome .container{flex:1;display:flex;align-items:center}#content #welcome .container .flex{flex:1;align-items:center;min-width:0}#content #welcome .container .flex>div{max-width:100%}#content #welcome .container .flex>div h1{font-size:clamp(32px,6vw,82px);line-height:1.2;font-weight:700;letter-spacing:-0.02em;perspective:1200px;text-align:left;white-space:nowrap}#content #welcome .container .flex>div h1 .dynamic{color:var(--primary-color);display:inline-block;transform-origin:50% 50%}#content #welcome .container .flex>div h1 .dynamic.flip-out{animation:flipOut .35s forwards ease-in}#content #welcome .container .flex>div h1 .dynamic.flip-in{animation:flipIn .35s forwards ease-out}#content #welcome .container .flex>div>p{font-size:clamp(18px,2vw,28px);line-height:1.2;margin:20px 0;animation-delay:.5s}#content #welcome .container .flex>div>p:has(.btn){display:flex;gap:20px}#content #welcome .container .flex>div>p:first-child{margin-top:0}#content #welcome .container .flex>div>p:last-child{margin-bottom:0}#content #welcome .container .flex>div div{display:flex;align-items:center;gap:20px;margin:100px 0;animation-delay:.5s}#content #welcome .container .flex>div div:first-child{margin-top:0}#content #welcome .container .flex>div div:last-child{margin-bottom:0}#content #welcome .container .flex>div div p{font-size:19px;line-height:1.2;margin:0}#content #welcome .container .flex>div div ul{flex:1;display:flex;align-items:center;flex-direction:row;gap:20px}#content #welcome .container .flex>div div ul li a{display:block}#content #welcome .container .flex>div div ul li a img{display:block;max-width:100%;height:auto}#content #welcome .container .flex>div:has(video){max-width:548px}#content #welcome .container .flex>div:has(video) video{border:0 none;border-radius:0}#content #screenshots{padding:40px 0}#content #screenshots .container .flex>div:not(:has(.slider)){min-width:420px}#content #screenshots .container .flex>div:has(.slider){overflow:hidden;flex-basis:auto}#content #screenshots .container .flex>div:has(.slider) .slider{display:flex;flex-direction:column;gap:20px}#content #screenshots .container .flex>div:has(.slider) .slider .slick-list{border-radius:20px}#content #screenshots .container .flex>div:has(.slider) .slider figure{display:block !important}#content #screenshots .container .flex>div:has(.slider) .slider figure a span{display:none}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots{display:flex;align-items:center;gap:10px}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li{flex:1;min-width:0}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li.slick-active .btn{background:var(--primary-color);border-color:var(--primary-color);color:var(--color-white)}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li .btn{display:flex}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots>a{flex:1;min-width:0}#content #screenshots .container ul.highlighted{display:flex;gap:20px;margin-top:40px}#content #screenshots .container ul.highlighted li{flex:1;display:flex;align-items:center;justify-content:center;height:95px;border-radius:5px;gap:10px;font-size:clamp(16px,1.5vw,22px);font-weight:300;padding:10px}#content #screenshots .container ul.highlighted li:has(.no_translation){display:block}#content #screenshots .container ul.highlighted li .edglyph{font-size:clamp(42px,3.5vw,60px);line-height:0}#content #screenshots .container ul.highlighted li:nth-child(1){background-color:var(--blue-color);animation-delay:.2s}#content #screenshots .container ul.highlighted li:nth-child(2){background-color:var(--green-color);animation-delay:.4s}#content #screenshots .container ul.highlighted li:nth-child(3){background-color:var(--yellow-color);animation-delay:.6s}#content #screenshots .container ul.highlighted li:nth-child(4){background-color:var(--orange-color);animation-delay:.8s}#content #screenshots .container ul.highlighted li:nth-child(5){background-color:var(--red-color);animation-delay:1s}#content #screenshots .container ul.highlighted li:nth-child(6){background-color:var(--purple-color);animation-delay:1.2s}#content #why{padding:40px 0}#content #why .container .flex{align-items:center}#content #why .container .flex>div p:last-child{margin-top:40px}#content #featured{padding:40px 0}#content #featured .container .flex>div{border-radius:20px;padding:30px;display:flex;flex-direction:column}#content #featured .container .flex>div h2{flex:1}#content #featured .container .flex>div p{margin:0}#content #featured .container .flex>div p:not(:last-child){margin-bottom:20px}#content #featured .container .flex>div p:last-child{text-align:right}#content #featured .container .flex>div:nth-child(1){background-color:var(--pastel_blue-color);animation-delay:.2s}#content #featured .container .flex>div:nth-child(2){background-color:var(--pastel_yellow-color);animation-delay:.4s}#content #featured .container .flex>div:nth-child(3){background-color:var(--pastel_purple-color);animation-delay:.6s}#content #featured .container>p{text-align:center;margin-top:40px}#content #news{padding:40px 0}#content #news .container .flex{gap:20px}#content #news .container .flex>div{min-width:0}#content #news .container .flex>div article figure{border-radius:10px;overflow:hidden;margin-bottom:10px;border:1px solid var(--color-black)}#content #news .container .flex>div article section h2{margin-bottom:10px}#content #news .container .flex>div article section h2 a:not(:hover){text-decoration:none}#content #news .container .flex>div article section small{font-size:inherit;color:rgba(var(--color-black-rgb), 0.5);font-style:italic}#content #news .container .flex>div article section small+p{margin-top:0}#content #news .container .flex>div:not(:first-child) article section h2{font-size:16px}#content #news .container .flex>div:not(:first-child) article section p{display:none}#content #news .container .flex>div:first-child{min-width:66.6666666667%;background:rgba(var(--color-black-rgb), 0.05);border-radius:20px;padding:30px 20px}#content #news .container .flex>div:first-child article{display:flex;align-items:flex-start;gap:40px}#content #news .container .flex>div:first-child article figure{flex:1;margin:0;border-radius:15px}#content #news .container .flex>div:first-child article section{flex:1}#content #news .container .flex>div:last-child .btn{margin-top:20px}#content #news .container .flex>div:nth-child(1){animation-delay:.5s}#content #news .container .flex>div:nth-child(2){animation-delay:.7s}#content #news .container .flex>div:nth-child(3){animation-delay:.9s}@media all and (max-width: 992px){#content #welcome .container .flex{flex-direction:column}#content #welcome .container .flex>div h1{font-size:clamp(32px,9vw,82px)}#content #welcome .container .flex>div p{font-size:clamp(18px,3vw,28px)}#content #screenshots .container .flex{flex-direction:column}#content #screenshots .container .flex>div:not(:has(.slider)){min-width:0;order:-1}#content #screenshots .container ul.highlighted{flex-wrap:wrap}#content #screenshots .container ul.highlighted li{flex-basis:calc(33.3333333333% - 20px)}#content #featured .container .flex{flex-direction:column}#content #news .container .flex{flex-wrap:wrap}#content #news .container .flex>div:first-child{flex-basis:100%}}@media all and (max-width: 768px){#content #welcome,#content #screenshots,#content #why,#content #featured,#content #news{padding:20px 0}#content #news .container .flex{flex-direction:row}}@media all and (max-width: 500px){#content #welcome .container .flex>div p:has(.btn){flex-direction:column}#content #welcome .container .flex>div div{flex-direction:column;margin:40px 0}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots{flex-wrap:wrap}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li{flex-basis:calc(50% - 20px)}#content #screenshots .container ul.highlighted{flex-wrap:wrap}#content #screenshots .container ul.highlighted li{flex-basis:calc(50% - 20px)}#content #news .container .flex{flex-direction:column}#content #news .container .flex>div:first-child article{flex-direction:column;gap:20px}}