diff --git a/public/style.css b/public/style.css index 0550096..d198574 100644 --- a/public/style.css +++ b/public/style.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;text-rendering:optimizeSpeed;width:100%}*,:after,:before{box-sizing:border-box}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{height:auto;max-width:100%;vertical-align:middle}img,picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;background:rgba(0,0,0,0);border:0;cursor:pointer}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{background:rgba(0,0,0,0);border:0}textarea{overflow:auto;resize:vertical;vertical-align:top}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{background:#000;border:0;box-sizing:content-box;height:1px;line-height:0;margin:0;overflow:visible;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{border:0;color:inherit;display:block;max-width:100%;white-space:normal;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}:where([data-tts]){position:relative;display:inline-block}:where([data-tts])::before{content:attr(aria-label)}[data-tts]{--t-po:calc(100% - var(--t-tt));--t-bg:var(--tts-background, rgba(0, 0, 0, 0.9));--t-arrow:var(--tts-arrow, 6px);--t-offset:var(--tts-arrow-offset, 6px)}[data-tts]::after,[data-tts]::before{position:absolute;top:var(--t-top);left:var(--t-left);right:var(--t-right);bottom:var(--t-bottom);opacity:var(--t-op);z-index:10;pointer-events:none;transform:translate(var(--t-tx, 0), var(--t-ty, 0)) scale(var(--t-ts, 1));transform-origin:var(--t-to, bottom);transition-property:opacity,transform;transition-duration:var(--tts-duration, 0.3s);will-change:transform}[data-tts]:not(:hover):not([data-tts-visible]){--t-op:0;--t-tt:var(--tts-start-translate, 0px);--t-ts:var(--tts-start-scale, 1)}[data-tts]:hover,[data-tts][data-tts-visible]{--t-tt:var(--tts-end-translate, 0px);--t-ts:var(--tts-end-scale, 1)}[data-tts]::before{font-size:var(--tts-font-size, 14px);font-family:var(--tts-font-family, Roboto, sans-serif);color:var(--tts-color, #fff);padding:var(--tts-padding, 0.5em 0.75em);border-radius:var(--tts-border-radius, 0.25em);font-weight:400;line-height:1.5;white-space:nowrap;background-color:var(--t-bg)}[data-tts]::after{content:"";border-style:solid;border-color:rgba(0,0,0,0);border-width:var(--t-arrow)}[data-tts*=up],[data-tts=""]{--t-top:0;--t-left:50%;--t-tx:-50%}[data-tts*=up]::before,[data-tts=""]::before{--t-ty:calc((var(--t-po) + var(--t-arrow)) * -1)}[data-tts*=up]::after,[data-tts=""]::after{--t-to:top;--t-ty:calc(var(--t-po) * -1);border-top-color:var(--t-bg);border-bottom-width:0}[data-tts*=down]{--t-bottom:0;--t-left:50%;--t-tx:-50%}[data-tts*=down]::before{--t-to:top;--t-ty:calc(var(--t-po) + var(--t-arrow))}[data-tts*=down]::after{--t-to:bottom;--t-ty:var(--t-po);border-bottom-color:var(--t-bg);border-top-width:0}[data-tts=left]{--t-left:0;--t-top:50%;--t-ty:-50%}[data-tts=left]::before{--t-to:right;--t-tx:calc((var(--t-po) + var(--t-arrow)) * -1)}[data-tts=left]::after{--t-to:left;--t-tx:calc(var(--t-po) * -1);border-left-color:var(--t-bg);border-right-width:0}[data-tts=right]{--t-right:0;--t-top:50%;--t-ty:-50%}[data-tts=right]::before{--t-to:left;--t-tx:calc(var(--t-po) + var(--t-arrow))}[data-tts=right]::after{--t-to:right;--t-tx:var(--t-po);border-right-color:var(--t-bg);border-left-width:0}[data-tts=down-left],[data-tts=up-left]{--t-left:0;--t-tx:0}[data-tts=down-left]::after,[data-tts=up-left]::after{--t-left:var(--t-offset)}[data-tts=down-left]::after,[data-tts=up-left]::before{--t-to:bottom left}[data-tts=down-left]::before,[data-tts=up-left]::after{--t-to:top left}[data-tts=down-right],[data-tts=up-right]{--t-left:auto;--t-right:0;--t-tx:0}[data-tts=down-right]::after,[data-tts=up-right]::after{--t-right:var(--t-offset)}[data-tts=down-right]::after,[data-tts=up-right]::before{--t-to:bottom right}[data-tts=down-right]::before,[data-tts=up-right]::after{--t-to:top right}@keyframes containerBloom{0%{box-shadow:0 0 0 rgba(0,0,0,0)}10%{box-shadow:0 0 12px #2ece6d}100%{box-shadow:0 0 12px rgba(0,0,0,0)}}a.feats-video-link{text-decoration:underline;text-underline-offset:4px;color:#1a5630;font-style:italic;cursor:pointer}a.feats-video-link:hover{color:#2ece6d}div.features-content{justify-content:center;flex-direction:row;margin-top:48px;display:flex;width:100%}@media only screen and (max-width: 670px){div.features-content{margin-top:24px}}@media only screen and (max-width: 592px){div.features-content{flex-direction:column}}div.features-selected{animation:3s containerBloom 1s backwards;background-color:#2ece6d !important;animation-timing-function:ease-in-out;animation-iteration-count:infinite;cursor:auto !important}div.features-selected:hover{background-color:#2ece6d !important}div.features-selected div.content{visibility:visible !important;height:26px !important;width:26px !important}@media only screen and (max-width: 670px){div.features-selected div.content{height:18px !important;width:18px !important}}div.active-feature{transform:translate3d(0, 0, 0);justify-content:center;display:inline-flex;width:50%}@media only screen and (max-width: 800px){div.active-feature{justify-content:flex-end;padding-right:32px}}@media only screen and (max-width: 670px){div.active-feature{justify-content:flex-start;padding-right:0;width:auto}}@media only screen and (max-width: 592px){div.active-feature{justify-content:center;padding-right:0;width:100%}}div.features-top-title{display:inline-flex;align-items:center;column-gap:14px;font-size:32px}@media only screen and (max-width: 912px){div.features-top-title{font-size:24px}}@media only screen and (max-width: 670px){div.features-top-title{font-size:20px}}@media only screen and (max-width: 912px){div.features-top-title img{height:48px;width:48px}}@media only screen and (max-width: 670px){div.features-top-title img{height:32px;width:32px}}div.features-matrix{transform:translate3d(0, 0, 0)}div.features-matrix img{position:relative;z-index:1}div.features-matrix div.shadow-effect{box-shadow:0 0 50px silver;transform:translateX(-50%);border-radius:30px;position:fixed;width:210px;bottom:15px;z-index:0;left:50%;top:15px}@media only screen and (max-width: 670px){div.features-matrix div.shadow-effect{box-shadow:0 0 25px silver;transform:translateX(0);width:140px;left:6px}}@media only screen and (max-width: 592px){div.features-matrix div.shadow-effect{transform:translateX(-50%);width:210px;left:50%}}div.features-slider{justify-content:center;display:flex}div.features-slider img{cursor:pointer}div.features-slider div.line{background-color:#68cb8d;transition:all .1s linear;justify-content:center;align-items:center;display:flex}div.features-slider div.content{justify-content:space-between;transition:all .1s linear;align-items:center;visibility:hidden;display:flex;height:0;width:0}div.features-slider div.container{background-color:#68cb8d;border-radius:40px;cursor:pointer;padding:8px}div.features-slider div.container:hover{background-color:#1a5630}@media only screen and (max-width: 670px){div.features-slider div.container{padding:6px}}@media only screen and (max-width: 670px){div.vertical-carousel{display:none}}div.vertical-carousel div.content{flex-direction:column}div.vertical-carousel div.line{flex-direction:column;row-gap:32px;height:60%;width:3px}div.vertical-carousel img:first-child{transform:scale(1) translateY(0)}div.vertical-carousel img:first-child:hover{transform:scale(1) translateY(-3px)}div.vertical-carousel img:last-child{transform:scale(1.2) translateY(0)}div.vertical-carousel img:last-child:hover{transform:scale(1.2) translateY(3px)}div.vertical-carousel div.features-slider{flex-direction:column;position:fixed;z-index:1;left:24px;bottom:0;top:0}section.features{background-color:#f8f8f8;padding:48px 50px 48px 50px;flex-direction:column;align-items:center;display:flex}@media only screen and (max-width: 912px){section.features{padding:48px 25px 48px 25px}}@media only screen and (max-width: 592px){section.features{padding:48px 16px 48px 16px}}section.features>h2{color:#0b2314;text-transform:uppercase;font-size:24px}@media only screen and (max-width: 912px){section.features>h2{font-size:20px}}@media only screen and (max-width: 670px){section.features>h2{font-size:18px}}@media only screen and (max-width: 592px){section.features>h2{font-size:16px}}section.features hr{background-color:#1a5630;margin-top:4px;width:64px;height:4px}section.features>span{color:#0b2314;line-height:32px;margin-top:16px;font-size:20px}@media only screen and (max-width: 670px){section.features>span{line-height:24px;font-size:16px}}@media only screen and (max-width: 592px){section.features>span{font-size:14px}}div.features-infos{color:#0b2314;justify-content:center;flex-direction:column;display:flex;row-gap:8px;width:50%}@media only screen and (max-width: 670px){div.features-infos{margin-left:24px;row-gap:4px;width:100%}}@media only screen and (max-width: 592px){div.features-infos{margin-top:16px;margin-left:0}}div.features-infos>span{margin-bottom:16px;margin-top:10px;font-size:18px}@media only screen and (max-width: 912px){div.features-infos>span{font-size:16px}}@media only screen and (max-width: 670px){div.features-infos>span{margin-bottom:6px;margin-top:6px;font-size:14px}}div.features-infos div.advantage{display:inline-flex;align-items:center;margin-bottom:6px;line-height:18px;column-gap:10px}@media only screen and (max-width: 912px){div.features-infos div.advantage{column-gap:8px;font-size:14px}}@media only screen and (max-width: 670px){div.features-infos div.advantage{font-size:12px;column-gap:6px}}div.horizontal-carousel{margin-top:64px;display:none}@media only screen and (max-width: 670px){div.horizontal-carousel{display:inline-block;margin-top:24px}}div.horizontal-carousel div.features-slider{flex-direction:row}div.horizontal-carousel div.content{transform:scale(1) translateX(-3.4px);flex-direction:row}@media only screen and (max-width: 670px){div.horizontal-carousel div.content{transform:scale(0.8) translateX(-3.4px)}}div.horizontal-carousel div.line{flex-direction:row;column-gap:32px;height:3px;width:60%}@media only screen and (max-width: 670px){div.horizontal-carousel div.line{column-gap:16px;width:70%}}div.horizontal-carousel img:first-child{transform:scale(1) translateX(-2px)}div.horizontal-carousel img:first-child:hover{transform:scale(1) translateX(-4px)}@media only screen and (max-width: 670px){div.horizontal-carousel img:first-child{height:12px;width:12px}}div.horizontal-carousel img:last-child{transform:scale(1) translateX(2px)}div.horizontal-carousel img:last-child:hover{transform:scale(1) translateX(4px)}@media only screen and (max-width: 670px){div.horizontal-carousel img:last-child{height:12px;width:12px}}aside.cts-displayed{transform:translate3d(0, 0, 0) translateY(0) !important}div.cts-title{justify-content:flex-end;display:inline-flex;margin-bottom:48px;width:100%}@media only screen and (max-width: 912px){div.cts-title{margin-bottom:32px}}@media only screen and (max-width: 592px){div.cts-title{margin-bottom:16px}}div.cts-title span{color:#fff;font-weight:bold;font-size:48px;cursor:auto}@media only screen and (max-width: 912px){div.cts-title span{font-size:32px}}@media only screen and (max-width: 592px){div.cts-title span{font-size:24px}}aside.contacts{transform:translate3d(0, 0, 0) translateY(-100%);background-color:rgba(0,0,0,.6);padding:64px 96px 48px 96px;backdrop-filter:blur(3px);justify-content:center;flex-direction:column;align-items:center;position:fixed;cursor:pointer;display:flex;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.contacts{padding:64px 48px 48px 48px}}@media only screen and (max-width: 670px){aside.contacts{padding:64px 32px 32px 32px}}@media only screen and (max-width: 592px){aside.contacts{padding:64px 16px 16px 16px}}aside.contacts>img{cursor:pointer;position:fixed;left:24px;top:24px}@media only screen and (max-width: 592px){aside.contacts>img{height:24px;width:24px;left:16px;top:16px}}div.cts-container{transform:translate3d(0, 0, 0);background-color:#fff;flex-direction:column;align-items:center;border-radius:6px;display:flex;padding:24px;cursor:auto}@media only screen and (max-width: 912px){div.cts-container{padding:20px}}@media only screen and (max-width: 670px){div.cts-container{padding:16px}}div.cts-container>span{color:#0b2314;margin-bottom:24px;font-size:18px}@media only screen and (max-width: 912px){div.cts-container>span{margin-bottom:20px;font-size:16px}}@media only screen and (max-width: 670px){div.cts-container>span{margin-bottom:8px;line-height:18px;font-size:14px}}div.cts-container div.close{border:1px solid silver;background-color:#fff;border-radius:48px;cursor:pointer;position:fixed;right:-14px;top:-16px}@media only screen and (max-width: 592px){div.cts-container div.close{display:none}}div.cts-container div.close img{filter:brightness(30%)}div.cts-container div.close:hover{background-color:#f33}div.cts-container div.close:hover>img{filter:brightness(100%)}div.cts-networks{justify-content:center;display:inline-flex;align-items:center;column-gap:48px}@media only screen and (max-width: 912px){div.cts-networks{column-gap:32px}}@media only screen and (max-width: 670px){div.cts-networks{column-gap:24px}}@media only screen and (max-width: 592px){div.cts-networks{column-gap:16px}}div.cts-networks div.network:nth-child(1)>div.logo>img{transform:scale(0.8) !important}div.cts-networks div.network:nth-child(3)>div.logo>img{transform:scale(0.8)}div.cts-networks div.logo{background-color:rgba(104,203,141,0);transform:scale(1);border-radius:48px;padding:14px}@media only screen and (max-width: 912px){div.cts-networks div.logo{padding:12px}}@media only screen and (max-width: 670px){div.cts-networks div.logo{padding:10px}}@media only screen and (max-width: 592px){div.cts-networks div.logo{padding:8px}}@media only screen and (max-width: 912px){div.cts-networks div.logo>img{min-height:48px;min-width:48px;height:48px;width:48px}}@media only screen and (max-width: 670px){div.cts-networks div.logo>img{min-height:32px;min-width:32px;height:32px;width:32px}}@media only screen and (max-width: 592px){div.cts-networks div.logo>img{min-height:28px;min-width:28px;height:28px;width:28px}}div.cts-networks div.network{color:#0b2314;flex-direction:column;align-items:center;cursor:pointer;font-size:18px;display:flex}@media only screen and (max-width: 912px){div.cts-networks div.network{font-size:16px}}@media only screen and (max-width: 670px){div.cts-networks div.network{font-size:14px}}div.cts-networks div.network:hover>div.logo{background-color:rgba(104,203,141,.6);transform:scale(0.8)}div.cts-networks div.network:hover{text-shadow:0 0 6px #2ece6d;color:#1a5630}.toast-container{--radius: 5px;--stack-gap: 20px;--safe-area-gap: env(safe-area-inset-bottom);position:fixed;display:block;max-width:468px;bottom:calc(env(safe-area-inset-bottom) + 20px);bottom:calc(var(--safe-area-gap, 0px) + 20px);right:20px;z-index:5000;transition:all .4s ease}.toast-container .toast{position:absolute;bottom:0;right:0;width:468px;transition:all .4s ease;transform:translate3d(0, 86px, 0);opacity:0}.toast-container .toast .toast-inner{--toast-bg: none;--toast-fg: #fff;--toast-border-color: #eaeaea;box-sizing:border-box;border-radius:var(--radius);border:1px solid #eaeaea;border:1px solid var(--toast-border-color);display:flex;align-items:center;justify-content:space-between;padding:24px;color:#fff;color:var(--toast-fg);background-color:none;background-color:var(--toast-bg);height:var(--height);transition:all .25s ease}.toast-container .toast .toast-inner.default{--toast-fg: #000;--toast-bg: #fff;box-shadow:0 5px 10px rgba(0,0,0,.1215686275)}.toast-container .toast .toast-inner.success{--toast-bg: #0076ff;--toast-border-color: var(--toast-bg)}.toast-container .toast .toast-inner.error{--toast-bg: #e00;--toast-border-color: var(--toast-bg)}.toast-container .toast .toast-inner.warning{--toast-bg: #f5a623;--toast-border-color: var(--toast-bg)}.toast-container .toast .toast-inner.dark{--toast-bg: #000;--toast-fg: #fff;--toast-border-color: #333}.toast-container .toast .toast-inner.dark .toast-button{--button-fg: #000;--button-bg: #fff;--button-border: #fff;--button-border-hover: #fff;--button-fg-hover: #fff}.toast-container .toast .toast-inner.dark .toast-button.cancel-button{--cancel-button-bg: #000;--cancel-button-fg: #888;--cancel-button-border: #333}.toast-container .toast .toast-inner.dark .toast-button.cancel-button:hover{color:#fff;border-color:var(--button-border)}.toast-container .toast .toast-text{width:100%;height:100%;font-size:14px;margin-top:-1px;margin-right:24px;transition:all .3s ease-in}.toast-container .toast .toast-button{--button-fg: #000;--button-bg: #fff;--button-border: #fff;--button-border-hover: #fff;--button-fg-hover: #fff;min-width:auto;height:24px;line-height:22px;padding:0 10px;font-size:14px;background-color:#fff;background-color:var(--button-bg);color:#000;color:var(--button-fg);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;vertical-align:middle;border-radius:var(--radius);outline:none;border:1px solid #fff;border:1px solid var(--button-border);transition:all .2s ease}.toast-container .toast .toast-button:hover{border-color:var(--button-border-hover);background-color:rgba(0,0,0,0);color:var(--button-fg-hover)}.toast-container .toast .toast-button.cancel-button{--cancel-button-bg: #fff;--cancel-button-fg: #666;--cancel-button-border: #eaeaea;margin-right:10px;color:#666;color:var(--cancel-button-fg);border-color:#eaeaea;border-color:var(--cancel-button-border);background-color:#fff;background-color:var(--cancel-button-bg)}.toast-container .toast .toast-button.cancel-button:hover{--cancel-button-fg: #000;--cancel-button-border: #000}.toast-container .toast .default .toast-button{--button-fg: #fff;--button-bg: #000;--button-border: #000;--button-border-hover: #000;--button-fg-hover: #000}.toast-container .toast:after{content:"";position:absolute;left:0;right:0;top:calc(100% + 1px);width:100%;height:1000px;background:rgba(0,0,0,0)}.toast-container .toast.toast-1{transform:translateZ(0);opacity:1}.toast-container .toast:not(:last-child){--i: calc(var(--index) - 1);transform:translate3d(0, calc(1px - var(--stack-gap) * (var(--index) - 1)), 0) scale(calc(1 - 0.05 * (var(--index) - 1)));transform:translate3d(0, calc(1px - var(--stack-gap) * (var(--index) - 1)), 0) scale(calc(1 - 0.05 * (var(--index) - 1)));transform:translate3d(0, calc(1px - var(--stack-gap) * var(--i)), 0) scale(calc(1 - 0.05 * var(--i)));opacity:1}.toast-container .toast:not(:last-child) .toast-inner{height:var(--front-height)}.toast-container .toast:not(:last-child) .toast-inner .toast-text{opacity:0}.toast-container .toast.toast-4{opacity:0}.toast-container:has(.toast-2):hover{bottom:30px;bottom:calc(var(--safe-area-gap, 0px) + 30px)}.toast-container:hover .toast{transform:translate3d(0, calc(var(--hover-offset-y) - var(--stack-gap) * (var(--index) - 1)), 0)}.toast-container:hover .toast .toast-inner{height:var(--height)}.toast-container:hover .toast .toast-text{opacity:1 !important}@media(max-width: 440px){.toast-container{max-width:90vw;right:5vw}.toast-container .toast{width:90vw}}span.header-active{text-shadow:0 0 10px #e6e6ef}div.header-menu-hook{border:1px solid #ddd;background-color:#fff;transform:rotate(45deg);position:fixed;height:24px;width:24px;right:26px;top:66px}@media only screen and (max-width: 512px){div.header-menu-hook{right:20px;top:52px}}header{justify-content:space-between;background-color:rgba(0,0,0,0);padding:10px 50px 12px 45px;display:inline-flex;align-items:center;position:fixed;z-index:2;right:0;left:0;top:0}@media only screen and (max-width: 1064px){header{padding:10px 16px 12px 12px}}@media only screen and (max-width: 512px){header{padding:8px 16px 10px 12px}}div.app{display:inline-flex;align-items:center;column-gap:4px}div.app img{cursor:pointer}@media only screen and (max-width: 1064px){div.app img{height:48px;width:48px}}@media only screen and (max-width: 512px){div.app img{height:36px;width:36px}}div.app span{font-family:"VadodaraRegular";color:#fff;cursor:pointer;font-size:22px}@media only screen and (max-width: 1064px){div.app span{font-size:18px}}@media only screen and (max-width: 512px){div.app span{font-size:13px}}@media only screen and (max-width: 300px){div.app span{display:none}}a.header-btn{border:1px solid #fff;text-transform:uppercase;text-decoration:none;display:inline-flex;border-radius:40px;align-items:center;padding:12px 24px;margin-left:12px;column-gap:12px;cursor:pointer;font-size:14px}@media only screen and (max-width: 1064px){a.header-btn{padding:8px 16px;margin-left:8px}}@media only screen and (max-width: 512px){a.header-btn{margin-left:0;padding:6px}}a.header-btn span{color:#fff}@media only screen and (max-width: 1064px){a.header-btn span{font-size:13px}}@media only screen and (max-width: 512px){a.header-btn span{display:none}}a.header-btn:hover{background-color:#fff}a.header-btn:hover span{color:#1a5630}a.header-btn:hover img{filter:brightness(1%)}div.header-contextual-menu{box-shadow:0 0 12px #ddd;border:1px solid #ddd;background-color:#fff;flex-direction:column;border-radius:4px;position:fixed;display:flex;width:220px;right:16px;top:78px}@media only screen and (max-width: 512px){div.header-contextual-menu{right:10px;top:62px}}div.header-contextual-menu>div:first-child{border-top-right-radius:4px;border-top-left-radius:4px;border-top:none}div.header-contextual-menu>div:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}div.header-contextual-menu div{border-top:1px solid #ddd;justify-content:space-between;padding:12px 4px 12px 12px;display:inline-flex;align-items:center}div.header-contextual-menu div img{filter:brightness(1%)}div.header-contextual-menu div:hover{background-color:#1a5630}div.header-contextual-menu div:hover>img{filter:brightness(100%)}div.header-contextual-menu div:hover>span{color:#fff}div.header-options{display:inline-flex;align-items:center;column-gap:36px}@media only screen and (max-width: 1064px){div.header-options{column-gap:18px}}div.header-options select>option{color:#1a5630}div.header-options img.emburger-menu{cursor:pointer;display:none}@media only screen and (max-width: 792px){div.header-options img.emburger-menu{display:inline-block}}@media only screen and (max-width: 512px){div.header-options img.emburger-menu{height:32px;width:32px}}div.header-options select{background-color:rgba(0,0,0,0);color:#fff;cursor:pointer;font-size:14px;border:none}@media only screen and (max-width: 1064px){div.header-options select{font-size:12px}}div.header-options>span{text-transform:uppercase;color:#fff;cursor:pointer;font-size:14px}@media only screen and (max-width: 1064px){div.header-options>span{font-size:12px}}@media only screen and (max-width: 792px){div.header-options>span{display:none}}div.header-options>span:hover{text-shadow:0 0 10px #e6e6ef}section.banner{transform:translate3d(0, 0, 0)}section.banner>img{object-fit:cover;position:fixed;height:100%;width:100%;z-index:0;bottom:0;right:0;left:0;top:0}div.banner-content{background-color:rgba(26,86,48,.75);justify-content:space-between;padding:96px 50px 12px 50px;display:inline-flex;position:relative;z-index:1}@media only screen and (max-width: 812px){div.banner-content{padding:96px 25px 12px 25px}}@media only screen and (max-width: 620px){div.banner-content{padding:96px 16px 12px 16px}}div.banner-right-part{justify-content:center;display:inline-flex;align-items:center;width:50%}@media only screen and (max-width: 812px){div.banner-right-part{justify-content:flex-end}}@media only screen and (max-width: 620px){div.banner-right-part{display:none}}div.banner-left-part{color:#fff;justify-content:center;flex-direction:column;row-gap:32px;display:flex;width:50%}@media only screen and (max-width: 620px){div.banner-left-part{row-gap:16px;width:auto}}@media only screen and (max-width: 812px){div.banner-left-part>span:nth-child(2){font-size:14px}}@media only screen and (max-width: 620px){div.banner-left-part>span:nth-child(2){text-align:center}}div.banner-left-part>span:first-child{font-weight:bold;line-height:64px;font-size:48px}@media only screen and (max-width: 812px){div.banner-left-part>span:first-child{line-height:48px;font-size:32px}}@media only screen and (max-width: 620px){div.banner-left-part>span:first-child{text-align:center;line-height:32px;font-size:24px}}div.banner-downloads{display:inline-flex;column-gap:16px}@media only screen and (max-width: 620px){div.banner-downloads{justify-content:center;margin-bottom:16px}}@media only screen and (max-width: 326px){div.banner-downloads{flex-direction:column;row-gap:16px}}div.banner-downloads a{border:1px solid #c5c7ca;background-color:#0a0b0d;text-decoration:none;display:inline-flex;border-radius:6px;cursor:pointer}@media only screen and (max-width: 326px){div.banner-downloads a{width:100%}}div.banner-downloads a:hover{background-color:#20232a}div.banner-downloads a>div:nth-child(3){background-color:#1a5630;border-bottom-right-radius:6px;border-top-right-radius:6px;margin-left:10px}@media only screen and (max-width: 812px){div.banner-downloads a>div:nth-child(1)>img,div.banner-downloads a>div:nth-child(3)>img{height:16px;width:16px}}div.banner-downloads a>div:nth-child(2)>span:nth-child(1){color:#c5c7ca;font-size:11px}@media only screen and (max-width: 812px){div.banner-downloads a>div:nth-child(2)>span:nth-child(1){font-size:10px}}div.banner-downloads a>div:nth-child(1),div.banner-downloads a>div:nth-child(3){display:inline-flex;align-items:center;padding:6px}@media only screen and (max-width: 812px){div.banner-downloads a>div:nth-child(1),div.banner-downloads a>div:nth-child(3){padding:4px}}div.banner-downloads a>div:nth-child(2){justify-content:center;flex-direction:column;padding:0 2px 2px 2px;display:flex}@media only screen and (max-width: 326px){div.banner-downloads a>div:nth-child(2){width:100%}}div.banner-downloads a>div:nth-child(2)>span:nth-child(2){color:#fff;font-weight:bold;margin-top:-6px;font-size:14px}@media only screen and (max-width: 812px){div.banner-downloads a>div:nth-child(2)>span:nth-child(2){font-size:11px}}div.foot-bottom{flex-direction:column;align-items:center;display:flex;width:100%}div.foot-bottom hr{background-color:silver}div.foot-bottom span{font-style:italic;text-align:center;margin-top:10px;font-size:12px}footer.footer{background-color:#1a5630;padding:10px 50px 10px 50px;color:#fff}@media only screen and (max-width: 912px){footer.footer{padding:10px 25px 10px 25px}}@media only screen and (max-width: 670px){footer.footer{padding:10px 20px 10px 20px}}@media only screen and (max-width: 592px){footer.footer{padding:10px 16px 10px 16px}}div.foot-top>div.right-tags{transform:translateX(-6px);display:inline-flex;align-items:center;column-gap:12px;cursor:pointer}@media only screen and (max-width: 912px){div.foot-top>div.right-tags{transform:translateX(0)}}div.foot-top>div.right-tags img:hover{box-shadow:0 0 10px #2ece6d}div.foot-top>div.right-tags img{border-radius:48px}@media only screen and (max-width: 912px){div.foot-top>div.right-tags img{min-height:26px;min-width:26px;height:26px;width:26px}}@media only screen and (max-width: 670px){div.foot-top>div.right-tags img{min-height:22px;min-width:22px;height:22px;width:22px}}div.foot-top{justify-content:space-between;display:inline-flex;align-items:center;width:100%}div.foot-top>img:nth-child(1){transform:translateX(-3px);cursor:pointer}@media only screen and (max-width: 912px){div.foot-top>img:nth-child(1){min-height:32px;min-width:32px;height:32px;width:32px}}@media only screen and (max-width: 670px){div.foot-top>img:nth-child(1){min-height:28px;min-width:28px;height:28px;width:28px}}div.foot-top div.global-options{justify-content:center;display:inline-flex;align-items:center;column-gap:32px;font-size:18px;width:100%}@media only screen and (max-width: 912px){div.foot-top div.global-options{column-gap:24px;font-size:16px}}@media only screen and (max-width: 670px){div.foot-top div.global-options{column-gap:16px;font-size:14px}}@media only screen and (max-width: 592px){div.foot-top div.global-options{column-gap:10px;font-size:12px}}@media only screen and (max-width: 412px){div.foot-top div.global-options{visibility:hidden;column-gap:0;font-size:0}}div.foot-top div.global-options>span{cursor:pointer}div.foot-top div.global-options>span:hover{text-shadow:0 0 8px #fff;text-underline-offset:4px;text-decoration:underline}div.arrows-displayed{transform:translateY(0) !important;display:inline-flex !important;visibility:visible !important;opacity:1 !important}aside.arrows{display:inline-flex;position:fixed;bottom:50px;right:50px;z-index:2}@media only screen and (max-width: 912px){aside.arrows{bottom:48px;right:48px}}@media only screen and (max-width: 670px){aside.arrows{bottom:32px;right:32px}}@media only screen and (max-width: 592px){aside.arrows{bottom:16px;right:16px}}aside.arrows div:first-child{transform:translateY(50px);position:absolute}aside.arrows div:first-child img{transform:translateY(-2px) scale(1.1)}aside.arrows div:last-child{transform:translateY(-50px)}aside.arrows div:last-child img{transform:translate(1px, 3px) scale(1.2)}@media only screen and (max-width: 912px){aside.arrows div>img{min-height:18px;min-width:18px;height:18px;width:18px}}aside.arrows div{box-shadow:0 0 8px #000;background-color:#2ece6d;justify-content:center;display:inline-flex;align-items:center;border-radius:48px;visibility:hidden;cursor:pointer;height:48px;width:48px;opacity:0}aside.arrows div:hover{background-color:#68cb8d}@media only screen and (max-width: 912px){aside.arrows div{border-radius:32px;height:32px;width:32px}}aside.about-displayed{transform:translateX(0) !important}aside.about>div.return{justify-content:center;display:inline-flex;width:100%}aside.about>div.return>button{border:1px solid #0b2314;color:#0b2314;justify-content:center;display:inline-flex;align-items:center;border-radius:6px;column-gap:12px;cursor:pointer;outline:none;padding:12px}@media only screen and (max-width: 670px){aside.about>div.return>button{font-size:14px;padding:10px}}@media only screen and (max-width: 592px){aside.about>div.return>button{font-size:12px;padding:8px}}@media only screen and (max-width: 324px){aside.about>div.return>button{width:100%}}aside.about>div.return>button span{transition:all 30ms linear}aside.about>div.return>button:hover{background-color:#1a5630;color:#fff}aside.about>div.return>button:hover img{filter:brightness(100%)}aside.about>div.return>button img{filter:brightness(30%)}@media only screen and (max-width: 592px){aside.about>div.return>button img{min-height:18px;min-width:18px;height:18px;width:18px}}aside.about>div.avatars{color:#0b2314;flex-direction:column;margin-top:32px;font-size:18px;row-gap:24px;display:flex}@media only screen and (max-width: 912px){aside.about>div.avatars{margin-top:20px;font-size:16px}}@media only screen and (max-width: 670px){aside.about>div.avatars{margin-top:18px;font-size:14px}}@media only screen and (max-width: 592px){aside.about>div.avatars{margin-top:16px;font-size:12px;row-gap:20px}}aside.about>div.avatars div.obrymec>img:hover,aside.about>div.avatars div.mokira>img:hover{filter:grayscale(1)}aside.about>div.avatars div.obrymec,aside.about>div.avatars div.mokira{display:inline-flex;align-items:center;column-gap:16px}aside.about>div.avatars div.obrymec div.data,aside.about>div.avatars div.mokira div.data{transform:translateY(-6px)}aside.about>div.avatars div.obrymec>div.data>h6:nth-child(2),aside.about>div.avatars div.mokira>div.data>h6:nth-child(2){color:gray}@media only screen and (max-width: 670px){aside.about>div.avatars div.obrymec>div.data>h6:nth-child(2),aside.about>div.avatars div.mokira>div.data>h6:nth-child(2){margin-top:-4px}}@media only screen and (max-width: 592px){aside.about>div.avatars div.obrymec>div.data>h6:nth-child(2),aside.about>div.avatars div.mokira>div.data>h6:nth-child(2){margin-top:-7px}}aside.about>div.avatars div.obrymec>img,aside.about>div.avatars div.mokira>img{box-shadow:0 0 8px #000;border:1px solid #fff;border-radius:96px;margin-bottom:12px;object-fit:cover;min-height:64px;min-width:64px;height:64px;width:64px}@media only screen and (max-width: 912px){aside.about>div.avatars div.obrymec>img,aside.about>div.avatars div.mokira>img{margin-bottom:10px}}@media only screen and (max-width: 670px){aside.about>div.avatars div.obrymec>img,aside.about>div.avatars div.mokira>img{margin-bottom:8px;min-height:48px;min-width:48px;height:48px;width:48px}}aside.about{background-color:#fff;transform:translateX(100%);padding:64px 96px 48px 96px;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;position:fixed;display:flex;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.about{padding:64px 48px 48px 48px}}@media only screen and (max-width: 670px){aside.about{padding:64px 32px 32px 32px}}@media only screen and (max-width: 592px){aside.about{padding:64px 16px 16px 16px}}aside.about div.sponsors>span{color:#0b2314;font-weight:700;font-size:32px}@media only screen and (max-width: 912px){aside.about div.sponsors>span{font-size:16px}}aside.about>span:nth-child(1){color:#0b2314;margin-bottom:72px;font-weight:bold;font-size:64px}@media only screen and (max-width: 670px){aside.about>span:nth-child(1){margin-bottom:48px;font-size:64px}}@media only screen and (max-width: 592px){aside.about>span:nth-child(1){margin-bottom:32px;font-size:48px}}aside.about>span:nth-child(2){color:#0b2314;text-align:center;line-height:32px;font-size:18px}@media only screen and (max-width: 912px){aside.about>span:nth-child(2){line-height:24px;font-size:16px}}@media only screen and (max-width: 670px){aside.about>span:nth-child(2){line-height:20px;font-size:14px}}@media only screen and (max-width: 592px){aside.about>span:nth-child(2){font-size:12px}}aside.about div.sponsors{justify-content:center;display:inline-flex;margin-top:12px;width:100%}@media only screen and (max-width: 912px){aside.about div.sponsors{padding-bottom:2px;margin-top:0}}@media only screen and (max-width: 670px){aside.about div.sponsors{margin-top:-4px}}@media only screen and (max-width: 592px){aside.about div.sponsors{margin-top:-8px}}aside.license-displayed{transform:scale(1) !important;visibility:visible !important;opacity:1 !important}aside.license-displayed select{pointer-events:auto !important}aside.license>div.popup{background-color:#fff;flex-direction:column;border-radius:6px;display:flex;height:560px;cursor:auto}@media only screen and (max-width: 412px){aside.license>div.popup{height:420px;width:250px}}a.license-disabled{background-color:#ccc !important;color:#787878 !important;cursor:not-allowed !important}a.license-disabled img{filter:brightness(50%) !important}a.license-disabled:hover{background-color:#ccc !important;color:#787878 !important;text-shadow:none !important}a.license-disabled:hover img{filter:brightness(50%) !important}button.license-decline{border:1px ridge #ccc;background-color:#f8f8f8;color:#0b2314;border-radius:32px;cursor:pointer;padding:14px;outline:none}@media only screen and (max-width: 412px){button.license-decline{display:none}}button.license-decline:hover{text-shadow:0 0 10px #fff;background-color:#eccb63}aside.license>div.popup>div.middle-content{color:#0b2314;padding:0 24px 0 24px;overflow-x:hidden;overflow-y:auto;height:100%}@media only screen and (max-width: 912px){aside.license>div.popup>div.middle-content{padding:0 20px 0 20px;line-height:24px;font-size:16px}}@media only screen and (max-width: 670px){aside.license>div.popup>div.middle-content{padding:0 18px 0 18px;line-height:20px;font-size:14px}}@media only screen and (max-width: 592px){aside.license>div.popup>div.middle-content{padding:0 16px 0 16px;line-height:18px;font-size:12px}}aside.license{background-color:rgba(0,0,0,.6);padding:64px 96px 48px 96px;backdrop-filter:blur(3px);justify-content:center;transform:scale(1.3);align-items:center;visibility:hidden;position:fixed;cursor:pointer;display:flex;opacity:0;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.license{padding:48px 64px 48px 64px}}@media only screen and (max-width: 670px){aside.license{padding:32px}}@media only screen and (max-width: 592px){aside.license{padding:32px 16px 32px 16px}}div.license-footer{border-top:1px ridge #ddd;padding:16px}@media only screen and (max-width: 912px){div.license-footer{font-size:16px;padding:14px}}@media only screen and (max-width: 670px){div.license-footer{font-size:14px;padding:12px}}@media only screen and (max-width: 592px){div.license-footer{font-size:12px;padding:10px}}div.license-footer div.bottom-buttons{justify-content:flex-end;display:inline-flex;align-items:center;column-gap:16px;margin-top:12px;width:100%}@media only screen and (max-width: 412px){div.license-footer div.bottom-buttons{justify-content:center}}div.license-footer div.terms-checkbox,div.license-footer div.policy-checkbox{color:#0b2314;justify-content:center;display:inline-flex}div.license-footer div.terms-checkbox label,div.license-footer div.policy-checkbox label{line-height:16px;cursor:pointer}div.license-footer div.terms-checkbox a,div.license-footer div.policy-checkbox a{text-decoration:underline;color:#2ece6d}div.license-footer div.terms-checkbox a:hover,div.license-footer div.policy-checkbox a:hover{color:#1a5630}div.license-footer div.terms-checkbox input,div.license-footer div.policy-checkbox input{accent-color:#1a5630;margin-right:8px;cursor:pointer}a.license-download{border:1px ridge #ccc;background-color:#68cb8d;padding:12px 16px 12px 16px;color:#0b2314;justify-content:center;display:inline-flex;align-items:center;border-radius:32px;column-gap:10px;cursor:pointer}@media only screen and (max-width: 912px){a.license-download{padding:10px 14px 10px 14px}}@media only screen and (max-width: 670px){a.license-download{padding:8px 12px 8px 12px;column-gap:8px}}@media only screen and (max-width: 592px){a.license-download{margin-bottom:3px;line-height:18px}}a.license-download span{transition:all 50ms linear}a.license-download:hover{text-shadow:0 0 10px #fff;background-color:#2ece6d;color:#fff}a.license-download:hover img{filter:brightness(100%)}a.license-download img{filter:brightness(20%)}@media only screen and (max-width: 912px){a.license-download img{min-height:22px;min-width:22px;height:22px;width:22px}}@media only screen and (max-width: 670px){a.license-download img{min-height:20px;min-width:20px;height:20px;width:20px}}@media only screen and (max-width: 592px){a.license-download img{min-height:18px;min-width:18px;height:18px;width:18px}}div.license-header{border-bottom:1px ridge #ddd;border-top-right-radius:6px;border-top-left-radius:6px;display:inline-flex;align-items:center}div.license-header select{background-color:rgba(0,0,0,0);color:#0b2314;pointer-events:none;font-weight:bold;cursor:pointer;font-size:24px;padding:16px;border:none;width:100%}@media only screen and (max-width: 912px){div.license-header select{font-size:20px;padding:14px}}@media only screen and (max-width: 670px){div.license-header select{font-size:18px;padding:12px}}@media only screen and (max-width: 592px){div.license-header select{font-size:16px;padding:10px}}div.license-header img{filter:brightness(30%);margin-right:16px;margin-left:12px;cursor:pointer}@media only screen and (max-width: 912px){div.license-header img{margin-right:14px;min-height:28px;min-width:28px;height:28px;width:28px}}@media only screen and (max-width: 670px){div.license-header img{margin-right:12px;min-height:24px;min-width:24px;height:24px;width:24px}}@media only screen and (max-width: 592px){div.license-header img{margin-right:10px;min-height:20px;min-width:20px;height:20px;width:20px}}div.license-header img:hover{background-color:#f33;filter:brightness(100%);border-radius:48px}aside.faqs-popup-displayed{transform:translate3d(0, 0, 0) translateY(0) !important}div.faqs-qst-deployed{background-color:#e7f8ed !important;box-shadow:0 0 4px silver}div.faqs-full-qst{grid-template-columns:1fr 1fr;align-items:start;display:grid;gap:32px}@media only screen and (max-width: 670px){div.faqs-full-qst{grid-template-columns:auto;gap:16px}}span.faqs-contact-us{text-decoration:underline;text-underline-offset:4px;color:#1a5630;font-style:italic;cursor:pointer}span.faqs-contact-us:hover{color:#2ece6d}div.faqs-question{border:1px solid silver;background-color:#fff;color:#0b2314;justify-content:center;flex-direction:column;border-radius:4px;display:flex;width:100%}div.faqs-question:hover{box-shadow:0 0 4px silver}div.faqs-deployed{padding:0 16px 16px 16px !important;height:auto !important}@media only screen and (max-width: 912px){div.faqs-deployed{padding:0 14px 14px 14px !important}}@media only screen and (max-width: 670px){div.faqs-deployed{padding:0 12px 12px 12px !important}}@media only screen and (max-width: 592px){div.faqs-deployed{padding:0 10px 10px 10px !important}}div.faqs-qst-content{border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:0 16px 0 16px;line-height:32px;overflow:hidden;font-size:20px;height:0}@media only screen and (max-width: 912px){div.faqs-qst-content{padding:0 14px 0 14px;line-height:26px;font-size:18px}}@media only screen and (max-width: 670px){div.faqs-qst-content{padding:0 12px 0 12px;line-height:24px;font-size:16px}}@media only screen and (max-width: 592px){div.faqs-qst-content{padding:0 10px 0 10px;line-height:20px;font-size:14px}}div.faqs-qst-content>hr{background-color:silver;margin-bottom:16px}@media only screen and (max-width: 912px){div.faqs-qst-content>hr{margin-bottom:14px}}@media only screen and (max-width: 670px){div.faqs-qst-content>hr{margin-bottom:12px}}@media only screen and (max-width: 592px){div.faqs-qst-content>hr{margin-bottom:10px}}div.faqs-content{flex-direction:column;align-items:flex-end;margin-top:48px;display:flex}div.faqs-content>button>span{color:#0b2314;font-size:18px}@media only screen and (max-width: 670px){div.faqs-content>button>span{font-size:16px}}@media only screen and (max-width: 592px){div.faqs-content>button>span{font-size:14px}}div.faqs-content>button{background-color:#68cb8d;border-radius:4px;cursor:pointer;outline:none;padding:16px;border:none}@media only screen and (max-width: 912px){div.faqs-content>button{font-size:14px;padding:14px}}@media only screen and (max-width: 670px){div.faqs-content>button{font-size:12px;padding:12px}}@media only screen and (max-width: 592px){div.faqs-content>button{padding:10px}}div.faqs-content>button:hover{background-color:#2ece6d}div.faqs-content>button:hover>span{text-shadow:0 0 8px #fff;color:#fff}div.faqs-qst-header{justify-content:space-between;border-top-right-radius:4px;border-top-left-radius:4px;display:inline-flex;align-items:center;line-height:32px;column-gap:12px;cursor:pointer;font-size:24px;padding:16px;width:100%}@media only screen and (max-width: 912px){div.faqs-qst-header{line-height:26px;font-size:20px;padding:14px}}@media only screen and (max-width: 670px){div.faqs-qst-header{line-height:24px;font-size:18px;padding:12px}}@media only screen and (max-width: 592px){div.faqs-qst-header{line-height:22px;font-size:16px;padding:10px}}div.faqs-qst-header img{min-height:26px;min-width:26px;cursor:pointer}@media only screen and (max-width: 912px){div.faqs-qst-header img{min-height:22px;min-width:22px;height:22px;width:22px}}@media only screen and (max-width: 670px){div.faqs-qst-header img{min-height:18px;min-width:18px;height:18px;width:18px}}section.faqs{background-color:#fff;padding:48px 50px 48px 50px;flex-direction:column;align-items:center;display:flex}@media only screen and (max-width: 912px){section.faqs{padding:48px 25px 48px 25px}}@media only screen and (max-width: 592px){section.faqs{padding:48px 16px 48px 16px}}section.faqs>h2{text-transform:uppercase;color:#0b2314;text-align:center;font-size:24px}@media only screen and (max-width: 912px){section.faqs>h2{font-size:20px}}@media only screen and (max-width: 670px){section.faqs>h2{font-size:18px}}@media only screen and (max-width: 592px){section.faqs>h2{font-size:16px}}section.faqs>hr{background-color:#1a5630;margin-top:4px;width:64px;height:4px}section.faqs>span{color:#0b2314;line-height:32px;margin-top:16px;font-size:20px}@media only screen and (max-width: 670px){section.faqs>span{line-height:24px;font-size:16px}}@media only screen and (max-width: 592px){section.faqs>span{font-size:14px}}div.faqs-input{display:inline-flex;margin-bottom:48px;width:100%}div.faqs-input div.search>img{transform:translate(8px, 10px);position:absolute}@media only screen and (max-width: 670px){div.faqs-input div.search>img{height:22px;width:22px}}@media only screen and (max-width: 592px){div.faqs-input div.search>img{height:20px;width:20px}}div.faqs-input div.clear>img{transform:translate(-30px, 10px);filter:brightness(20%);position:absolute;cursor:pointer}@media only screen and (max-width: 670px){div.faqs-input div.clear>img{transform:translate(-28px, 10px);height:22px;width:22px}}@media only screen and (max-width: 592px){div.faqs-input div.clear>img{transform:translate(-26px, 10px);height:20px;width:20px}}div.faqs-input input{box-shadow:0 2px 3px silver inset;background-color:#fff;padding:12px 36px 12px 36px;color:#1a5630;border-radius:4px;font-size:18px;border:none;width:100%}@media only screen and (max-width: 670px){div.faqs-input input{font-size:16px}}@media only screen and (max-width: 592px){div.faqs-input input{padding:12px 32px 12px 32px;font-size:14px}}aside.faqs-popup{transform:translate3d(0, 0, 0) translateY(100%);background-color:#1a5630;padding:64px 96px 48px 96px;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;position:fixed;display:flex;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.faqs-popup{padding:64px 48px 48px 48px}}@media only screen and (max-width: 670px){aside.faqs-popup{padding:64px 32px 32px 32px}}@media only screen and (max-width: 592px){aside.faqs-popup{padding:64px 16px 16px 16px}}aside.faqs-popup>img{cursor:pointer;position:fixed;left:92px;top:24px}@media only screen and (max-width: 912px){aside.faqs-popup>img{left:48px}}@media only screen and (max-width: 670px){aside.faqs-popup>img{left:32px}}@media only screen and (max-width: 592px){aside.faqs-popup>img{height:24px;width:24px;left:16px;top:16px}}aside.faqs-popup>span{color:#2ece6d;margin-bottom:72px;font-weight:bold;font-size:96px}@media only screen and (max-width: 670px){aside.faqs-popup>span{margin-bottom:48px;font-size:64px}}@media only screen and (max-width: 592px){aside.faqs-popup>span{margin-bottom:32px;font-size:48px}}*{transition:all .2s ease-in-out}a{text-decoration:none}.turn-off{display:none !important}.masked{opacity:0 !important}.reset-style,.reset-style *{all:revert}@font-face{font-family:"VadodaraRegular";src:url("./assets/fonts/vadodara-regular.ttf")}@font-face{font-family:"UbuntuRegular";src:url("./assets/fonts/ubuntu-regular.ttf")}button.swal2-cancel{box-shadow:0 0 0 rgba(0,0,0,0) !important;font-family:"UbuntuRegular"}@media only screen and (max-width: 920px){button.swal2-cancel{font-size:.92rem !important}}body{font-family:"UbuntuRegular";color:#1a5630;line-height:24px;user-select:none;font-weight:400;font-size:16px}h2.swal2-title{font-family:"UbuntuRegular";color:#0e2f1a}@media only screen and (max-width: 920px){h2.swal2-title{font-size:1.5rem !important}}button.swal2-confirm{background-color:#1a5630 !important;box-shadow:0 0 0 rgba(0,0,0,0) !important;font-family:"UbuntuRegular"}button.swal2-confirm:hover{background-color:#68cb8d !important}@media only screen and (max-width: 920px){button.swal2-confirm{font-size:.92rem !important}}div.toast{width:250px !important}div.toast div.toast-inner{background-color:#1a5630 !important;padding:14px !important}div.toast div.toast-text{font-family:"UbuntuRegular";font-size:16px !important;color:#fff}@media only screen and (max-width: 920px){div.toast div.toast-text{font-size:14px !important}}div.swal2-icon{border-color:#f33 !important}div.swal2-icon div.swal2-icon-content{color:#f33}div.swal2-icon span.swal2-x-mark-line-right,div.swal2-icon span.swal2-x-mark-line-left{background-color:#f33}@media only screen and (max-width: 920px){div.swal2-icon{height:4rem;width:4rem}div.swal2-icon div.swal2-icon-content{font-size:3rem}div.swal2-icon span.swal2-x-mark{font-size:.8rem}}div.swal2-html-container{color:#0e2f1a !important;font-family:"UbuntuRegular";line-height:26px !important}div.swal2-html-container details{text-align:left}div.swal2-html-container details summary{cursor:pointer;font-size:15px}div.swal2-html-container details p{font-size:13px}@media only screen and (max-width: 920px){div.swal2-html-container{line-height:23px !important;font-size:1rem !important}div.swal2-html-container details>summary{font-size:14px}div.swal2-html-container details>p{font-size:12px}} +html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;text-rendering:optimizeSpeed;width:100%}*,:after,:before{box-sizing:border-box}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{height:auto;max-width:100%;vertical-align:middle}img,picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;background:rgba(0,0,0,0);border:0;cursor:pointer}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{background:rgba(0,0,0,0);border:0}textarea{overflow:auto;resize:vertical;vertical-align:top}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{background:#000;border:0;box-sizing:content-box;height:1px;line-height:0;margin:0;overflow:visible;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{border:0;color:inherit;display:block;max-width:100%;white-space:normal;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}:where([data-tts]){position:relative;display:inline-block}:where([data-tts])::before{content:attr(aria-label)}[data-tts]{--t-po:calc(100% - var(--t-tt));--t-bg:var(--tts-background, rgba(0, 0, 0, 0.9));--t-arrow:var(--tts-arrow, 6px);--t-offset:var(--tts-arrow-offset, 6px)}[data-tts]::after,[data-tts]::before{position:absolute;top:var(--t-top);left:var(--t-left);right:var(--t-right);bottom:var(--t-bottom);opacity:var(--t-op);z-index:10;pointer-events:none;transform:translate(var(--t-tx, 0), var(--t-ty, 0)) scale(var(--t-ts, 1));transform-origin:var(--t-to, bottom);transition-property:opacity,transform;transition-duration:var(--tts-duration, 0.3s);will-change:transform}[data-tts]:not(:hover):not([data-tts-visible]){--t-op:0;--t-tt:var(--tts-start-translate, 0px);--t-ts:var(--tts-start-scale, 1)}[data-tts]:hover,[data-tts][data-tts-visible]{--t-tt:var(--tts-end-translate, 0px);--t-ts:var(--tts-end-scale, 1)}[data-tts]::before{font-size:var(--tts-font-size, 14px);font-family:var(--tts-font-family, Roboto, sans-serif);color:var(--tts-color, #fff);padding:var(--tts-padding, 0.5em 0.75em);border-radius:var(--tts-border-radius, 0.25em);font-weight:400;line-height:1.5;white-space:nowrap;background-color:var(--t-bg)}[data-tts]::after{content:"";border-style:solid;border-color:rgba(0,0,0,0);border-width:var(--t-arrow)}[data-tts*=up],[data-tts=""]{--t-top:0;--t-left:50%;--t-tx:-50%}[data-tts*=up]::before,[data-tts=""]::before{--t-ty:calc((var(--t-po) + var(--t-arrow)) * -1)}[data-tts*=up]::after,[data-tts=""]::after{--t-to:top;--t-ty:calc(var(--t-po) * -1);border-top-color:var(--t-bg);border-bottom-width:0}[data-tts*=down]{--t-bottom:0;--t-left:50%;--t-tx:-50%}[data-tts*=down]::before{--t-to:top;--t-ty:calc(var(--t-po) + var(--t-arrow))}[data-tts*=down]::after{--t-to:bottom;--t-ty:var(--t-po);border-bottom-color:var(--t-bg);border-top-width:0}[data-tts=left]{--t-left:0;--t-top:50%;--t-ty:-50%}[data-tts=left]::before{--t-to:right;--t-tx:calc((var(--t-po) + var(--t-arrow)) * -1)}[data-tts=left]::after{--t-to:left;--t-tx:calc(var(--t-po) * -1);border-left-color:var(--t-bg);border-right-width:0}[data-tts=right]{--t-right:0;--t-top:50%;--t-ty:-50%}[data-tts=right]::before{--t-to:left;--t-tx:calc(var(--t-po) + var(--t-arrow))}[data-tts=right]::after{--t-to:right;--t-tx:var(--t-po);border-right-color:var(--t-bg);border-left-width:0}[data-tts=down-left],[data-tts=up-left]{--t-left:0;--t-tx:0}[data-tts=down-left]::after,[data-tts=up-left]::after{--t-left:var(--t-offset)}[data-tts=down-left]::after,[data-tts=up-left]::before{--t-to:bottom left}[data-tts=down-left]::before,[data-tts=up-left]::after{--t-to:top left}[data-tts=down-right],[data-tts=up-right]{--t-left:auto;--t-right:0;--t-tx:0}[data-tts=down-right]::after,[data-tts=up-right]::after{--t-right:var(--t-offset)}[data-tts=down-right]::after,[data-tts=up-right]::before{--t-to:bottom right}[data-tts=down-right]::before,[data-tts=up-right]::after{--t-to:top right}@keyframes containerBloom{0%{box-shadow:0 0 0 rgba(0,0,0,0)}10%{box-shadow:0 0 12px #2ece6d}100%{box-shadow:0 0 12px rgba(0,0,0,0)}}a.feats-video-link{text-decoration:underline;text-underline-offset:4px;color:#1a5630;font-style:italic;cursor:pointer}a.feats-video-link:hover{color:#2ece6d}div.features-content{justify-content:center;flex-direction:row;margin-top:48px;display:flex;width:100%}@media only screen and (max-width: 670px){div.features-content{margin-top:24px}}@media only screen and (max-width: 592px){div.features-content{flex-direction:column}}div.features-selected{animation:3s containerBloom 1s backwards;background-color:#2ece6d !important;animation-timing-function:ease-in-out;animation-iteration-count:infinite;cursor:auto !important}div.features-selected:hover{background-color:#2ece6d !important}div.features-selected div.content{visibility:visible !important;height:26px !important;width:26px !important}@media only screen and (max-width: 670px){div.features-selected div.content{height:18px !important;width:18px !important}}div.active-feature{transform:translate3d(0, 0, 0);justify-content:center;display:inline-flex;width:50%}@media only screen and (max-width: 800px){div.active-feature{justify-content:flex-end;padding-right:32px}}@media only screen and (max-width: 670px){div.active-feature{justify-content:flex-start;padding-right:0;width:auto}}@media only screen and (max-width: 592px){div.active-feature{justify-content:center;padding-right:0;width:100%}}div.features-top-title{display:inline-flex;align-items:center;column-gap:14px;font-size:32px}@media only screen and (max-width: 912px){div.features-top-title{font-size:24px}}@media only screen and (max-width: 670px){div.features-top-title{font-size:20px}}@media only screen and (max-width: 912px){div.features-top-title img{height:48px;width:48px}}@media only screen and (max-width: 670px){div.features-top-title img{height:32px;width:32px}}div.features-matrix{transform:translate3d(0, 0, 0)}div.features-matrix img{position:relative;z-index:1}div.features-matrix div.shadow-effect{box-shadow:0 0 50px silver;transform:translateX(-50%);border-radius:30px;position:fixed;width:210px;bottom:15px;z-index:0;left:50%;top:15px}@media only screen and (max-width: 670px){div.features-matrix div.shadow-effect{box-shadow:0 0 25px silver;transform:translateX(0);width:140px;left:6px}}@media only screen and (max-width: 592px){div.features-matrix div.shadow-effect{transform:translateX(-50%);width:210px;left:50%}}div.features-slider{justify-content:center;display:flex}div.features-slider img{cursor:pointer}div.features-slider div.line{background-color:#68cb8d;transition:all .1s linear;justify-content:center;align-items:center;display:flex}div.features-slider div.content{justify-content:space-between;transition:all .1s linear;align-items:center;visibility:hidden;display:flex;height:0;width:0}div.features-slider div.container{background-color:#68cb8d;border-radius:40px;cursor:pointer;padding:8px}div.features-slider div.container:hover{background-color:#1a5630}@media only screen and (max-width: 670px){div.features-slider div.container{padding:6px}}@media only screen and (max-width: 670px){div.vertical-carousel{display:none}}div.vertical-carousel div.content{flex-direction:column}div.vertical-carousel div.line{flex-direction:column;row-gap:32px;height:60%;width:3px}div.vertical-carousel img:first-child{transform:scale(1) translateY(0)}div.vertical-carousel img:first-child:hover{transform:scale(1) translateY(-3px)}div.vertical-carousel img:last-child{transform:scale(1.2) translateY(0)}div.vertical-carousel img:last-child:hover{transform:scale(1.2) translateY(3px)}div.vertical-carousel div.features-slider{flex-direction:column;position:fixed;z-index:1;left:24px;bottom:0;top:0}section.features{background-color:#f8f8f8;padding:48px 50px 48px 50px;flex-direction:column;align-items:center;display:flex}@media only screen and (max-width: 912px){section.features{padding:48px 25px 48px 25px}}@media only screen and (max-width: 592px){section.features{padding:48px 16px 48px 16px}}section.features>h2{color:#0b2314;text-transform:uppercase;font-size:24px}@media only screen and (max-width: 912px){section.features>h2{font-size:20px}}@media only screen and (max-width: 670px){section.features>h2{font-size:18px}}@media only screen and (max-width: 592px){section.features>h2{font-size:16px}}section.features hr{background-color:#1a5630;margin-top:4px;width:64px;height:4px}section.features>span{color:#0b2314;line-height:32px;margin-top:16px;font-size:20px}@media only screen and (max-width: 670px){section.features>span{line-height:24px;font-size:16px}}@media only screen and (max-width: 592px){section.features>span{font-size:14px}}div.features-infos{color:#0b2314;justify-content:center;flex-direction:column;display:flex;row-gap:8px;width:50%}@media only screen and (max-width: 670px){div.features-infos{margin-left:24px;row-gap:4px;width:100%}}@media only screen and (max-width: 592px){div.features-infos{margin-top:16px;margin-left:0}}div.features-infos>span{margin-bottom:16px;margin-top:10px;font-size:18px}@media only screen and (max-width: 912px){div.features-infos>span{font-size:16px}}@media only screen and (max-width: 670px){div.features-infos>span{margin-bottom:6px;margin-top:6px;font-size:14px}}div.features-infos div.advantage{display:inline-flex;align-items:center;margin-bottom:6px;line-height:18px;column-gap:10px}@media only screen and (max-width: 912px){div.features-infos div.advantage{column-gap:8px;font-size:14px}}@media only screen and (max-width: 670px){div.features-infos div.advantage{font-size:12px;column-gap:6px}}div.horizontal-carousel{margin-top:64px;display:none}@media only screen and (max-width: 670px){div.horizontal-carousel{display:inline-block;margin-top:24px}}div.horizontal-carousel div.features-slider{flex-direction:row}div.horizontal-carousel div.content{transform:scale(1) translateX(-3.4px);flex-direction:row}@media only screen and (max-width: 670px){div.horizontal-carousel div.content{transform:scale(0.8) translateX(-3.4px)}}div.horizontal-carousel div.line{flex-direction:row;column-gap:32px;height:3px;width:60%}@media only screen and (max-width: 670px){div.horizontal-carousel div.line{column-gap:16px;width:70%}}div.horizontal-carousel img:first-child{transform:scale(1) translateX(-2px)}div.horizontal-carousel img:first-child:hover{transform:scale(1) translateX(-4px)}@media only screen and (max-width: 670px){div.horizontal-carousel img:first-child{height:12px;width:12px}}div.horizontal-carousel img:last-child{transform:scale(1) translateX(2px)}div.horizontal-carousel img:last-child:hover{transform:scale(1) translateX(4px)}@media only screen and (max-width: 670px){div.horizontal-carousel img:last-child{height:12px;width:12px}}aside.cts-displayed{transform:translate3d(0, 0, 0) translateY(0) !important}div.cts-title{justify-content:flex-end;display:inline-flex;margin-bottom:48px;width:100%}@media only screen and (max-width: 912px){div.cts-title{margin-bottom:32px}}@media only screen and (max-width: 592px){div.cts-title{margin-bottom:16px}}div.cts-title span{color:#fff;font-weight:bold;font-size:48px;cursor:auto}@media only screen and (max-width: 912px){div.cts-title span{font-size:32px}}@media only screen and (max-width: 592px){div.cts-title span{font-size:24px}}aside.contacts{transform:translate3d(0, 0, 0) translateY(-100%);background-color:rgba(0,0,0,.6);padding:64px 96px 48px 96px;backdrop-filter:blur(3px);justify-content:center;flex-direction:column;align-items:center;position:fixed;cursor:pointer;display:flex;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.contacts{padding:64px 48px 48px 48px}}@media only screen and (max-width: 670px){aside.contacts{padding:64px 32px 32px 32px}}@media only screen and (max-width: 592px){aside.contacts{padding:64px 16px 16px 16px}}aside.contacts>img{cursor:pointer;position:fixed;left:24px;top:24px}@media only screen and (max-width: 592px){aside.contacts>img{height:24px;width:24px;left:16px;top:16px}}div.cts-container{transform:translate3d(0, 0, 0);background-color:#fff;flex-direction:column;align-items:center;border-radius:6px;display:flex;padding:24px;cursor:auto}@media only screen and (max-width: 912px){div.cts-container{padding:20px}}@media only screen and (max-width: 670px){div.cts-container{padding:16px}}div.cts-container>span{color:#0b2314;margin-bottom:24px;font-size:18px}@media only screen and (max-width: 912px){div.cts-container>span{margin-bottom:20px;font-size:16px}}@media only screen and (max-width: 670px){div.cts-container>span{margin-bottom:8px;line-height:18px;font-size:14px}}div.cts-container div.close{border:1px solid silver;background-color:#fff;border-radius:48px;cursor:pointer;position:fixed;right:-14px;top:-16px}@media only screen and (max-width: 592px){div.cts-container div.close{display:none}}div.cts-container div.close img{filter:brightness(30%)}div.cts-container div.close:hover{background-color:#f33}div.cts-container div.close:hover>img{filter:brightness(100%)}div.cts-networks{justify-content:center;display:inline-flex;align-items:center;column-gap:48px}@media only screen and (max-width: 912px){div.cts-networks{column-gap:32px}}@media only screen and (max-width: 670px){div.cts-networks{column-gap:24px}}@media only screen and (max-width: 592px){div.cts-networks{column-gap:16px}}div.cts-networks div.network:nth-child(1)>div.logo>img{transform:scale(0.8) !important}div.cts-networks div.network:nth-child(3)>div.logo>img{transform:scale(0.8)}div.cts-networks div.logo{background-color:rgba(104,203,141,0);transform:scale(1);border-radius:48px;padding:14px}@media only screen and (max-width: 912px){div.cts-networks div.logo{padding:12px}}@media only screen and (max-width: 670px){div.cts-networks div.logo{padding:10px}}@media only screen and (max-width: 592px){div.cts-networks div.logo{padding:8px}}@media only screen and (max-width: 912px){div.cts-networks div.logo>img{min-height:48px;min-width:48px;height:48px;width:48px}}@media only screen and (max-width: 670px){div.cts-networks div.logo>img{min-height:32px;min-width:32px;height:32px;width:32px}}@media only screen and (max-width: 592px){div.cts-networks div.logo>img{min-height:28px;min-width:28px;height:28px;width:28px}}div.cts-networks div.network{color:#0b2314;flex-direction:column;align-items:center;cursor:pointer;font-size:18px;display:flex}@media only screen and (max-width: 912px){div.cts-networks div.network{font-size:16px}}@media only screen and (max-width: 670px){div.cts-networks div.network{font-size:14px}}div.cts-networks div.network:hover>div.logo{background-color:rgba(104,203,141,.6);transform:scale(0.8)}div.cts-networks div.network:hover{text-shadow:0 0 6px #2ece6d;color:#1a5630}.toast-container{--radius: 5px;--stack-gap: 20px;--safe-area-gap: env(safe-area-inset-bottom);position:fixed;display:block;max-width:468px;bottom:calc(env(safe-area-inset-bottom) + 20px);bottom:calc(var(--safe-area-gap, 0px) + 20px);right:20px;z-index:5000;transition:all .4s ease}.toast-container .toast{position:absolute;bottom:0;right:0;width:468px;transition:all .4s ease;transform:translate3d(0, 86px, 0);opacity:0}.toast-container .toast .toast-inner{--toast-bg: none;--toast-fg: #fff;--toast-border-color: #eaeaea;box-sizing:border-box;border-radius:var(--radius);border:1px solid #eaeaea;border:1px solid var(--toast-border-color);display:flex;align-items:center;justify-content:space-between;padding:24px;color:#fff;color:var(--toast-fg);background-color:none;background-color:var(--toast-bg);height:var(--height);transition:all .25s ease}.toast-container .toast .toast-inner.default{--toast-fg: #000;--toast-bg: #fff;box-shadow:0 5px 10px rgba(0,0,0,.1215686275)}.toast-container .toast .toast-inner.success{--toast-bg: #0076ff;--toast-border-color: var(--toast-bg)}.toast-container .toast .toast-inner.error{--toast-bg: #e00;--toast-border-color: var(--toast-bg)}.toast-container .toast .toast-inner.warning{--toast-bg: #f5a623;--toast-border-color: var(--toast-bg)}.toast-container .toast .toast-inner.dark{--toast-bg: #000;--toast-fg: #fff;--toast-border-color: #333}.toast-container .toast .toast-inner.dark .toast-button{--button-fg: #000;--button-bg: #fff;--button-border: #fff;--button-border-hover: #fff;--button-fg-hover: #fff}.toast-container .toast .toast-inner.dark .toast-button.cancel-button{--cancel-button-bg: #000;--cancel-button-fg: #888;--cancel-button-border: #333}.toast-container .toast .toast-inner.dark .toast-button.cancel-button:hover{color:#fff;border-color:var(--button-border)}.toast-container .toast .toast-text{width:100%;height:100%;font-size:14px;margin-top:-1px;margin-right:24px;transition:all .3s ease-in}.toast-container .toast .toast-button{--button-fg: #000;--button-bg: #fff;--button-border: #fff;--button-border-hover: #fff;--button-fg-hover: #fff;min-width:auto;height:24px;line-height:22px;padding:0 10px;font-size:14px;background-color:#fff;background-color:var(--button-bg);color:#000;color:var(--button-fg);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;vertical-align:middle;border-radius:var(--radius);outline:none;border:1px solid #fff;border:1px solid var(--button-border);transition:all .2s ease}.toast-container .toast .toast-button:hover{border-color:var(--button-border-hover);background-color:rgba(0,0,0,0);color:var(--button-fg-hover)}.toast-container .toast .toast-button.cancel-button{--cancel-button-bg: #fff;--cancel-button-fg: #666;--cancel-button-border: #eaeaea;margin-right:10px;color:#666;color:var(--cancel-button-fg);border-color:#eaeaea;border-color:var(--cancel-button-border);background-color:#fff;background-color:var(--cancel-button-bg)}.toast-container .toast .toast-button.cancel-button:hover{--cancel-button-fg: #000;--cancel-button-border: #000}.toast-container .toast .default .toast-button{--button-fg: #fff;--button-bg: #000;--button-border: #000;--button-border-hover: #000;--button-fg-hover: #000}.toast-container .toast:after{content:"";position:absolute;left:0;right:0;top:calc(100% + 1px);width:100%;height:1000px;background:rgba(0,0,0,0)}.toast-container .toast.toast-1{transform:translateZ(0);opacity:1}.toast-container .toast:not(:last-child){--i: calc(var(--index) - 1);transform:translate3d(0, calc(1px - var(--stack-gap) * (var(--index) - 1)), 0) scale(calc(1 - 0.05 * (var(--index) - 1)));transform:translate3d(0, calc(1px - var(--stack-gap) * (var(--index) - 1)), 0) scale(calc(1 - 0.05 * (var(--index) - 1)));transform:translate3d(0, calc(1px - var(--stack-gap) * var(--i)), 0) scale(calc(1 - 0.05 * var(--i)));opacity:1}.toast-container .toast:not(:last-child) .toast-inner{height:var(--front-height)}.toast-container .toast:not(:last-child) .toast-inner .toast-text{opacity:0}.toast-container .toast.toast-4{opacity:0}.toast-container:has(.toast-2):hover{bottom:30px;bottom:calc(var(--safe-area-gap, 0px) + 30px)}.toast-container:hover .toast{transform:translate3d(0, calc(var(--hover-offset-y) - var(--stack-gap) * (var(--index) - 1)), 0)}.toast-container:hover .toast .toast-inner{height:var(--height)}.toast-container:hover .toast .toast-text{opacity:1 !important}@media(max-width: 440px){.toast-container{max-width:90vw;right:5vw}.toast-container .toast{width:90vw}}span.header-active{text-shadow:0 0 10px #e6e6ef}div.header-menu-hook{border:1px solid #ddd;background-color:#fff;transform:rotate(45deg);position:fixed;height:24px;width:24px;right:26px;top:66px}@media only screen and (max-width: 512px){div.header-menu-hook{right:20px;top:52px}}header{justify-content:space-between;background-color:rgba(0,0,0,0);padding:10px 50px 12px 45px;display:inline-flex;align-items:center;position:fixed;z-index:2;right:0;left:0;top:0}@media only screen and (max-width: 1064px){header{padding:10px 16px 12px 12px}}@media only screen and (max-width: 512px){header{padding:8px 16px 10px 12px}}div.app{display:inline-flex;align-items:center;column-gap:4px}div.app img{cursor:pointer}@media only screen and (max-width: 1064px){div.app img{height:48px;width:48px}}@media only screen and (max-width: 512px){div.app img{height:36px;width:36px}}div.app span{font-family:"VadodaraRegular";color:#fff;cursor:pointer;font-size:22px}@media only screen and (max-width: 1064px){div.app span{font-size:18px}}@media only screen and (max-width: 512px){div.app span{font-size:13px}}@media only screen and (max-width: 300px){div.app span{display:none}}a.header-btn{border:1px solid #fff;text-transform:uppercase;text-decoration:none;display:inline-flex;border-radius:40px;align-items:center;padding:12px 24px;margin-left:12px;column-gap:12px;cursor:pointer;font-size:14px}@media only screen and (max-width: 1064px){a.header-btn{padding:8px 16px;margin-left:8px}}@media only screen and (max-width: 512px){a.header-btn{margin-left:0;padding:6px}}a.header-btn span{color:#fff}@media only screen and (max-width: 1064px){a.header-btn span{font-size:13px}}@media only screen and (max-width: 512px){a.header-btn span{display:none}}a.header-btn:hover{background-color:#fff}a.header-btn:hover span{color:#1a5630}a.header-btn:hover img{filter:brightness(1%)}div.header-contextual-menu{box-shadow:0 0 12px #ddd;border:1px solid #ddd;background-color:#fff;flex-direction:column;border-radius:4px;position:fixed;display:flex;width:220px;right:16px;top:78px}@media only screen and (max-width: 512px){div.header-contextual-menu{right:10px;top:62px}}div.header-contextual-menu>div:first-child{border-top-right-radius:4px;border-top-left-radius:4px;border-top:none}div.header-contextual-menu>div:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}div.header-contextual-menu div{border-top:1px solid #ddd;justify-content:space-between;padding:12px 4px 12px 12px;display:inline-flex;align-items:center}div.header-contextual-menu div img{filter:brightness(1%)}div.header-contextual-menu div:hover{background-color:#1a5630}div.header-contextual-menu div:hover>img{filter:brightness(100%)}div.header-contextual-menu div:hover>span{color:#fff}div.header-options{display:inline-flex;align-items:center;column-gap:36px}@media only screen and (max-width: 1064px){div.header-options{column-gap:18px}}div.header-options select>option{color:#1a5630}div.header-options img.emburger-menu{cursor:pointer;display:none}@media only screen and (max-width: 792px){div.header-options img.emburger-menu{display:inline-block}}@media only screen and (max-width: 512px){div.header-options img.emburger-menu{height:32px;width:32px}}div.header-options select{background-color:rgba(0,0,0,0);color:#fff;cursor:pointer;font-size:14px;border:none}@media only screen and (max-width: 1064px){div.header-options select{font-size:12px}}div.header-options>span{text-transform:uppercase;color:#fff;cursor:pointer;font-size:14px}@media only screen and (max-width: 1064px){div.header-options>span{font-size:12px}}@media only screen and (max-width: 792px){div.header-options>span{display:none}}div.header-options>span:hover{text-shadow:0 0 10px #e6e6ef}section.banner{transform:translate3d(0, 0, 0)}section.banner>img{object-fit:cover;position:fixed;height:100%;width:100%;z-index:0;bottom:0;right:0;left:0;top:0}div.banner-content{background-color:rgba(26,86,48,.75);justify-content:space-between;padding:96px 50px 12px 50px;display:inline-flex;position:relative;z-index:1}@media only screen and (max-width: 812px){div.banner-content{padding:96px 25px 12px 25px}}@media only screen and (max-width: 620px){div.banner-content{padding:96px 16px 12px 16px}}div.banner-right-part{justify-content:center;display:inline-flex;align-items:center;width:50%}@media only screen and (max-width: 812px){div.banner-right-part{justify-content:flex-end}}@media only screen and (max-width: 620px){div.banner-right-part{display:none}}div.banner-left-part{color:#fff;justify-content:center;flex-direction:column;row-gap:32px;display:flex;width:50%}@media only screen and (max-width: 620px){div.banner-left-part{row-gap:16px;width:auto}}@media only screen and (max-width: 812px){div.banner-left-part>span:nth-child(2){font-size:14px}}@media only screen and (max-width: 620px){div.banner-left-part>span:nth-child(2){text-align:center}}div.banner-left-part>span:first-child{font-weight:bold;line-height:64px;font-size:48px}@media only screen and (max-width: 812px){div.banner-left-part>span:first-child{line-height:48px;font-size:32px}}@media only screen and (max-width: 620px){div.banner-left-part>span:first-child{text-align:center;line-height:32px;font-size:24px}}div.banner-downloads{flex-direction:row;column-gap:16px;display:flex}@media only screen and (max-width: 620px){div.banner-downloads{justify-content:center;margin-bottom:16px}}@media only screen and (max-width: 326px){div.banner-downloads{flex-direction:column;align-items:center;row-gap:16px}}div.banner-downloads a{border:1px solid #c5c7ca;background-color:#0a0b0d;text-decoration:none;display:inline-flex;border-radius:6px;cursor:pointer}@media only screen and (max-width: 326px){div.banner-downloads a{width:132px}}div.banner-downloads a:hover{background-color:#20232a}div.banner-downloads a>div:nth-child(3){background-color:#1a5630;border-bottom-right-radius:6px;border-top-right-radius:6px;margin-left:10px}div.banner-downloads a>div:nth-child(2)>span:nth-child(1){color:#c5c7ca;font-size:11px}@media only screen and (max-width: 812px){div.banner-downloads a>div:nth-child(2)>span:nth-child(1){font-size:10px}}div.banner-downloads a>div:nth-child(1),div.banner-downloads a>div:nth-child(3){display:inline-flex;align-items:center;padding:6px}@media only screen and (max-width: 812px){div.banner-downloads a>div:nth-child(1),div.banner-downloads a>div:nth-child(3){padding:4px}}div.banner-downloads a>div:nth-child(2){justify-content:center;flex-direction:column;padding:0 2px 2px 2px;display:flex}@media only screen and (max-width: 326px){div.banner-downloads a>div:nth-child(2){width:100%}}div.banner-downloads a>div:nth-child(2)>span:nth-child(2){color:#fff;font-weight:bold;margin-top:-6px;font-size:14px}@media only screen and (max-width: 812px){div.banner-downloads a>div:nth-child(2)>span:nth-child(2){font-size:11px}}div.foot-bottom{flex-direction:column;align-items:center;display:flex;width:100%}div.foot-bottom hr{background-color:silver}div.foot-bottom span{font-style:italic;text-align:center;margin-top:10px;font-size:12px}footer.footer{background-color:#1a5630;padding:10px 50px 10px 50px;color:#fff}@media only screen and (max-width: 912px){footer.footer{padding:10px 25px 10px 25px}}@media only screen and (max-width: 670px){footer.footer{padding:10px 20px 10px 20px}}@media only screen and (max-width: 592px){footer.footer{padding:10px 16px 10px 16px}}div.foot-top>div.right-tags{transform:translateX(-6px);display:inline-flex;align-items:center;column-gap:12px;cursor:pointer}@media only screen and (max-width: 912px){div.foot-top>div.right-tags{transform:translateX(0)}}div.foot-top>div.right-tags img:hover{box-shadow:0 0 10px #2ece6d}div.foot-top>div.right-tags img{border-radius:48px}@media only screen and (max-width: 912px){div.foot-top>div.right-tags img{min-height:26px;min-width:26px;height:26px;width:26px}}@media only screen and (max-width: 670px){div.foot-top>div.right-tags img{min-height:22px;min-width:22px;height:22px;width:22px}}div.foot-top{justify-content:space-between;display:inline-flex;align-items:center;width:100%}div.foot-top>img:nth-child(1){transform:translateX(-3px);cursor:pointer}@media only screen and (max-width: 912px){div.foot-top>img:nth-child(1){min-height:32px;min-width:32px;height:32px;width:32px}}@media only screen and (max-width: 670px){div.foot-top>img:nth-child(1){min-height:28px;min-width:28px;height:28px;width:28px}}div.foot-top div.global-options{justify-content:center;display:inline-flex;align-items:center;column-gap:32px;font-size:18px;width:100%}@media only screen and (max-width: 912px){div.foot-top div.global-options{column-gap:24px;font-size:16px}}@media only screen and (max-width: 670px){div.foot-top div.global-options{column-gap:16px;font-size:14px}}@media only screen and (max-width: 592px){div.foot-top div.global-options{column-gap:10px;font-size:12px}}@media only screen and (max-width: 412px){div.foot-top div.global-options{visibility:hidden;column-gap:0;font-size:0}}div.foot-top div.global-options>span{cursor:pointer}div.foot-top div.global-options>span:hover{text-shadow:0 0 8px #fff;text-underline-offset:4px;text-decoration:underline}div.arrows-displayed{transform:translateY(0) !important;display:inline-flex !important;visibility:visible !important;opacity:1 !important}aside.arrows{display:inline-flex;position:fixed;bottom:50px;right:50px;z-index:2}@media only screen and (max-width: 912px){aside.arrows{bottom:48px;right:48px}}@media only screen and (max-width: 670px){aside.arrows{bottom:32px;right:32px}}@media only screen and (max-width: 592px){aside.arrows{bottom:16px;right:16px}}aside.arrows div:first-child{transform:translateY(50px);position:absolute}aside.arrows div:first-child img{transform:translateY(-2px) scale(1.1)}aside.arrows div:last-child{transform:translateY(-50px)}aside.arrows div:last-child img{transform:translate(1px, 3px) scale(1.2)}@media only screen and (max-width: 912px){aside.arrows div>img{min-height:18px;min-width:18px;height:18px;width:18px}}aside.arrows div{box-shadow:0 0 8px #000;background-color:#2ece6d;justify-content:center;display:inline-flex;align-items:center;border-radius:48px;visibility:hidden;cursor:pointer;height:48px;width:48px;opacity:0}aside.arrows div:hover{background-color:#68cb8d}@media only screen and (max-width: 912px){aside.arrows div{border-radius:32px;height:32px;width:32px}}aside.about-displayed{transform:translateX(0) !important}aside.about>div.return{justify-content:center;display:inline-flex;width:100%}aside.about>div.return>button{border:1px solid #0b2314;color:#0b2314;justify-content:center;display:inline-flex;align-items:center;border-radius:6px;column-gap:12px;cursor:pointer;outline:none;padding:12px}@media only screen and (max-width: 670px){aside.about>div.return>button{font-size:14px;padding:10px}}@media only screen and (max-width: 592px){aside.about>div.return>button{font-size:12px;padding:8px}}@media only screen and (max-width: 324px){aside.about>div.return>button{width:100%}}aside.about>div.return>button span{transition:all 30ms linear}aside.about>div.return>button:hover{background-color:#1a5630;color:#fff}aside.about>div.return>button:hover img{filter:brightness(100%)}aside.about>div.return>button img{filter:brightness(30%)}@media only screen and (max-width: 592px){aside.about>div.return>button img{min-height:18px;min-width:18px;height:18px;width:18px}}aside.about>div.avatars{color:#0b2314;flex-direction:column;margin-top:32px;font-size:18px;row-gap:24px;display:flex}@media only screen and (max-width: 912px){aside.about>div.avatars{margin-top:20px;font-size:16px}}@media only screen and (max-width: 670px){aside.about>div.avatars{margin-top:18px;font-size:14px}}@media only screen and (max-width: 592px){aside.about>div.avatars{margin-top:16px;font-size:12px;row-gap:20px}}aside.about>div.avatars div.obrymec>img:hover,aside.about>div.avatars div.mokira>img:hover{filter:grayscale(1)}aside.about>div.avatars div.obrymec,aside.about>div.avatars div.mokira{display:inline-flex;align-items:center;column-gap:16px}aside.about>div.avatars div.obrymec div.data,aside.about>div.avatars div.mokira div.data{transform:translateY(-6px)}aside.about>div.avatars div.obrymec>div.data>h6:nth-child(2),aside.about>div.avatars div.mokira>div.data>h6:nth-child(2){color:gray}@media only screen and (max-width: 670px){aside.about>div.avatars div.obrymec>div.data>h6:nth-child(2),aside.about>div.avatars div.mokira>div.data>h6:nth-child(2){margin-top:-4px}}@media only screen and (max-width: 592px){aside.about>div.avatars div.obrymec>div.data>h6:nth-child(2),aside.about>div.avatars div.mokira>div.data>h6:nth-child(2){margin-top:-7px}}aside.about>div.avatars div.obrymec>img,aside.about>div.avatars div.mokira>img{box-shadow:0 0 8px #000;border:1px solid #fff;border-radius:96px;margin-bottom:12px;object-fit:cover;min-height:64px;min-width:64px;height:64px;width:64px}@media only screen and (max-width: 912px){aside.about>div.avatars div.obrymec>img,aside.about>div.avatars div.mokira>img{margin-bottom:10px}}@media only screen and (max-width: 670px){aside.about>div.avatars div.obrymec>img,aside.about>div.avatars div.mokira>img{margin-bottom:8px;min-height:48px;min-width:48px;height:48px;width:48px}}aside.about{background-color:#fff;transform:translateX(100%);padding:64px 96px 48px 96px;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;position:fixed;display:flex;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.about{padding:64px 48px 48px 48px}}@media only screen and (max-width: 670px){aside.about{padding:64px 32px 32px 32px}}@media only screen and (max-width: 592px){aside.about{padding:64px 16px 16px 16px}}aside.about div.sponsors>span{color:#0b2314;font-weight:700;font-size:32px}@media only screen and (max-width: 912px){aside.about div.sponsors>span{font-size:16px}}aside.about>span:nth-child(1){color:#0b2314;margin-bottom:72px;font-weight:bold;font-size:64px}@media only screen and (max-width: 670px){aside.about>span:nth-child(1){margin-bottom:48px;font-size:64px}}@media only screen and (max-width: 592px){aside.about>span:nth-child(1){margin-bottom:32px;font-size:48px}}aside.about>span:nth-child(2){color:#0b2314;text-align:center;line-height:32px;font-size:18px}@media only screen and (max-width: 912px){aside.about>span:nth-child(2){line-height:24px;font-size:16px}}@media only screen and (max-width: 670px){aside.about>span:nth-child(2){line-height:20px;font-size:14px}}@media only screen and (max-width: 592px){aside.about>span:nth-child(2){font-size:12px}}aside.about div.sponsors{justify-content:center;display:inline-flex;margin-top:12px;width:100%}@media only screen and (max-width: 912px){aside.about div.sponsors{padding-bottom:2px;margin-top:0}}@media only screen and (max-width: 670px){aside.about div.sponsors{margin-top:-4px}}@media only screen and (max-width: 592px){aside.about div.sponsors{margin-top:-8px}}aside.license-displayed{transform:scale(1) !important;visibility:visible !important;opacity:1 !important}aside.license-displayed select{pointer-events:auto !important}aside.license>div.popup{background-color:#fff;flex-direction:column;border-radius:6px;display:flex;height:560px;cursor:auto}@media only screen and (max-width: 412px){aside.license>div.popup{height:420px;width:250px}}a.license-disabled{background-color:#ccc !important;color:#787878 !important;cursor:not-allowed !important}a.license-disabled img{filter:brightness(50%) !important}a.license-disabled:hover{background-color:#ccc !important;color:#787878 !important;text-shadow:none !important}a.license-disabled:hover img{filter:brightness(50%) !important}button.license-decline{border:1px ridge #ccc;background-color:#f8f8f8;color:#0b2314;border-radius:32px;cursor:pointer;padding:14px;outline:none}@media only screen and (max-width: 412px){button.license-decline{display:none}}button.license-decline:hover{text-shadow:0 0 10px #fff;background-color:#eccb63}aside.license>div.popup>div.middle-content{color:#0b2314;padding:0 24px 0 24px;overflow-x:hidden;overflow-y:auto;height:100%}@media only screen and (max-width: 912px){aside.license>div.popup>div.middle-content{padding:0 20px 0 20px;line-height:24px;font-size:16px}}@media only screen and (max-width: 670px){aside.license>div.popup>div.middle-content{padding:0 18px 0 18px;line-height:20px;font-size:14px}}@media only screen and (max-width: 592px){aside.license>div.popup>div.middle-content{padding:0 16px 0 16px;line-height:18px;font-size:12px}}aside.license{background-color:rgba(0,0,0,.6);padding:64px 96px 48px 96px;backdrop-filter:blur(3px);justify-content:center;transform:scale(1.3);align-items:center;visibility:hidden;position:fixed;cursor:pointer;display:flex;opacity:0;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.license{padding:48px 64px 48px 64px}}@media only screen and (max-width: 670px){aside.license{padding:32px}}@media only screen and (max-width: 592px){aside.license{padding:32px 16px 32px 16px}}div.license-footer{border-top:1px ridge #ddd;padding:16px}@media only screen and (max-width: 912px){div.license-footer{font-size:16px;padding:14px}}@media only screen and (max-width: 670px){div.license-footer{font-size:14px;padding:12px}}@media only screen and (max-width: 592px){div.license-footer{font-size:12px;padding:10px}}div.license-footer div.bottom-buttons{justify-content:flex-end;display:inline-flex;align-items:center;column-gap:16px;margin-top:12px;width:100%}@media only screen and (max-width: 412px){div.license-footer div.bottom-buttons{justify-content:center}}div.license-footer div.terms-checkbox,div.license-footer div.policy-checkbox{color:#0b2314;justify-content:center;display:inline-flex}div.license-footer div.terms-checkbox label,div.license-footer div.policy-checkbox label{line-height:16px;cursor:pointer}div.license-footer div.terms-checkbox a,div.license-footer div.policy-checkbox a{text-decoration:underline;color:#2ece6d}div.license-footer div.terms-checkbox a:hover,div.license-footer div.policy-checkbox a:hover{color:#1a5630}div.license-footer div.terms-checkbox input,div.license-footer div.policy-checkbox input{accent-color:#1a5630;margin-right:8px;cursor:pointer}a.license-download{border:1px ridge #ccc;background-color:#68cb8d;padding:12px 16px 12px 16px;color:#0b2314;justify-content:center;display:inline-flex;align-items:center;border-radius:32px;column-gap:10px;cursor:pointer}@media only screen and (max-width: 912px){a.license-download{padding:10px 14px 10px 14px}}@media only screen and (max-width: 670px){a.license-download{padding:8px 12px 8px 12px;column-gap:8px}}@media only screen and (max-width: 592px){a.license-download{margin-bottom:3px;line-height:18px}}a.license-download span{transition:all 50ms linear}a.license-download:hover{text-shadow:0 0 10px #fff;background-color:#2ece6d;color:#fff}a.license-download:hover img{filter:brightness(100%)}a.license-download img{filter:brightness(20%)}@media only screen and (max-width: 912px){a.license-download img{min-height:22px;min-width:22px;height:22px;width:22px}}@media only screen and (max-width: 670px){a.license-download img{min-height:20px;min-width:20px;height:20px;width:20px}}@media only screen and (max-width: 592px){a.license-download img{min-height:18px;min-width:18px;height:18px;width:18px}}div.license-header{border-bottom:1px ridge #ddd;border-top-right-radius:6px;border-top-left-radius:6px;display:inline-flex;align-items:center}div.license-header select{background-color:rgba(0,0,0,0);color:#0b2314;pointer-events:none;font-weight:bold;cursor:pointer;font-size:24px;padding:16px;border:none;width:100%}@media only screen and (max-width: 912px){div.license-header select{font-size:20px;padding:14px}}@media only screen and (max-width: 670px){div.license-header select{font-size:18px;padding:12px}}@media only screen and (max-width: 592px){div.license-header select{font-size:16px;padding:10px}}div.license-header img{filter:brightness(30%);margin-right:16px;margin-left:12px;cursor:pointer}@media only screen and (max-width: 912px){div.license-header img{margin-right:14px;min-height:28px;min-width:28px;height:28px;width:28px}}@media only screen and (max-width: 670px){div.license-header img{margin-right:12px;min-height:24px;min-width:24px;height:24px;width:24px}}@media only screen and (max-width: 592px){div.license-header img{margin-right:10px;min-height:20px;min-width:20px;height:20px;width:20px}}div.license-header img:hover{background-color:#f33;filter:brightness(100%);border-radius:48px}aside.faqs-popup-displayed{transform:translate3d(0, 0, 0) translateY(0) !important}div.faqs-qst-deployed{background-color:#e7f8ed !important;box-shadow:0 0 4px silver}div.faqs-full-qst{grid-template-columns:1fr 1fr;align-items:start;display:grid;gap:32px}@media only screen and (max-width: 670px){div.faqs-full-qst{grid-template-columns:auto;gap:16px}}span.faqs-contact-us{text-decoration:underline;text-underline-offset:4px;color:#1a5630;font-style:italic;cursor:pointer}span.faqs-contact-us:hover{color:#2ece6d}div.faqs-question{border:1px solid silver;background-color:#fff;color:#0b2314;justify-content:center;flex-direction:column;border-radius:4px;display:flex;width:100%}div.faqs-question:hover{box-shadow:0 0 4px silver}div.faqs-deployed{padding:0 16px 16px 16px !important;height:auto !important}@media only screen and (max-width: 912px){div.faqs-deployed{padding:0 14px 14px 14px !important}}@media only screen and (max-width: 670px){div.faqs-deployed{padding:0 12px 12px 12px !important}}@media only screen and (max-width: 592px){div.faqs-deployed{padding:0 10px 10px 10px !important}}div.faqs-qst-content{border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:0 16px 0 16px;line-height:32px;overflow:hidden;font-size:20px;height:0}@media only screen and (max-width: 912px){div.faqs-qst-content{padding:0 14px 0 14px;line-height:26px;font-size:18px}}@media only screen and (max-width: 670px){div.faqs-qst-content{padding:0 12px 0 12px;line-height:24px;font-size:16px}}@media only screen and (max-width: 592px){div.faqs-qst-content{padding:0 10px 0 10px;line-height:20px;font-size:14px}}div.faqs-qst-content>hr{background-color:silver;margin-bottom:16px}@media only screen and (max-width: 912px){div.faqs-qst-content>hr{margin-bottom:14px}}@media only screen and (max-width: 670px){div.faqs-qst-content>hr{margin-bottom:12px}}@media only screen and (max-width: 592px){div.faqs-qst-content>hr{margin-bottom:10px}}div.faqs-content{flex-direction:column;align-items:flex-end;margin-top:48px;display:flex}div.faqs-content>button>span{color:#0b2314;font-size:18px}@media only screen and (max-width: 670px){div.faqs-content>button>span{font-size:16px}}@media only screen and (max-width: 592px){div.faqs-content>button>span{font-size:14px}}div.faqs-content>button{background-color:#68cb8d;border-radius:4px;cursor:pointer;outline:none;padding:16px;border:none}@media only screen and (max-width: 912px){div.faqs-content>button{font-size:14px;padding:14px}}@media only screen and (max-width: 670px){div.faqs-content>button{font-size:12px;padding:12px}}@media only screen and (max-width: 592px){div.faqs-content>button{padding:10px}}div.faqs-content>button:hover{background-color:#2ece6d}div.faqs-content>button:hover>span{text-shadow:0 0 8px #fff;color:#fff}div.faqs-qst-header{justify-content:space-between;border-top-right-radius:4px;border-top-left-radius:4px;display:inline-flex;align-items:center;line-height:32px;column-gap:12px;cursor:pointer;font-size:24px;padding:16px;width:100%}@media only screen and (max-width: 912px){div.faqs-qst-header{line-height:26px;font-size:20px;padding:14px}}@media only screen and (max-width: 670px){div.faqs-qst-header{line-height:24px;font-size:18px;padding:12px}}@media only screen and (max-width: 592px){div.faqs-qst-header{line-height:22px;font-size:16px;padding:10px}}div.faqs-qst-header img{min-height:26px;min-width:26px;cursor:pointer}@media only screen and (max-width: 912px){div.faqs-qst-header img{min-height:22px;min-width:22px;height:22px;width:22px}}@media only screen and (max-width: 670px){div.faqs-qst-header img{min-height:18px;min-width:18px;height:18px;width:18px}}section.faqs{background-color:#fff;padding:48px 50px 48px 50px;flex-direction:column;align-items:center;display:flex}@media only screen and (max-width: 912px){section.faqs{padding:48px 25px 48px 25px}}@media only screen and (max-width: 592px){section.faqs{padding:48px 16px 48px 16px}}section.faqs>h2{text-transform:uppercase;color:#0b2314;text-align:center;font-size:24px}@media only screen and (max-width: 912px){section.faqs>h2{font-size:20px}}@media only screen and (max-width: 670px){section.faqs>h2{font-size:18px}}@media only screen and (max-width: 592px){section.faqs>h2{font-size:16px}}section.faqs>hr{background-color:#1a5630;margin-top:4px;width:64px;height:4px}section.faqs>span{color:#0b2314;line-height:32px;margin-top:16px;font-size:20px}@media only screen and (max-width: 670px){section.faqs>span{line-height:24px;font-size:16px}}@media only screen and (max-width: 592px){section.faqs>span{font-size:14px}}div.faqs-input{display:inline-flex;margin-bottom:48px;width:100%}div.faqs-input div.search>img{transform:translate(8px, 10px);position:absolute}@media only screen and (max-width: 670px){div.faqs-input div.search>img{height:22px;width:22px}}@media only screen and (max-width: 592px){div.faqs-input div.search>img{height:20px;width:20px}}div.faqs-input div.clear>img{transform:translate(-30px, 10px);filter:brightness(20%);position:absolute;cursor:pointer}@media only screen and (max-width: 670px){div.faqs-input div.clear>img{transform:translate(-28px, 10px);height:22px;width:22px}}@media only screen and (max-width: 592px){div.faqs-input div.clear>img{transform:translate(-26px, 10px);height:20px;width:20px}}div.faqs-input input{box-shadow:0 2px 3px silver inset;background-color:#fff;padding:12px 36px 12px 36px;color:#1a5630;border-radius:4px;font-size:18px;border:none;width:100%}@media only screen and (max-width: 670px){div.faqs-input input{font-size:16px}}@media only screen and (max-width: 592px){div.faqs-input input{padding:12px 32px 12px 32px;font-size:14px}}aside.faqs-popup{transform:translate3d(0, 0, 0) translateY(100%);background-color:#1a5630;padding:64px 96px 48px 96px;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;position:fixed;display:flex;z-index:2;bottom:0;right:0;left:0;top:0}@media only screen and (max-width: 912px){aside.faqs-popup{padding:64px 48px 48px 48px}}@media only screen and (max-width: 670px){aside.faqs-popup{padding:64px 32px 32px 32px}}@media only screen and (max-width: 592px){aside.faqs-popup{padding:64px 16px 16px 16px}}aside.faqs-popup>img{cursor:pointer;position:fixed;left:92px;top:24px}@media only screen and (max-width: 912px){aside.faqs-popup>img{left:48px}}@media only screen and (max-width: 670px){aside.faqs-popup>img{left:32px}}@media only screen and (max-width: 592px){aside.faqs-popup>img{height:24px;width:24px;left:16px;top:16px}}aside.faqs-popup>span{color:#2ece6d;margin-bottom:72px;font-weight:bold;font-size:96px}@media only screen and (max-width: 670px){aside.faqs-popup>span{margin-bottom:48px;font-size:64px}}@media only screen and (max-width: 592px){aside.faqs-popup>span{margin-bottom:32px;font-size:48px}}*{transition:all .2s ease-in-out}a{text-decoration:none}.turn-off{display:none !important}.masked{opacity:0 !important}.reset-style,.reset-style *{all:revert}@font-face{font-family:"VadodaraRegular";src:url("./assets/fonts/vadodara-regular.ttf")}@font-face{font-family:"UbuntuRegular";src:url("./assets/fonts/ubuntu-regular.ttf")}button.swal2-cancel{box-shadow:0 0 0 rgba(0,0,0,0) !important;font-family:"UbuntuRegular"}@media only screen and (max-width: 920px){button.swal2-cancel{font-size:.92rem !important}}body{font-family:"UbuntuRegular";color:#1a5630;line-height:24px;user-select:none;font-weight:400;font-size:16px}h2.swal2-title{font-family:"UbuntuRegular";color:#0e2f1a}@media only screen and (max-width: 920px){h2.swal2-title{font-size:1.5rem !important}}button.swal2-confirm{background-color:#1a5630 !important;box-shadow:0 0 0 rgba(0,0,0,0) !important;font-family:"UbuntuRegular"}button.swal2-confirm:hover{background-color:#68cb8d !important}@media only screen and (max-width: 920px){button.swal2-confirm{font-size:.92rem !important}}div.toast{width:250px !important}div.toast div.toast-inner{background-color:#1a5630 !important;padding:14px !important}div.toast div.toast-text{font-family:"UbuntuRegular";font-size:16px !important;color:#fff}@media only screen and (max-width: 920px){div.toast div.toast-text{font-size:14px !important}}div.swal2-icon{border-color:#f33 !important}div.swal2-icon div.swal2-icon-content{color:#f33}div.swal2-icon span.swal2-x-mark-line-right,div.swal2-icon span.swal2-x-mark-line-left{background-color:#f33}@media only screen and (max-width: 920px){div.swal2-icon{height:4rem;width:4rem}div.swal2-icon div.swal2-icon-content{font-size:3rem}div.swal2-icon span.swal2-x-mark{font-size:.8rem}}div.swal2-html-container{color:#0e2f1a !important;font-family:"UbuntuRegular";line-height:26px !important}div.swal2-html-container details{text-align:left}div.swal2-html-container details summary{cursor:pointer;font-size:15px}div.swal2-html-container details p{font-size:13px}@media only screen and (max-width: 920px){div.swal2-html-container{line-height:23px !important;font-size:1rem !important}div.swal2-html-container details>summary{font-size:14px}div.swal2-html-container details>p{font-size:12px}} diff --git a/src/common/utils/scroll/scroll.js b/src/common/utils/scroll/scroll.js index 09dca18..348e96e 100644 --- a/src/common/utils/scroll/scroll.js +++ b/src/common/utils/scroll/scroll.js @@ -5,7 +5,7 @@ * @supported DESKTOP & MOBILE * @type {ScrollManager} * @created 2023-03-10 -* @updated 2023-03-13 +* @updated 2023-03-16 * @file scroll.js * @version 0.0.4 */ @@ -13,6 +13,27 @@ // Custom dependencies. import {listenLoadEvent} from "../browser/browser.js"; +/** + * @description Calculates and returns the + * scroll bar progress in percentage. + * @param {boolean} useInnerHeight Whether + * we want to compute values with window + * inner height. + * @function getScrollPercent + * @public + * @returns {Number} Number + */ +function getScrollPercent (useInnerHeight) { + // The document height size. + const height = document.body.offsetHeight; + // The current scroll y axis. + const scrollY = ( + window.scrollY + (useInnerHeight ? window.innerHeight : 0) + ); + // Sends scroll progress in percentage. + return ((scrollY * 100) / height); +} + /** * @description Stops an auto scrolling * process initialized previously. @@ -69,31 +90,6 @@ function scrollTo (id) { } } -/** - * @description Calculates and - * returns the scroll bar - * progress in percentage. - * @function getScrollPercent - * @public - * @returns {Number} Number - */ -function getScrollPercent () { - // The current scroll y axis. - const scrollY = ( - Math.round (window.scrollY) - + window.innerHeight - ); - // The document height size. - const height = ( - document.body.offsetHeight - ); - // Returns the current progress - // in percentage. - return Math.round ( - (scrollY * 100) / height - ); -} - /** * @description Scrolls to multiple * passed elements regardless a diff --git a/src/home/components/banner/_banner.scss b/src/home/components/banner/_banner.scss index 7804a68..54231b7 100644 --- a/src/home/components/banner/_banner.scss +++ b/src/home/components/banner/_banner.scss @@ -4,7 +4,7 @@ * @fileoverview: Banner section stylesheets. * @supported: DESKTOP & MOBILE * @created: 2024-03-05 -* @updated: 2024-03-14 +* @updated: 2024-03-16 * @file: banner.scss * @version: 0.0.4 */ @@ -108,8 +108,9 @@ div.banner-left-part { // Download options. div.banner-downloads { - display: inline-flex; + flex-direction: row; column-gap: 16px; + display: flex; // From 620 to 326. @media #{$banner-620} { justify-content: center; @@ -118,6 +119,7 @@ div.banner-downloads { // From 326 to 0. @media #{$banner-326} { flex-direction: column; + align-items: center; row-gap: 16px; } // Button links. @@ -130,7 +132,7 @@ div.banner-downloads { cursor: pointer; // From 326 to 0. @media #{$banner-326} { - width: 100%; + width: 132px; } // Hover. &:hover { @@ -147,14 +149,6 @@ div.banner-downloads { border-top-right-radius: 6px; margin-left: 10px; } - // Left and right icons. - a > div:nth-child(1) > img, a > div:nth-child(3) > img { - // From 812 to 0. - @media #{$banner-812} { - height: 16px; - width: 16px; - } - } // Top text. a > div:nth-child(2) > span:nth-child(1) { color: $banner-btn-border-color; diff --git a/src/home/components/header/header.jsx b/src/home/components/header/header.jsx index f5009f8..9c3753b 100644 --- a/src/home/components/header/header.jsx +++ b/src/home/components/header/header.jsx @@ -4,7 +4,7 @@ * @fileoverview The header view section. * @supported DESKTOP & MOBILE * @created 2024-03-04 -* @updated 2024-03-13 +* @updated 2024-03-16 * @file header.jsx * @version 0.0.5 */ @@ -63,9 +63,9 @@ export default React.forwardRef(({onOptionClicked, onDownload}, ref) => { // The header tag. const header = document.querySelector("header.header"); // The color opacity. - let opacity = ((getScrollPercent() - 30) / 20); + let opacity = (getScrollPercent(false) / 10); // Corrects generated opacity. - opacity = (opacity > 1.0 ? 1.0 : opacity); + opacity = (opacity > 1.0 ? 1.0 : (opacity < 0.0 ? 0.0 : opacity)); // Updates header background color. header.style.backgroundColor = `rgba(26, 86, 48, ${opacity})`; // Whether we have an opacity.