:root{--input-base:#e9e9e9;--input-focus:#dadada;--input-label:#555;--input-text:#333;--button-text:#555}@font-face{font-family:EKModenaTest;font-weight:400;src:url(../fonts/EKModenaTest-Regular.woff2)}@font-face{font-family:EKModenaTest;font-weight:500;src:url(../fonts/EKModenaTest-Medium.woff2)}@font-face{font-family:EKModenaExtended;font-weight:800;src:url(../fonts/EKModenaExtended-Heavy.woff2)}*{box-sizing:border-box}body,html{height:100%;overflow:auto;width:100%}body{font-family:EKModenaTest,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:#f3f3f3;font-size:14px;font-weight:500;margin:0}.visuallyhidden{overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;padding:0;width:1px}.modena-extended,label{font-family:EKModenaExtended;font-size:9px;font-weight:800;text-transform:uppercase}label{color:#444}h1,h2,h3,h4{color:#333;font-family:EKModenaTest;font-weight:500;margin:0 0 10px}h1{font-size:32px;margin-top:0}h2{font-size:24px;margin-top:50px}h3{font-size:20px}a{color:#000;text-decoration-thickness:1.5px;transition:text-decoration-color .15s ease}a:hover{text-decoration-color:transparent}.button,button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid var(--input-base);border-radius:0;font-family:inherit}.button:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}input,select,textarea{background:transparent;color:var(--input-text);font-size:1em;font-weight:500;padding:9px 16px;resize:none}input:focus,select:focus,textarea:focus{border-color:var(--input-focus);outline:none}select{background-image:url(../down.svg);background-position:calc(100% - 14px) calc(1em - 4.5px);background-repeat:no-repeat;background-size:18px 23px;padding-right:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=checkbox]{border-color:var(--input-focus);cursor:pointer;height:20px;margin:0;padding:0;width:20px}input[type=checkbox]:checked{background:var(--input-focus)}.button,button{align-items:center;border:0;cursor:pointer;display:inline-flex;gap:15px;text-decoration:none;transition:.15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button{background-color:var(--input-base);color:var(--button-text);font-family:EKModenaExtended;font-size:9px;font-weight:800;padding:16px 25px;text-transform:uppercase;transition:.15s ease}.button svg{fill:currentColor;width:20px}.button:disabled{color:#999;cursor:not-allowed}.button:hover:not(:disabled){background-color:var(--input-focus)}hr{border:0;border-top:2px solid #ddd;margin:30px 0}.container{margin:20vh auto 100px;max-width:1200px;padding:0 20px}.field{display:flex;flex-direction:column;margin-bottom:18px;overflow:hidden;position:relative}.field input,.field select,.field textarea,.field__label{border-top:0;margin:0;transition:all .12s ease;width:100%}.field input[type=range],.field__label{cursor:pointer}.field__label{background-color:var(--input-base);border-bottom:0;color:var(--input-label);font-family:EKModenaExtended;font-size:9px;font-weight:800;padding:11px 16px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field__description{display:block;font-family:EKModenaTest;font-size:10px;font-weight:500;margin-top:5px;text-transform:none}.field__formulas{background-color:var(--input-base);border-bottom:0;cursor:pointer;padding:8px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field__image__input{display:none}.field__image__button{background:#eee;border:4px solid var(--input-base);color:#777;cursor:pointer;padding:12px 16px;width:100%}.field__image img{width:100%}.field__image__options{border:4px solid var(--input-base);border-top:0}.field__image__options label{display:block;margin-top:10px}.field__pill{border:4px solid var(--input-base);display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.field__pill__option{border-right:4px solid var(--input-base)}.field__pill__option:last-child{border-right:0}.field__pill__option input{display:none}.field__pill__option label{cursor:pointer;display:block;font-family:EKModenaTest;font-size:1em;font-weight:500;padding:12px 16px;text-transform:none}.field__pill__option--active{background:var(--input-focus)}.field--focused .field__label{background-color:var(--input-focus)}.field--focused .field__label,.field--focused input,.field--focused textarea{border-color:var(--input-focus)}.field--disabled{color:#888;opacity:.8;pointer-events:none}.field--disabled .field__label{color:#888;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field--disabled input,.field--disabled select,.field--disabled textarea{color:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field--formula input{font-family:Courier New,Courier,monospace;font-size:14px;font-style:italic}.table{border-collapse:collapse;margin-bottom:1rem;width:100%}.table td,.table th{border:4px solid var(--input-base);padding:10px 20px}.table th{background-color:#eaeaea;color:#555;font-family:EKModenaExtended;font-size:9px;font-weight:800;text-align:left;text-transform:uppercase}.grid{display:grid;flex-wrap:wrap;gap:60px 30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.grid__item{cursor:pointer;transition:transform .4s ease}.grid__item a{text-decoration:none}.grid__item img{height:300px;-o-object-fit:contain;object-fit:contain;width:100%}.grid__item__label{color:#bbb;display:block;margin-top:20px;text-align:center}.grid__item:hover{transform:scale(1.04)}.toast{bottom:50px;color:#888;font-size:1em;opacity:0;pointer-events:none;position:fixed;right:100px;transform:translateY(-5px);transition:all .4s ease;z-index:6}.toast--visible{opacity:1;transform:translateY(0)}.loading{animation:spin 1s linear infinite;border-radius:50%;border-right:3px solid #aaa;border-top:3px solid #aaa;border-color:#f3f3f3 #f3f3f3 #aaa #aaa;border-style:solid;border-width:3px;bottom:50px;height:27px;position:fixed;right:50px;width:27px;z-index:7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{opacity:0}.header--brael[data-v-a3b402b9]{align-items:center;justify-content:center;left:50%;position:absolute;top:12.5vh;transform:translate(-50%,-50%)}.header--brael img[data-v-a3b402b9]{width:150px}@keyframes logoIn-a3b402b9{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
