@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);html{font-size:62.5%;overflow:auto}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;margin:0;overscroll-behavior-y:none;scrollbar-width:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:where(:not(iframe,canvas,img,svg,video):not(svg *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}ol,ul{list-style:none;padding-left:0!important}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}a{color:unset!important;text-decoration:unset}:root{--media-phone:37.5em;--border-radius:20px;--border-radius-small:10px;--margin:5rem;--margin-mobile:2rem;--padding-medium:1.2rem;--padding-small:1rem;--padding-smaller:0.8rem;--padding-smallest:0.6rem;--navbar-height:8rem;--navbar-padding-block:0rem;--navbar-padding-inline:var(--margin);--navbar-padding-inline-mobile:var(--margin-mobile);--navbar-margin-inline:var(--margin);--navbar-margin-inline-mobile:var(--margin-mobile);--navbar-margin-top:2rem;--main-margin-top:var(--navbar-height);--main-padding-inline:var(--margin);--main-padding-inline-mobile:var(--margin-mobile);--main-padding-block:5rem;--main-margin-bottom:2rem;--calcpage__header-height:var(--main__border-max-height);--calcpage-gap:2rem;--calc-width-landscape:55rem;--calc-width-portrait:30rem;--media-query-mobile:600px}div.app{background:var(--color-secondary);justify-content:space-between;min-height:100vh}div.app,div.app__container{display:flex;flex-direction:column}div.app__container{height:100vh;overflow-y:scroll;width:100%}body{--color-primary:#87cbac;--color-primary-dark:#0e5146;--color-secondary:#fff;--color-secondary-dark:#faf6f6;--color-accent:#ffa400;--color-stroke:#001e1d;--color-highlight:#f9bc60;--color-grey:#ccc;--color-grey-dark:#aaa;--color-highlight-text:#001e1d;--color-button:#f9bc60;--color-button-text:#001e1d;--color-header:#001e1d;--color-subheader:#0f3433;--color-text:#001e1d;--color-success:#53a452;--color-success-dark:#346834;--color-error:#cb454b;--color-error-dark:#a63237;--color-warning:#e2b13c;--color-warning-dark:#987726;--color-information:#307ef6;--color-information-dark:#2058ad;--font-size-smallest:1rem;--font-size-smaller:1.4rem;--font-size-small:1.6rem;--font-size-medium:1.8rem;--font-size-big:2rem;--border:3px solid var(--color-stroke);--shadow:0 0 0.6rem 0.05rem rgba(0,0,0,.3);--focus:0 0 0.2rem 0.5rem rgba(135,203,172,.3);font-family:Lato,sans-serif}body ::selection{background-color:var(--color-primary)}body .primary-bg{background-color:var(--color-primary)}body .secondary-bg{background-color:var(--color-secondary)}body [data-tooltip]:not([data-tooltip=""]){position:relative}body [data-tooltip]:not([data-tooltip=""]):after,body [data-tooltip]:not([data-tooltip=""]):before{left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:none;z-index:8}body [data-tooltip]:not([data-tooltip=""]):after{align-items:center;background-color:var(--color-stroke);border-radius:3px;color:var(--color-secondary);content:attr(data-tooltip);display:flex;font-size:1.2rem;justify-content:center;padding:1rem;top:-45px;white-space:nowrap}body [data-tooltip]:not([data-tooltip=""]):before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-stroke);content:"";height:0;top:-10px;width:0}body [data-tooltip]:not([data-tooltip=""]):hover:after,body [data-tooltip]:not([data-tooltip=""]):hover:before{opacity:1;transition:opacity .3s ease-in .8s}body section{padding:5rem}@media only screen and (max-width:37.5em){body section{padding-inline:1.6rem}}body section:nth-child(odd){background-color:var(--color-primary)}body section:nth-child(odd) ::selection{background-color:var(--color-secondary)}body header{align-items:center;background-color:var(--color-primary);display:flex;flex-direction:column;padding-bottom:1.8rem;padding-inline:5rem;width:100%}@media only screen and (max-width:37.5em){body header{padding-inline:1.6rem}}body header>*{padding:1rem}body header figure{height:100%;max-width:30rem;min-width:10rem;width:100%}body header figure img{max-width:30rem}body header button{background-color:var(--color-secondary)}body article{padding:1.4rem}body footer{background-color:var(--color-primary)}body fieldset,body form{z-index:4}body input[type=file].custom-input{display:none}body select.custom-select{opacity:0}body label{font-size:var(--font-size-smaller);z-index:4}@media only screen and (max-width:37.5em){body label{font-size:var(--font-size-smallest)}}body label{font-weight:300;padding-bottom:.4rem}body label:first-letter{text-transform:capitalize}body label>span.tooltip{color:var(--color-primary-dark);cursor:help;font-weight:900;margin-left:.5rem}body select{background-image:linear-gradient(30deg,var(--color-primary) 50%,var(--color-secondary) 50%);background-position:0;background-repeat:no-repeat;background-size:25rem;border:3px solid var(--color-primary);color:var(--color-button-text);cursor:pointer;font-size:var(--font-size-smaller);padding:.5rem;padding-left:.5rem;padding-top:calc(var(--font-size-smaller) - 3px);text-align:center;text-align:-webkit-center;text-align-last:center;transition:background .3s ease-in-out;z-index:4}body select:focus{border:3px solid var(--color-primary-dark)}body select:hover{background-position:100%}body input,body textarea{background-color:var(--color-secondary-dark);border:2px solid transparent;border-radius:10px;border-radius:var(--border-radius-small);cursor:text;font-size:var(--font-size-smaller);font-weight:300;padding:1rem;padding:var(--padding-small);position:relative;z-index:4}@media only screen and (max-width:37.5em){body input,body textarea{font-size:var(--font-size-smaller);padding:.8rem;padding:var(--padding-smaller)}}body input,body textarea{transition:.25s}body input:hover,body textarea:hover{border:2px solid var(--color-grey)}body input:active,body input:focus,body textarea:active,body textarea:focus{background-color:var(--color-secondary);border-color:var(--color-primary-dark)}body input:valid:not([type=submit])+i,body textarea:valid:not([type=submit])+i{background-color:var(--color-success);border-radius:50%;bottom:15px;content:"";height:10px;position:absolute;right:5px;width:10px}body input:disabled,body textarea:disabled{background-color:var(--color-grey)}body input[type=checkbox],body input[type=radio]{background-color:rgba(166,50,55,.333);cursor:pointer;position:relative}body input[type=checkbox]:after,body input[type=radio]:after{content:"⨯";font-size:3rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body input[type=checkbox]:hover,body input[type=radio]:hover{border:2px solid var(--color-grey)}body input[type=checkbox]:active,body input[type=checkbox]:focus,body input[type=radio]:active,body input[type=radio]:focus{border-color:var(--color-primary-dark)}body input:checked{background-color:rgba(14,81,70,.333)}body input:checked:after{content:"✓"}body h1,body h2,body h3,body h4,body h5,body h6{margin-bottom:.5rem;text-align:center;text-transform:capitalize}body h1{font-weight:500}body h1,body h2{color:var(--color-header);font-size:4rem;line-height:4rem}body h2{font-weight:700}body h3{font-weight:400}body h3,body h4{color:var(--color-subheader);font-size:3rem;line-height:3rem}body h4{font-size:2rem;font-weight:300}body h5{font-weight:500}body h5,body h6{color:var(--color-subheader);font-size:1.4rem}body h6{text-transform:none}body h6,body p{font-weight:300}body p{font-size:var(--font-size-medium);line-height:1.5;margin-bottom:.5rem}body em{font-weight:500}body em,body q{font-style:italic}body q{font-size:var(--font-size-smaller)}body dd{background-color:var(--color-secondary-dark);border-radius:10px;border-radius:var(--border-radius-small);font-family:monospace;font-size:var(--font-size-small);padding:1rem;position:relative;text-align:center}body dd.show:after{background-position:100%}body dd:after{background-image:linear-gradient(30deg,var(--color-grey) 50%,transparent 50%);background-position:0;background-repeat:no-repeat;background-size:120rem;border:3px solid var(--color-secondary);border-radius:10px;border-radius:var(--border-radius-small);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background 1s ease-in}body code{background-color:var(--color-secondary-dark);border-radius:5px;font-family:monospace;font-size:var(--font-size-medium);letter-spacing:.2rem;padding:.5rem 1rem}body abbr{font-weight:100;text-transform:uppercase}body a{position:relative}body a:before{bottom:0;content:"";height:1px;left:10%;position:absolute;transition:width .4s ease-in;width:0}body a:focus{color:inherit;cursor:pointer}body a:focus:before{background-color:var(--color-stroke);width:80%}body button{cursor:pointer}@media only screen and (max-width:37.5em){body button{font-size:var(--font-size-smaller)!important}}body button.svg-button:hover svg{opacity:1!important}body button.svg-button:focus svg{opacity:1!important;-webkit-transform:scaleY(1.4) scaleX(1.2)!important;transform:scaleY(1.4) scaleX(1.2)!important}body time{display:flex;font-family:monospace;font-size:var(--font-size-small);font-style:italic;justify-content:flex-end;text-decoration:underline}body button:disabled{background-color:var(--color-grey)!important;background-image:var(--color-grey)!important;border-color:var(--color-grey-dark)!important;cursor:not-allowed!important}body button:disabled,body button:disabled span{color:var(--color-grey-dark)!important}body button.close-button{--width:4px;--height:25px}body button.close-button.small{--width:3px;--height:15px}body button.close-button{background-color:transparent;border-bottom:2px solid transparent;height:var(--height);position:relative;width:var(--height)}body button.close-button:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}body button.close-button:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}body button.close-button:after,body button.close-button:before{background-color:var(--color-primary-dark);border-radius:var(--width);content:"";height:var(--height);left:50%;position:absolute;top:50%;transition:all .5s cubic-bezier(.51,.92,.24,1.15);width:var(--width)}body button.close-button:hover:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}body button.close-button:hover:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}body button.close-button:focus{border-bottom:2px solid var(--color-primary-dark)}body a.rectangular-button,body button.rectangular-button,body input.rectangular-button,body label.rectangular-button{align-items:center;background-image:linear-gradient(30deg,var(--color-secondary) 50%,var(--color-primary) 50%);background-position:0;background-repeat:no-repeat;background-size:70rem;border:3px solid var(--color-secondary);border-radius:10px;border-radius:var(--border-radius-small);color:var(--color-button-text);cursor:pointer;display:flex;font-size:var(--font-size-medium);justify-content:center;margin:1rem;padding:1.8rem;text-align:center;transition:.25s;transition:background .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s cubic-bezier(.57,.21,.69,3.25);transition:background .3s ease-in-out,transform .3s cubic-bezier(.57,.21,.69,3.25),box-shadow .3s ease-in-out;transition:background .3s ease-in-out,transform .3s cubic-bezier(.57,.21,.69,3.25),box-shadow .3s ease-in-out,-webkit-transform .3s cubic-bezier(.57,.21,.69,3.25)}body a.rectangular-button:first-letter,body button.rectangular-button:first-letter,body input.rectangular-button:first-letter,body label.rectangular-button:first-letter{text-transform:uppercase}@media only screen and (max-width:37.5em){body a.rectangular-button,body button.rectangular-button,body input.rectangular-button,body label.rectangular-button{background-size:60rem;font-size:var(--font-size-small);margin:.6rem;padding:1.2rem}}body a.rectangular-button.accent-color,body button.rectangular-button.accent-color,body input.rectangular-button.accent-color,body label.rectangular-button.accent-color{background-image:linear-gradient(30deg,var(--color-secondary) 50%,var(--color-accent) 50%)}body a.rectangular-button.error-color,body button.rectangular-button.error-color,body input.rectangular-button.error-color,body label.rectangular-button.error-color{background-image:linear-gradient(30deg,var(--color-secondary) 50%,var(--color-error) 50%)}body a.rectangular-button.inverse-color,body button.rectangular-button.inverse-color,body input.rectangular-button.inverse-color,body label.rectangular-button.inverse-color{background-image:linear-gradient(30deg,var(--color-primary) 50%,var(--color-secondary) 50%);border:3px solid var(--color-primary)}body a.rectangular-button.inverse-color.accent-color,body button.rectangular-button.inverse-color.accent-color,body input.rectangular-button.inverse-color.accent-color,body label.rectangular-button.inverse-color.accent-color{background-image:linear-gradient(30deg,var(--color-primary) 50%,var(--color-accent) 50%)}body a.rectangular-button.inverse-color.error-color,body button.rectangular-button.inverse-color.error-color,body input.rectangular-button.inverse-color.error-color,body label.rectangular-button.inverse-color.error-color{background-image:linear-gradient(30deg,var(--color-primary) 50%,var(--color-error) 50%)}body a.rectangular-button.small,body button.rectangular-button.small,body input.rectangular-button.small,body label.rectangular-button.small{background-size:37rem;font-size:var(--font-size-smaller);padding:1.2rem;padding:var(--padding-medium)}@media only screen and (max-width:37.5em){body a.rectangular-button.small,body button.rectangular-button.small,body input.rectangular-button.small,body label.rectangular-button.small{padding:1rem;padding:var(--padding-small)}}body a.rectangular-button.small,body button.rectangular-button.small,body input.rectangular-button.small,body label.rectangular-button.small{margin:.6rem}body a.rectangular-button.small svg,body button.rectangular-button.small svg,body input.rectangular-button.small svg,body label.rectangular-button.small svg{margin-left:0}body a.rectangular-button.smaller,body button.rectangular-button.smaller,body input.rectangular-button.smaller,body label.rectangular-button.smaller{background-size:20rem;font-size:var(--font-size-smaller);padding:.8rem;padding:var(--padding-smaller)}body a.rectangular-button.smaller svg,body button.rectangular-button.smaller svg,body input.rectangular-button.smaller svg,body label.rectangular-button.smaller svg{margin-left:0}body a.rectangular-button.smallest,body button.rectangular-button.smallest,body input.rectangular-button.smallest,body label.rectangular-button.smallest{background-size:20rem;font-size:var(--font-size-smallest);padding:.6rem;padding:var(--padding-smallest)}body a.rectangular-button.smallest svg,body button.rectangular-button.smallest svg,body input.rectangular-button.smallest svg,body label.rectangular-button.smallest svg{margin-right:0}body a.rectangular-button:focus,body button.rectangular-button:focus,body input.rectangular-button:focus,body label.rectangular-button:focus{border:3px solid var(--color-primary-dark)}body a.rectangular-button.translateY:hover,body button.rectangular-button.translateY:hover,body input.rectangular-button.translateY:hover,body label.rectangular-button.translateY:hover{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}body a.rectangular-button:hover,body button.rectangular-button:hover,body input.rectangular-button:hover,body label.rectangular-button:hover{background-position:100%}body a.rectangular-button svg,body button.rectangular-button svg,body input.rectangular-button svg,body label.rectangular-button svg{margin-right:1rem}body button.round-button{align-items:center;border-radius:10px;border-radius:var(--border-radius-small);border-radius:50%;display:flex;font-size:var(--font-size-small);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-inline:.3rem;padding:.8rem;padding:var(--padding-smaller);position:relative;text-align:center;transition:.25s}body button.round-button.small{font-size:var(--font-size-smaller)}body button.round-button.smaller{font-size:var(--font-size-smallest)}body button.round-button{background-image:linear-gradient(30deg,var(--color-primary) 50%,var(--color-secondary) 50%);border:3px solid var(--color-primary);color:var(--color-button-text)}body button.round-button.inverse-color{background-image:linear-gradient(30deg,var(--color-secondary) 50%,var(--color-primary) 50%);border:3px solid var(--color-secondary)}body button.round-button{background-position:0;background-repeat:no-repeat;background-size:15rem;transition:background .3s ease-in-out,-webkit-transform .3s cubic-bezier(.57,.21,.69,3.25);transition:background .3s ease-in-out,transform .3s cubic-bezier(.57,.21,.69,3.25);transition:background .3s ease-in-out,transform .3s cubic-bezier(.57,.21,.69,3.25),-webkit-transform .3s cubic-bezier(.57,.21,.69,3.25)}body button.round-button:focus{border:3px solid var(--color-primary-dark)}body button.round-button:hover{background-position:100%}body aside.popup{display:flex;flex-direction:column;position:fixed;right:-100%;top:10rem;top:calc(var(--navbar-height) + var(--navbar-margin-top));z-index:7}body aside.popup.visible{box-shadow:0 0 10rem 1000rem rgba(0,0,0,.5);right:2.5rem;right:calc(var(--margin)/2)}body aside.popup.center{left:50%;top:-100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:top .4s cubic-bezier(.68,-.55,.265,1.55)}body aside.popup.center.visible{right:unset;top:50%}body aside.popup.left{left:-100%;transition:left .4s cubic-bezier(.68,-.55,.265,1.55)}body aside.popup.left.visible{left:2.5rem;left:calc(var(--margin)/2)}body aside.popup{overflow-y:hidden}body aside.popup ul{height:100%;overflow-y:scroll}body aside.popup{background-color:var(--color-primary);border:3px solid var(--color-stroke);border-radius:20px;max-height:70vh;padding:2rem;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);width:40rem}@media only screen and (max-width:37.5em){body aside.popup{width:90vw}}body aside.tooltip{height:0;opacity:0;pointer-events:none;width:0}body aside.notification{grid-gap:1rem;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,255,50,.3);border:1px solid var(--color-success);border-radius:10px;border-radius:var(--border-radius-small);display:grid;font-size:var(--font-size-small);gap:1rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;height:8rem;padding:1rem;position:fixed;right:3rem;top:11rem;top:calc(var(--navbar-height) + 3rem);width:20rem}body aside.notification i{font-size:5rem;font-weight:500}body button:hover aside.tooltip{height:100%;width:100%}body.dark-mode{--color-primary:red;--color-stroke:#000;--color-highlight:green;--color-highlight-text:#001e1d;--color-button:#f9bc60;--color-button-text:#001e1d;--color-header:#001e1d;--color-subheader:#0f3433;--color-text:#001e1d;--color-button:#001e1d;--color-button-text:#abd1c6}.u-flex{display:flex}.u-flex-column{display:flex;flex-direction:column}.u-align-center{align-items:center}.u-justify-center{justify-content:center}.u-justify-space-between{justify-content:space-between}.u-justify-space-evenly{justify-content:space-evenly}.u-justify-start{justify-content:flex-start}.u-justify-end{justify-content:flex-end}.u-flex-center{display:flex;justify-content:center}.__react_component_tooltip{z-index:6!important}.navbar{background-color:var(--color-primary);font-size:var(--font-size-small);font-weight:300;position:fixed;width:100vw;z-index:7}.navbar__container{align-items:center;display:flex;height:var(--navbar-height);justify-content:space-between;padding-block:var(--navbar-padding-block);padding-inline:var(--navbar-padding-inline)}@media only screen and (max-width:37.5em){.navbar__container{margin-inline:var(--navbar-margin-inline-mobile);padding-inline:var(--navbar-padding-inline-mobile)}}.navbar__navigation{background-color:var(--color-primary-dark);color:var(--color-secondary);display:flex;flex-direction:column;height:100vh;padding-bottom:2rem;padding-top:60px;position:absolute;right:-100%;top:0;transition:right .3s;width:20rem}.navbar__navigation.show{box-shadow:0 0 1rem 200rem rgba(0,0,0,.2);right:0}.navbar .hamburger-menu{cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;position:absolute;right:30px;top:30px;-webkit-transform-origin:center;transform-origin:center;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:30px}.navbar .hamburger-menu:hover{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}.navbar .hamburger-menu .line{background-color:var(--color-primary-dark);height:2px;-webkit-transform-origin:center;transform-origin:center;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:100%}.navbar .hamburger-menu.active .line-1{background-color:var(--color-secondary);-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.navbar .hamburger-menu.active .line-2{background-color:var(--color-secondary);opacity:0}.navbar .hamburger-menu.active .line-3{background-color:var(--color-secondary);-webkit-transform:rotate(-45deg) translate(5px,-5px);transform:rotate(-45deg) translate(5px,-5px)}.navbar__link{display:flex;font-size:var(--font-size-big);margin:.5rem 0;padding:.8rem 2.5rem;position:relative;text-decoration:none;transition:box-shadow .2s ease-in}.navbar__link svg{color:var(--color-primary-dark);font-size:var(--font-size-big)}.navbar__link--active:after{background-color:var(--color-stroke);width:80%}.navbar__link--active:after,.navbar__link:before{bottom:0;content:"";height:1px;left:10%;position:absolute}.navbar__link:before{transition:width .4s ease-in;width:0}.navbar__link:hover{color:inherit;cursor:pointer}.navbar__link:hover:not(#navbar-home-button){box-shadow:inset 0 0 1rem 100rem rgba(0,0,0,.3)}.navbar__link:hover:before #navbar-home-button{background-color:var(--color-stroke);width:80%}.footer{grid-gap:2.4rem;align-items:center;display:grid;gap:2.4rem;grid-template-columns:minmax(0,1fr) auto;padding:3.2rem 5rem 2rem;position:relative;width:100%;z-index:1}@media only screen and (max-width:37.5em){.footer{grid-template-columns:1fr;padding:2.4rem 1.6rem 1.6rem;text-align:center}}.footer .footer__brand{align-items:center;display:flex;gap:1.6rem}@media only screen and (max-width:37.5em){.footer .footer__brand{flex-direction:column}}.footer .footer__brand img{height:auto;width:7rem}.footer .footer__brand strong{font-size:var(--font-size-smaller)}.footer .footer__brand p{font-size:var(--font-size-smallest);margin-top:.4rem}.footer nav{display:flex;gap:2rem}@media only screen and (max-width:37.5em){.footer nav{justify-content:center}}.footer nav a{color:inherit;font-size:var(--font-size-smallest);text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer .footer__copyright{border-top:1px solid rgba(0,0,0,.16);font-size:var(--font-size-smallest);grid-column:1/-1;margin:0;padding-top:1.6rem;text-align:center}.main{margin-top:var(--main-margin-top);overflow-x:hidden;overflow-y:visible;z-index:2}.catalogue{margin:0 auto;max-width:120rem;padding:5rem;z-index:3}@media only screen and (max-width:37.5em){.catalogue{padding-inline:1.6rem}}.catalogue__description{margin-bottom:1rem}.catalogue__datalist{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:center;margin-bottom:1.6rem}.catalogue__datalist button.rectangular-button{background-size:90rem}.catalogue h2{margin-bottom:1rem}.catalogue__content{color:var(--color-text)}.catalogue__table-container--scroll{overflow-x:scroll}.catalogue table{width:100%}.catalogue table td,.catalogue table th{border:var(--border);font-size:var(--font-size-small);padding:1.2rem;vertical-align:middle}@media only screen and (max-width:37.5em){.catalogue table td,.catalogue table th{font-size:var(--font-size-smaller);white-space:normal}}.catalogue table td,.catalogue table th{cursor:text}.catalogue table td img,.catalogue table th img{max-height:7rem}.catalogue table tr{color:var(--color-text)}.catalogue table tbody tr:hover{background-color:var(--color-grey)}.catalogue table tbody tr:hover td i{width:5rem}.catalogue table tbody tr:hover td i:after{content:"copy";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.catalogue table th{background-color:var(--color-primary);padding-right:1.5rem;text-align:center;text-transform:capitalize}.catalogue table td{position:relative}.catalogue table td i{border-left:2px solid var(--color-grey);cursor:copy;height:100%;opacity:50%;position:absolute;right:0;top:0;transition:width .15s ease-in-out;width:.5rem}.catalogue input,.catalogue table td i{background-color:var(--color-secondary-dark)}.catalogue input{margin-block:1.2rem;width:100%}.catalogue__sort-icon{position:relative}.catalogue__sort-icon:after{border-left:5px solid transparent;border-right:5px solid transparent;content:"";height:0;position:absolute;right:.5rem;top:50%;width:0}.catalogue__sort-icon:after,.catalogue__sort-icon:hover:after{border-top:5px solid var(--color-accent)}.catalogue__sort-icon.flip:after{border-bottom:5px solid var(--color-tertiary);border-top:none}.catalogue__sort-icon.flip:hover:after{border-bottom:5px solid var(--color-primary)}.catalogue__unit{text-align:end}.home-page{z-index:2}.home-page section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));justify-items:center;margin:auto;max-width:100rem}@media only screen and (max-width:37.5em){.home-page section>div{align-items:center;display:flex;flex-direction:column}}.home-page section>h2{text-align:center}.home-page section svg{color:var(--color-primary);font-size:10rem;margin-bottom:2.2rem;margin-inline:auto;transition:color .25s .3s}.home-page article>a{margin-inline:auto}.home-page article .hover-cursor:hover{cursor:pointer}.home-page article{background-image:linear-gradient(30deg,var(--color-secondary) 50%,var(--color-primary) 50%);border:3px solid var(--color-secondary);border-radius:var(--border-radius-small);display:flex;flex-direction:column;margin:1.2rem;max-width:40rem;min-width:30rem;padding:1.6rem}.home-page article.inverse-color{background-image:linear-gradient(30deg,var(--color-primary) 50%,var(--color-secondary) 50%);border:3px solid var(--color-primary)}.home-page article.inverse-color svg{color:var(--color-secondary)}.home-page article{background-position:0;background-repeat:no-repeat;background-size:200rem;transition:background .3s ease-in-out,-webkit-transform .3s cubic-bezier(.57,.21,.69,3.25);transition:background .3s ease-in-out,transform .3s cubic-bezier(.57,.21,.69,3.25);transition:background .3s ease-in-out,transform .3s cubic-bezier(.57,.21,.69,3.25),-webkit-transform .3s cubic-bezier(.57,.21,.69,3.25)}.home-page article>*{margin-bottom:1.2rem}.home-page header h1{margin-bottom:0}.home-page header p{max-width:60rem;text-align:center}.home-page h1{margin-bottom:2rem}.home-page__hero h3{text-align:start}.home-page__hero>div{align-items:center;display:flex;justify-content:center}@media only screen and (max-width:37.5em){.home-page__hero>div{flex-direction:column}}.home-page__hero>div .home-page__hero__profile{position:relative}.home-page__hero>div .home-page__hero__profile img{max-width:25rem;width:100%}@media only screen and (max-width:37.5em){.home-page__hero>div .home-page__hero__profile img{margin-bottom:3rem;max-width:25rem;width:100%}}.home-page__hero>div .home-page__hero__profile a{bottom:0;cursor:pointer;position:absolute;right:2rem}.home-page__hero>div .home-page__hero__profile a svg{color:#0a66c2;font-size:3rem}.tutorial aside.popup{display:grid;overflow-x:hidden}@media only screen and (max-width:37.5em){.tutorial aside.popup{grid-template-columns:var(--calc-width-portrait);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.tutorial aside.popup{gap:2rem;justify-content:center;max-width:calc(var(--calc-width-landscape) + var(--margin));overflow-y:scroll;top:55%!important;width:calc(100% - var(--margin))}.tutorial__toolbar{grid-row:1/2}.tutorial__card{background-color:var(--color-secondary);border:2px solid var(--color-grey);border-radius:var(--border-radius-small);display:flex;flex-direction:column;grid-row:2/3;height:38rem;padding:1.6rem 2.4rem}.tutorial__card p{flex-grow:1;text-align:start!important}.tutorial__card button{background-size:120rem!important;width:100%}.tutorial__component{grid-row:3/4}.tutorial ul.tutorial__steps-overview{display:flex;height:15px;justify-content:space-between;margin:1rem;overflow:hidden}.tutorial ul.tutorial__steps-overview li{background-color:var(--color-grey);border:2px solid transparent;border-radius:50%;height:15px;width:15px}.tutorial ul.tutorial__steps-overview li.is-completed{background-color:var(--color-primary)}.tutorial ul.tutorial__steps-overview li.is-focused{border:2px solid var(--color-primary-dark)}.tutorial button.tutorial__back-button{border:3px solid transparent;border-radius:var(--border-radius-small);color:var(--color-button-text);font-size:var(--font-size-medium);margin:1rem;padding:1.8rem;position:relative;text-align:center}.tutorial button.tutorial__back-button:hover{text-decoration:underline}@media only screen and (max-width:37.5em){.calculator{width:var(--calc-width-portrait)}}.calculator{align-self:stretch;padding-block:1.6rem;padding-inline:2.4rem;position:relative;z-index:3}@media only screen and (max-width:37.5em){.calculator{padding-block:.4rem;padding-inline:2rem}}.calculator{background-color:var(--color-secondary);border:2px solid var(--color-grey);border-radius:var(--border-radius);box-shadow:3px 3px 6px rgba(0,0,0,.3),-3px -3px 6px hsla(0,0%,100%,.3);-webkit-transform:scale(.01);transform:scale(.01);transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.calculator.show{-webkit-transform:scale(1);transform:scale(1)}.calculator>*{z-index:1}.calculator form{display:grid;grid-template-areas:"buttons divider inputs" "figure divider inputs" "title divider inputs" "calcmode divider inputs" "toolbar divider inputs";grid-template-columns:minmax(13rem,-webkit-max-content) 1fr;grid-template-columns:minmax(13rem,max-content) 1fr;grid-template-rows:-webkit-max-content 1fr repeat(3,-webkit-max-content);grid-template-rows:max-content 1fr repeat(3,max-content)}@media only screen and (max-width:37.5em){.calculator form{grid-template-areas:"divider" "buttons" "figure" "title" "calcmode" "inputs" "toolbar";grid-template-columns:1fr;grid-template-rows:auto}}.calculator form{height:100%}.calculator form>:not(div.calculator__figure){margin-bottom:1rem}.calculator form div.calculator__buttons{align-items:center;display:flex;grid-area:buttons;justify-content:flex-start;width:100%}.calculator form div.calculator__buttons button svg{font-size:1.2rem}.calculator form div.calculator__buttons button.calculator__delete svg{font-size:1.6rem}.calculator form div.calculator__figure{align-items:center;display:flex;grid-area:figure;height:15rem;justify-content:center;place-self:center;width:25rem}.calculator form div.calculator__figure img{width:15rem}@media only screen and (max-width:37.5em){.calculator form div.calculator__figure img{width:15rem}}.calculator form div.calculator__figure span{color:var(--color-primary-dark);font-size:5rem;text-transform:capitalize}.calculator form div.calculator__figure code,.calculator form div.calculator__figure.flip img,.calculator form div.calculator__figure.flip span{opacity:0;width:0}.calculator form div.calculator__figure.flip code{opacity:1;width:auto}.calculator form fieldset.calculator__title{grid-area:title}.calculator form fieldset.calculator__title input{margin-top:.4rem;width:100%}.calculator form select.calculator__calcmode{grid-area:calcmode;padding:var(--padding-small);text-align:center;width:100%}@media only screen and (max-width:37.5em){.calculator form select.calculator__calcmode{padding:var(--padding-smaller)}}.calculator form select.calculator__calcmode{background-size:70rem;border-radius:var(--border-radius-small)}.calculator form div.calculator__toolbar{align-items:center;display:flex;grid-area:toolbar;justify-content:space-between;width:100%}.calculator form div.calculator__toolbar button{margin-inline:.2rem}.calculator form div.calculator__toolbar button svg{margin:0 auto}.calculator form div.calculator__toolbar .calculator__decimal{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:.4rem}.calculator form div.calculator__toolbar .calculator__decimal span{margin-right:.6rem}.calculator form div.calculator__toolbar .calculator__decimal-button{align-items:center;background-color:var(--color-primary);background-size:5rem;border-radius:5px;cursor:pointer;display:flex;height:2rem;margin-inline:.2rem;padding:.4rem;position:relative;width:2rem}.calculator form div.calculator__toolbar .calculator__decimal-button:after{border-bottom:5px solid transparent;border-top:5px solid transparent;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0}.calculator form div.calculator__toolbar .calculator__decimal-button--increase:after{border-left:5px solid var(--color-stroke)}.calculator form div.calculator__toolbar .calculator__decimal-button--decrease:after{border-right:5px solid var(--color-stroke)}.calculator form div.calculator__inputs{grid-area:inputs}.calculator form div.calculator__inputs fieldset{display:grid;grid-template-columns:1fr minmax(5rem,-webkit-max-content) -webkit-max-content;grid-template-columns:1fr minmax(5rem,max-content) max-content;margin-bottom:1rem;width:100%}.calculator form div.calculator__inputs fieldset label.data-list{background-color:var(--color-secondary-dark);font-size:var(--font-size-smaller);font-weight:300;padding-bottom:0;position:relative}.calculator form div.calculator__inputs fieldset label.data-list:after{content:"▾";pointer-events:none;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.calculator form div.calculator__inputs fieldset label.data-list span{left:1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.calculator form div.calculator__inputs fieldset label.data-list select{border:2px solid transparent;border-radius:var(--border-radius-small);padding:var(--padding-small);width:100%}.calculator form div.calculator__inputs fieldset label.data-list select:hover{border-color:red}.calculator form div.calculator__inputs fieldset input,.calculator form div.calculator__inputs fieldset label.data-list{border-radius:var(--border-radius-small) 0 0 var(--border-radius-small);grid-column:1/2;height:100%;width:100%;z-index:4}.calculator form div.calculator__inputs fieldset input.no-dropdown,.calculator form div.calculator__inputs fieldset label.data-list.no-dropdown{border-radius:var(--border-radius-small);grid-column:1/3}.calculator form div.calculator__inputs fieldset input.locked,.calculator form div.calculator__inputs fieldset label.data-list.locked{background-color:var(--color-grey);opacity:.8}.calculator form div.calculator__inputs fieldset select{background-color:var(--color-primary);border-radius:0 var(--border-radius-small) var(--border-radius-small) 0;grid-column:2/3;height:100%}.calculator form div.calculator__inputs fieldset select.no-dropdown{background:var(--color-grey-dark);border-color:var(--color-grey-dark);cursor:default}.calculator form div.calculator__inputs fieldset select.no-dropdown:hover{background-position:0}.calculator form div.calculator__inputs fieldset button.calculator__fieldset-button{cursor:pointer;margin-right:-1.6rem;padding-inline:.8rem}.calculator form div.calculator__inputs fieldset button.calculator__fieldset-button svg{font-size:var(--font-small);opacity:.3;-webkit-transform:scaleY(1.2);transform:scaleY(1.2);transition:all .3s ease-in-out}.calculator form div.calculator__inputs fieldset button.calculator__fieldset-button svg.locked{color:var(--color-error);opacity:1}.calculator form span.divider{background-color:var(--color-grey);grid-area:divider;height:100%;margin-inline:1.2rem;place-self:center;width:1px}@media only screen and (max-width:37.5em){.calculator form span.divider{height:0;margin-inline:0;pointer-events:none;width:0}}.calculator form span.calculator__updatedAt{bottom:0;font-size:8px;position:absolute;right:12px}section>*{margin:auto;max-width:100rem}.news-page h3{text-align:start}.calculator-page{position:relative;z-index:2}.calculator-page figure.calculator-page__empty-page{margin:0 auto;width:30rem}.calculator-page figure.calculator-page__empty-page img{height:30rem}.calculator-page__toggle{display:flex}.calculator-page__container{grid-gap:var(--calcpage-gap);align-items:center;background-color:var(--color-secondary)!important;display:grid;gap:var(--calcpage-gap);grid-template-columns:repeat(auto-fill,minmax(-webkit-min-content,var(--calc-width-landscape)));grid-template-columns:repeat(auto-fill,minmax(min-content,var(--calc-width-landscape)));justify-content:center;position:relative}@media only screen and (max-width:37.5em){.calculator-page__container{grid-template-columns:repeat(auto-fill,minmax(var(--calc-width-portrait),1fr));justify-items:center}}.searchunit{position:relative}.searchunit ::selection{background-color:var(--color-primary);color:var(--color-tertiary)}.searchunit__header{margin-bottom:1rem}.searchunit input{width:100%}.searchunit ul{background-color:var(--color-secondary);border-radius:var(--border-radius-small);margin-top:1rem}.searchunit li{align-items:center;border:1px solid var(--color-grey);border-radius:var(--border-radius-small);cursor:pointer;display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;margin:1rem;padding-block:1rem;padding-inline:1.6rem;position:relative;transition:background-color .3s ease-in-out}.searchunit li:hover{background-color:var(--color-grey)}.searchunit li>*{margin-bottom:0;text-transform:capitalize}.searchunit li>button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.receipt__buttons{display:flex;justify-content:space-evenly}.receipt>*{background-color:var(--color-secondary);margin:.1rem;padding:1rem}.receipt__label{align-items:center;border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;display:flex;justify-content:center;position:relative}.receipt__label h5{margin-right:.5rem}.receipt__label button{cursor:pointer;padding:1rem;position:absolute;right:-1rem}.receipt__output-item{display:grid;grid-template-columns:repeat(3,1fr)}.receipt__output-item p:first-child{justify-self:end}.receipt__output-item p:nth-child(2){justify-self:center}.receipt__output-item p:nth-child(3){justify-self:start}.receipt__timestamp{border-radius:0 0 var(--border-radius-small) var(--border-radius-small);display:flex;justify-content:flex-end}.chart{border:1px solid var(--color-stroke);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:2rem;padding:2rem}@media only screen and (max-width:37.5em){.chart{width:var(--calc-width-portrait)}}.chart{border:2px solid var(--color-grey);border-radius:var(--border-radius);box-shadow:3px 3px 6px rgba(0,0,0,.3),-3px -3px 6px hsla(0,0%,100%,.3);-webkit-transform:scale(.01);transform:scale(.01);transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.chart.show{-webkit-transform:scale(1);transform:scale(1)}.chart canvas{border-radius:var(--border-radius);margin-top:.8rem;padding:var(--padding-medium)}.chart form{border-radius:var(--border-radius-small)}.chart form button{margin:0 0 0 1rem;text-align:center}.chart form button svg{margin:0}.chart__configuration{display:flex}@media only screen and (max-width:37.5em){.chart__configuration{display:block}}.chart__title{margin-bottom:1rem;margin-top:.2rem}.chart__title input{font-size:var(--font-size-medium);text-align:center}.chart__selectable{align-self:center;background-color:var(--color-primary);border-radius:var(--border-radius-small);width:100%}.chart__coordinates,.chart__selectable{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.6rem}.chart__coordinates{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(10rem,1fr));grid-template-rows:repeat(3,1fr)}@media only screen and (max-width:37.5em){.chart__coordinates{gap:1rem;grid-template-columns:repeat(2,minmax(10rem,1fr))}.chart__coordinates fieldset:not(:last-child){margin-bottom:0}}.chart__selectable-steps{display:flex;justify-content:center;padding-top:1rem}.chart__selectable-steps span{background-color:var(--color-primary-dark);border-radius:50%;cursor:pointer;height:10px;margin-inline:.5rem;opacity:.5;position:relative;width:10px}.chart__selectable-steps span.selected{opacity:1}.chart__legend{margin-bottom:1rem}.chart__bottom-toolbar{margin-top:1rem}.chart__bottom-toolbar button{margin-inline:.2rem!important}.chart__buttons{display:flex;justify-content:space-between;margin-bottom:.4rem;margin-top:1rem}.chart__buttons>button:first-child{margin-left:0!important}.chart fieldset{display:flex;flex-direction:column}.chart fieldsetw.fieldset__deltax{grid-column:1/3}.chart fieldset input{flex-grow:1;width:100%}.catalogue-page{z-index:2}.catalogue-page__links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin:0 auto;max-width:120rem}.catalogue-page__link{margin:0;min-height:100%;text-decoration:none;width:100%}.catalogue-page__link h4{margin-bottom:0}.flow-page{--flow-grid-size:7.2rem;--flow-panel-bg:#eef2ef;--flow-boundary-bg:#f7f9f8;--flow-grid-line:rgba(14,81,70,.12);--flow-grid-line-strong:rgba(14,81,70,.22);--flow-port-color:#18a06b;--flow-pulse:rgba(24,160,107,.22);z-index:2}.flow-page header h1{margin-bottom:0}.flow-page header p{max-width:64rem;text-align:center}.flow-page__workspace-section{padding-block:2rem 2.4rem}.flow-page__editor{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 30rem;margin:0 auto;max-width:148rem;min-height:calc(100vh - var(--navbar-height) - 20rem)}@media only screen and (max-width:64em){.flow-page__editor{grid-template-columns:1fr;min-height:auto}}.flow-page__boundary{-ms-scroll-chaining:none;background-color:var(--flow-boundary-bg);border:3px solid var(--color-primary-dark);border-radius:2.4rem;box-shadow:var(--shadow);cursor:crosshair;height:calc(100vh - var(--navbar-height) - 20rem);min-height:100%;overflow:hidden;overscroll-behavior:contain;position:relative;touch-action:none}.flow-page__boundary--panning{cursor:grabbing}.flow-page__boundary--dragging{box-shadow:var(--shadow),0 0 0 .4rem rgba(135,203,172,.32)}@media only screen and (max-width:64em){.flow-page__boundary{height:68rem;min-height:68rem}}.flow-page__boundary-toolbar{display:flex;flex-wrap:wrap;gap:.8rem;left:1.4rem;max-width:calc(100% - 2.8rem);position:absolute;top:1.4rem;z-index:8}.flow-page__coords-chip,.flow-page__toggle-chip{align-items:center;background-color:hsla(0,0%,100%,.95);border:2px solid rgba(0,30,29,.16);border-radius:999px;color:var(--color-subheader);display:inline-flex;font-size:1.25rem;gap:.9rem;line-height:1;min-height:3.8rem;padding:.7rem 1rem}.flow-page__toggle-chip{cursor:pointer}.flow-page__toggle-chip--active{background-color:var(--color-primary);border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.flow-page__toggle-chip__reset{border-left:1px solid rgba(0,30,29,.18);font-size:1.05rem;letter-spacing:.04em;padding-left:.9rem;text-transform:uppercase}.flow-page__coords-chip{font-weight:700}.flow-page__crosshair{inset:0;pointer-events:none;position:absolute;z-index:4}.flow-page__selection-box{background-color:rgba(135,203,172,.18);border:2px solid rgba(14,81,70,.42);border-radius:.8rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);pointer-events:none;position:absolute;z-index:5}.flow-page__crosshair-line{background-color:rgba(0,30,29,.25);position:absolute}.flow-page__crosshair-line--vertical{bottom:0;top:0;-webkit-transform:translateX(-.5px);transform:translateX(-.5px);width:1px}.flow-page__crosshair-line--horizontal{height:1px;left:0;right:0;-webkit-transform:translateY(-.5px);transform:translateY(-.5px)}.flow-page__world{inset:50% auto auto 50%;position:absolute;-webkit-transform-origin:center center;transform-origin:center center}.flow-page__grid{background-image:linear-gradient(to right,var(--flow-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--flow-grid-line) 1px,transparent 1px),linear-gradient(to right,var(--flow-grid-line-strong) 1px,transparent 1px),linear-gradient(to bottom,var(--flow-grid-line-strong) 1px,transparent 1px);background-position:50%,50%,50%,50%;background-size:var(--flow-grid-size) var(--flow-grid-size),var(--flow-grid-size) var(--flow-grid-size),calc(var(--flow-grid-size)*10) calc(var(--flow-grid-size)*10),calc(var(--flow-grid-size)*10) calc(var(--flow-grid-size)*10);inset:0}.flow-page__drop-preview,.flow-page__grid,.flow-page__node,.flow-page__origin{position:absolute}.flow-page__origin{background-color:var(--color-primary-dark);border-radius:50%;height:1.2rem;margin-left:-.6rem;margin-top:-.6rem;width:1.2rem;z-index:1}.flow-page__origin span{color:var(--color-primary-dark);font-size:1.15rem;font-weight:700;left:1rem;position:absolute;top:1.4rem;white-space:nowrap}.flow-page__drop-preview,.flow-page__node{height:7.2rem;width:7.2rem}.flow-page__node{cursor:pointer;z-index:3}.flow-page__node--selected{border-radius:.8rem;outline:2px solid rgba(14,81,70,.3);outline-offset:.2rem}.flow-page__node--active{box-shadow:inset 0 0 0 1px rgba(24,160,107,.12)}.flow-page__node-label{background-color:hsla(0,0%,100%,.92);border-radius:.6rem;color:var(--color-subheader);font-size:1.15rem;font-weight:700;left:50%;max-width:18rem;min-width:-webkit-max-content;min-width:max-content;padding:.2rem .55rem;pointer-events:none;position:absolute;text-align:center;top:calc(100% + .35rem);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.flow-page__drop-preview{align-items:center;background-color:rgba(135,203,172,.28);border:3px solid var(--color-primary-dark);border-radius:.8rem;box-shadow:0 0 0 .35rem rgba(135,203,172,.24),inset 0 0 0 .2rem hsla(0,0%,100%,.8);color:var(--color-primary-dark);display:flex;font-size:1.25rem;font-weight:700;justify-content:center;text-transform:capitalize;z-index:2}.flow-page__drop-preview--blocked{background-color:rgba(203,69,75,.2);border-color:var(--color-error-dark);color:var(--color-error-dark)}.flow-page__port-hint{background-color:var(--flow-port-color);border:2px solid #0d5e41;border-radius:50%;box-shadow:0 0 0 .22rem rgba(24,160,107,.18);cursor:pointer;height:1.15rem;margin:0;padding:0;position:absolute;width:1.15rem}.flow-page__port-hint--left{left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flow-page__port-hint--right{right:0;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.flow-page__port-hint--up{left:50%;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flow-page__port-hint--down{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.flow-page__invalid-port{align-items:center;background-color:#c53a3a;border-radius:50%;box-shadow:0 0 0 .18rem rgba(197,58,58,.18);color:#fff;display:flex;font-size:.9rem;height:1.6rem;justify-content:center;pointer-events:none;position:absolute;width:1.6rem}.flow-page__invalid-port--left{left:-.2rem;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flow-page__invalid-port--right{right:-.2rem;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.flow-page__invalid-port--up{left:50%;top:-.2rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flow-page__invalid-port--down{bottom:-.2rem;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.flow-page__lock-indicator{background-color:var(--color-primary-dark);color:#fff;font-size:1rem;left:.2rem}.flow-page__lock-indicator,.flow-page__start-indicator{align-items:center;border-radius:50%;display:flex;height:2.2rem;justify-content:center;position:absolute;top:.2rem;width:2.2rem}.flow-page__start-indicator{background-color:var(--color-primary);color:var(--color-primary-dark);font-size:.95rem;right:.2rem}.flow-page__floating-panel{padding:1.8rem;position:absolute;width:26rem;z-index:9}.flow-page__floating-panel h4{margin:0;text-transform:capitalize}.flow-page__floating-panel__close{background:transparent;border:none;color:var(--color-primary-dark);font-size:1.6rem;line-height:1;margin:0;padding:0;position:absolute;right:1rem;top:.8rem}.flow-page__floating-panel__fields{grid-gap:.9rem;display:grid;gap:.9rem;margin-top:1.1rem}.flow-page__floating-panel__field{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,9rem) minmax(0,1fr)}.flow-page__floating-panel__field span{color:var(--color-header);font-size:1.35rem;font-weight:700}.flow-page__floating-panel__field input,.flow-page__floating-panel__field select{margin:0;min-width:0;width:100%}.flow-page__floating-panel__field input[type=color]{border-radius:.9rem;cursor:pointer;height:3.6rem;padding:.2rem}.flow-page__floating-panel__actions{display:flex;justify-content:flex-end;margin-top:1.4rem}.flow-page__transport{align-items:center;background-color:hsla(0,0%,100%,.95);border:2px solid rgba(0,30,29,.16);border-radius:999px;bottom:1.6rem;display:flex;gap:.8rem;left:50%;padding:.8rem 1rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.flow-page__transport button{align-items:center;background-color:#fff;border:2px solid var(--color-primary-dark);border-radius:50%;color:var(--color-primary-dark);display:flex;font-size:1.4rem;height:3.8rem;justify-content:center;margin:0;padding:0;width:3.8rem}.flow-page__transport__play{background-color:var(--color-primary)!important;font-size:1.8rem!important;height:5rem!important;width:5rem!important}.flow-page__sidebar{align-self:start;background:linear-gradient(160deg,rgba(135,203,172,.55),hsla(0,0%,100%,.95)),var(--flow-panel-bg);border:3px solid var(--color-primary-dark);border-radius:2.4rem;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:2rem;position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + 2rem)}.flow-page__sidebar p{font-size:1.5rem}@media only screen and (max-width:64em){.flow-page__sidebar{position:static}}.flow-page__component-browser{display:flex;flex:1 1;flex-direction:column;margin-top:1.4rem;min-height:0}.flow-page__component-search{background:linear-gradient(160deg,rgba(135,203,172,.55),hsla(0,0%,100%,.95)),var(--flow-panel-bg);padding-bottom:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.flow-page__component-search input{margin:0;width:100%}.flow-page__component-list{grid-gap:1.2rem;display:grid;gap:1.2rem;max-height:calc(100vh - var(--navbar-height) - 33rem);min-height:0;overflow-y:auto;padding-right:.4rem}.flow-page__component-section{grid-gap:.8rem;display:grid;gap:.8rem}.flow-page__component-section h4{color:var(--color-primary-dark);font-size:1.35rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.flow-page__component-section__items{grid-gap:1rem;display:grid;gap:1rem}.flow-page__component-empty{color:var(--color-subheader);font-size:1.35rem;padding:1rem .2rem}.flow-page__component-card{grid-gap:1.2rem;align-items:center;background-color:hsla(0,0%,100%,.92);border:2px solid var(--color-primary-dark);border-radius:1.8rem;cursor:grab;display:grid;gap:1.2rem;grid-template-columns:7rem 1fr;padding:1.2rem;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.flow-page__component-card__preview{align-items:center;background-color:#f3f6f4;border-radius:1.2rem;display:flex;height:7rem;justify-content:center;padding:.2rem;width:7rem}.flow-page__component-card__label{color:var(--color-header);font-size:1.8rem;text-transform:capitalize}.flow-page__drag-ghost{height:7.2rem;opacity:.94;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:7.2rem;z-index:30}.flow-page__drag-ghost--move{-webkit-transform:none;transform:none}.flow-page__connection-menu,.flow-page__context-menu{padding:.8rem;position:fixed;-webkit-transform:translate(.4rem,.4rem);transform:translate(.4rem,.4rem);width:26rem;z-index:40}.flow-page__context-menu{grid-gap:.45rem;display:grid;gap:.45rem}.flow-page__context-menu button{grid-gap:.65rem;align-items:center;display:grid;font-size:1.3rem!important;gap:.65rem;grid-template-columns:1.8rem minmax(0,1fr);justify-content:flex-start;margin:0!important;min-height:0!important;padding:.7rem .9rem!important;text-align:left;width:100%}.flow-page__context-menu button svg{font-size:1.1rem;justify-self:center}.flow-page__connection-menu__list{grid-gap:.6rem;display:grid;gap:.6rem;max-height:28rem;overflow-y:auto;padding-right:.2rem}.flow-page__connection-menu__list button{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 5.2rem;justify-content:flex-start;margin:0;text-align:left;text-transform:capitalize;width:100%}.flow-page__connection-menu__list button .flow-node{height:4.6rem;justify-self:end;width:4.6rem}.flow-page__dialog{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(246,249,247,.96));border:3px solid var(--color-primary-dark);border-radius:1.6rem;box-shadow:0 1.4rem 3rem rgba(0,30,29,.18)}.flow-page__dialog-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.9rem;padding-right:2rem}.flow-page__dialog-header h5{margin:0;text-transform:capitalize}.flow-page__dialog-kicker{color:var(--color-primary-dark);display:inline-block;font-size:1.05rem;font-weight:700;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.flow-node{height:100%;position:relative;width:100%}.flow-node svg{display:block;height:100%;overflow:visible;width:100%}.flow-node__rotate{font-size:1rem!important;height:2.2rem;line-height:1!important;margin:0!important;min-width:0!important;opacity:0;padding:.2rem!important;pointer-events:none;position:absolute;right:-.9rem;top:-.9rem;transition:opacity .15s ease;width:2.2rem}.flow-node__rotate:disabled{opacity:0}.flow-node:hover .flow-node__rotate{opacity:1;pointer-events:auto}.notification{position:fixed;top:0;z-index:9}.notification,.notification__container{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.notification__container{position:relative}.notification__banner{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--color-stroke);border:2px solid;border-radius:3px;left:50%;opacity:0;padding:.5rem;position:absolute;top:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:top .3s ease-in-out,opacity .3s ease-in-out;width:400px;z-index:99}.notification__banner.show{opacity:1;top:10px}.notification__banner.SUCCESS span{color:var(--color-success)}.notification__banner.WARNING span{border-color:var(--color-warning);color:var(--color-warning)}.notification__banner.ERROR span{color:var(--color-error)}.notification__banner.INFORMATION span{color:var(--color-information)}.notification__banner p{color:var(--color-secondary);font-weight:500;margin-top:-2rem;text-align:center}.notification__banner button:after,.notification__banner button:before{background-color:var(--color-secondary)!important;height:10px!important;width:2px!important}.notification__banner span{align-items:center;border:1px solid;border-radius:50%;display:flex;font-size:2rem;font-weight:600;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2.5rem;z-index:100}
/*# sourceMappingURL=main.150c2a8d.css.map*/