*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;touch-action:manipulation}html,body{overflow-y:scroll}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}img,object,embed{max-width:100%}small{font-size:85%}strong{font-weight:700}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}.ie7 img{-ms-interpolation-mode:bicubic}input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none}input::-webkit-date-and-time-value{text-align:left}button,.button,a{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;background:unset;text-decoration:none;color:unset}@font-face{font-family:Roboto-italic;src:url(/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html,body{flex-grow:0;font-family:Roboto,system-ui,sans-serif;overscroll-behavior-y:contain;box-sizing:border-box}html{position:relative;padding:20px;width:100%;max-width:100%;height:100%;scroll-behavior:smooth}html.page-fixed{touch-action:none}body{width:100%;height:100%;background-color:#f9f9f9;margin:0 auto;padding-bottom:40px;max-width:1600px;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:manipulation}main{width:100%;padding-bottom:86px}h1,h2,h3{font-weight:800;width:fit-content;color:#111}@media (min-width: 0px){h1,h2,h3{font-size:18px}}@media (min-width: 760px){h1,h2,h3{font-size:22px}}p{margin-block:15px;line-height:1.25;color:#111}ul.default{list-style:circle;padding-left:16px;max-width:800px}ul li{margin-block:15px;line-height:1.25}svg{max-width:100%;max-height:100%}i{display:flex;height:auto}section.coming-soon{margin-top:20px}@media screen and (min-width: 990px){section.coming-soon{margin-left:100px;margin-top:0}}.prevent-scrolling{overflow:hidden;position:fixed;width:100%;height:100%}.coming-soon-banner{font-size:80px;font-weight:800;color:#ddd;text-transform:uppercase}@media screen and (min-width: 990px){.coming-soon-banner{position:absolute;rotate:270deg;top:290px;left:-150px}}.bmc-active-tool-title{position:relative;display:flex;width:fit-content;margin:0 0 20px;font-size:14px;font-weight:400;color:#111}.text-field{position:absolute}@media (min-width: 0px){.page-title{padding-block:10px}}@media (min-width: 560px){.page-title{padding-block:20px}}.control-section{margin-block:40px}button{display:inline-flex;user-select:none;cursor:pointer}i{font-style:normal!important}.btn{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;width:fit-content;-moz-width:-moz-fit-content;height:34px;padding-inline:16px;background-color:#ffffff20;border:1px solid #ededed;font-size:12px;font-family:Roboto,system-ui,sans-serif;color:#111;font-weight:400;text-decoration:none;border-radius:8px;transition:all .35s ease-out;word-break:keep-all;box-shadow:0 4px 12px #00000026;user-select:none;touch-action:manipulation;cursor:pointer}.btn:hover{border:1px solid #000000;color:#242424}@media (min-width: 760px){.btn:hover svg{scale:1.1}}.btn:hover svg{fill:#242424}.btn.clicked{scale:.8}.btn i{font-style:normal;transition:all .35s ease-out}.btn svg{width:100%;max-width:22px;height:100%;transition:all .35s ease-out}.btn.red-black{background-color:#ff0000d9;color:#f1f1f1}.btn.red-black:hover{background-color:#000;color:#f1f1f1}.btn.red-black svg{fill:#f1f1f1}.btn.red-black-inverse{color:#f1f1f1;background-color:#000}.btn.red-black-inverse:hover{background-color:#ff0000d9;color:#f1f1f1}.btn.red-black-inverse svg{fill:#f1f1f1}.btn.small,.btn.red-black-inverse,.btn.red-black{padding-inline:12px}.btn.small svg,.btn.red-black-inverse svg,.btn.red-black svg{width:16px;aspect-ratio:1}button:disabled,.btn:disabled{cursor:not-allowed!important;opacity:.4}.actions-container .btn .btn-title{font-size:12px;font-weight:600;white-space:nowrap}label{position:relative;display:flex;align-items:center;width:100%;height:100%;min-height:44px;outline:none}label.filled .placeholder,label:focus-within .placeholder{top:2px;font-size:10px;background-color:#ff4336;color:#f1f1f1;font-weight:600;transform:translateY(20%);letter-spacing:.7px}label:focus-within .placeholder{font-size:12px;top:-14px;background-color:#ff4336;color:#f1f1f1;border-radius:8px;padding:4px 6px}label.filled .placeholder{color:#ff4336;background-color:#fff0}label.filled:focus-within .placeholder{color:#f1f1f1;background-color:#ff4336}.info-block label.filled:focus-within .placeholder{box-shadow:none}label .placeholder{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#11111180;font-weight:400;z-index:1;transition:all .25s ease-out;font-size:15px}label input{display:flex;width:100%;padding-top:19px!important;padding-bottom:4px;padding-left:10px;padding-right:40px;border:1px solid rgba(17,17,17,.6);border-radius:8px;font-size:16px;background-color:transparent;transition:all .25s ease-out;outline:none}label input:focus{border:1px solid rgb(255,67,54);box-shadow:0 0 1px 1px #ff4336;outline:none;padding-right:10px}.field-value{margin-top:12px;border-radius:8px;margin-bottom:20px}.field-value .label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.field-value .label .label-text{font-size:13px;font-weight:500;color:#111;text-transform:uppercase;letter-spacing:.5px}.field-value .label .hint{font-size:11px;color:#11111180;font-style:italic}.field-value .input-group{position:relative;display:flex;gap:8px;align-items:stretch;height:fit-content;outline:none}.field-value .input-group:focus-within .apply-button{transform:translate(40%,-100%);background-color:#000;opacity:1;box-shadow:0 4px 12px #0000004d;border:none;width:30px;height:30px}.field-value .input-group:focus-within .apply-button:disabled{background-color:#999;box-shadow:none}.field-value .input-group .input{flex:1}.field-value .input-group .input :deep(.input){background-color:#fefefecc;transition:all .2s ease}.field-value .input-group .input :deep(.input) input{font-size:14px;color:red;padding:8px 12px;border-color:#1113}.field-value .input-group .input :deep(.input) input:focus{border-color:#ff0000d9}.field-value .input-group .input.has-error :deep(.input) input{border-color:red;background-color:#ff00000d}.field-value .input-group .apply-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:#000}.field-value .input-group .apply-button.success{background-color:#1b8a2e!important}.field-value .input-group .apply-button.success .check-mark{scale:1.1;animation:popIn .3s ease}.field-value .input-group .apply-button.error{background-color:red!important;animation:errorShakeIcononInputField .5s ease-out}.field-value .input-group .apply-button.error .error-mark{font-size:12px}.field-value .validation-message{margin-top:6px;font-size:12px;color:red;animation:slideDown .2s ease}input::-webkit-autofill{background-color:#ff0000d9!important}::-moz-selection{color:#f1f1f1!important;background:#ff0000d9!important}::selection{color:#f1f1f1!important;background:#ff0000d9!important}.toggle-label{display:flex;align-items:center;gap:10px;font-weight:500;color:#333;cursor:pointer}.toggle-input{display:none}.toggle-slider{position:relative;width:44px;height:24px;flex-shrink:0;background:#ccc;border-radius:999px;transition:all .35s ease-out}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s ease;animation:slideShrink .3s ease-out;transform-origin:0% 0%}.toggle-input:checked+.toggle-slider{background:#ff0000d9}.toggle-input:checked+.toggle-slider:before{transform:translate(20px);animation:slideExpand .3s ease-out;transform-origin:0% 100%}.no-select{user-select:none}.tools-section-container{margin-bottom:40px}.section-divider{height:1px;background-color:#bbb}@media (min-width: 0px){.section-divider{margin:0 -20px 20px}}@media (min-width: 760px){.section-divider{margin:20px 0}}@keyframes animateActiveCardSideOutliner{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomIAndnOut{25%{scale:.98}75%{scale:1.01}}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes errorShakeIcononInputField{0%{transform:translate(40%,-100%)}20%{transform:translate(50%,-100%)}40%{transform:translate(30%,-100%)}60%{transform:translate(45%,-100%)}80%{transform:translate(35%,-100%)}to{transform:translate(40%,-100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideExpand{0%{transform:translate(0);width:20px}30%{transform:translate(6px);width:28px}70%{transform:translate(14px);width:24px}to{transform:translate(20px);width:20px}}@keyframes slideShrink{0%{transform:translate(20px);width:20px}30%{transform:translate(14px);width:28px}70%{transform:translate(6px);width:24px}to{transform:translate(0);width:20px}}body{display:grid;gap:20px}@media (min-width: 0px){body{grid-template-columns:12fr}}@media (min-width: 990px){body{grid-template-columns:6fr 6fr}}@media (min-width: 1200px){body{grid-template-columns:7fr 6fr}}@media (min-width: 1500px){body{grid-template-columns:8fr 6fr}}@media (min-width: 0px){body{padding-left:0}}@media (min-width: 990px){body{padding-left:80px}}
