*,:before,:after{box-sizing:border-box;touch-action:manipulation;border:0;margin:0;padding:0}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{vertical-align:baseline;font:inherit;border:0;margin:0;padding:0}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]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-date-and-time-value{text-align:left}button,.button,a{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;background:unset;color:unset;text-decoration:none}@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 pulseBig{0%{scale:1}50%{scale:1.08}to{scale:1}}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(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%{width:20px;transform:translate(0)}30%{width:28px;transform:translate(6px)}70%{width:24px;transform:translate(14px)}to{width:20px;transform:translate(20px)}}@keyframes slideShrink{0%{width:20px;transform:translate(20px)}30%{width:28px;transform:translate(14px)}70%{width:24px;transform:translate(6px)}to{width:20px;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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{overscroll-behavior-y:contain;box-sizing:border-box;flex-grow:0;font-family:Roboto,system-ui,sans-serif}html{scroll-behavior:smooth;width:100%;max-width:100%;height:100%;position:relative;overflow:hidden}html.page-fixed{touch-action:none}body{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:manipulation;width:100%;max-width:1600px;height:100%;padding-bottom:max(40px, env(safe-area-inset-bottom));padding-top:max(12px, env(safe-area-inset-top));background-color:#f9f9f9;margin:0 auto;overflow:hidden auto}html.platform-capacitor body:before{content:"";width:100%;height:env(safe-area-inset-top);z-index:9999;background:#fff;position:fixed;top:0;left:0}html.platform-capacitor body:after{content:"";width:100%;height:env(safe-area-inset-bottom);z-index:9999;background:linear-gradient(#0000 0%,#fff 35%);position:fixed;bottom:0;left:0}body:has(.i-frame){background-color:#0000;overflow:visible}main{width:100%;padding-bottom:86px}h1,h2,h3{color:#111;width:fit-content;font-weight:800}@media (width>=0){h1,h2,h3{font-size:18px}}@media (width>=760px){h1,h2,h3{font-size:22px}}p{color:#111;margin-block:15px;line-height:1.25}ul.default{max-width:800px;padding-left:16px;list-style:circle}ul li{margin-block:15px;line-height:1.25}svg{max-width:100%;max-height:100%}i{height:auto;display:flex}section.coming-soon{margin-top:20px;padding-left:10px}@media screen and (width>=990px){section.coming-soon{margin-top:0;margin-left:100px}}.prevent-scrolling{width:100%;height:100%;position:fixed;overflow:hidden}.coming-soon-banner{color:#ddd;text-transform:uppercase;font-size:80px;font-weight:800}@media screen and (width>=990px){.coming-soon-banner{position:absolute;top:290px;left:-150px;rotate:270deg}}.bmc-active-tool-title{color:#111;width:fit-content;margin:0 0 20px;font-size:14px;font-weight:400;display:flex;position:relative}.text-field{position:absolute}@media (width>=0){.page-title{padding-block:10px}}@media (width>=560px){.page-title{padding-block:20px}}.control-section{margin-block:40px}button{user-select:none;cursor:pointer;display:inline-flex}i{font-style:normal!important}.btn{-moz-width:-moz-fit-content;color:#111;word-break:keep-all;user-select:none;touch-action:manipulation;cursor:pointer;background-color:#ffffff20;border:1px solid #ededed;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:fit-content;height:34px;padding-inline:16px;font-family:Roboto,system-ui,sans-serif;font-size:12px;font-weight:400;text-decoration:none;transition:all .35s ease-out;display:flex;position:relative;box-shadow:0 4px 12px #00000026}@media (width>=990px){.btn:hover{color:#242424;border:1px solid #000}}@media (width>=990px) and (width>=760px){.btn:hover svg{scale:1.1}}@media (width>=990px){.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{color:#f1f1f1;background-color:#ff0000d9}@media (width>=990px){.btn.red-black:hover{color:#f1f1f1;background-color:#000}}.btn.red-black svg{fill:#f1f1f1}.btn.red-black-inverse{color:#f1f1f1;background-color:#000}@media (width>=990px){.btn.red-black-inverse:hover{color:#f1f1f1;background-color:#ff0000d9}}.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{aspect-ratio:1;width:16px}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed!important}.actions-container .btn .btn-title{white-space:nowrap;font-size:12px;font-weight:600}@media (width>=0){.main-action-btn-title{display:none}}@media (width>=560px){.main-action-btn-title{display:inline}}label{outline:none;align-items:center;width:100%;height:100%;min-height:44px;display:flex;position:relative}label.filled .placeholder,label:focus-within .placeholder{color:#f1f1f1;letter-spacing:.7px;background-color:#ff4336;font-size:10px;font-weight:600;top:2px;transform:translateY(20%)}label:focus-within .placeholder{color:#f1f1f1;background-color:#ff4336;border-radius:8px;padding:4px 6px;font-size:12px;top:-14px}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{color:#11111180;z-index:1;font-size:15px;font-weight:400;transition:all .25s ease-out;position:absolute;top:50%;left:10px;transform:translateY(-50%)}label input{background-color:#0000;border:1px solid #1119;border-radius:8px;outline:none;width:100%;padding-bottom:4px;padding-left:10px;padding-right:40px;font-size:16px;transition:all .25s ease-out;display:flex;padding-top:19px!important}label input:focus{border:1px solid #ff4336;outline:none;padding-right:10px;box-shadow:0 0 1px 1px #ff4336}.round{position:relative}.round label{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:50%;width:28px;height:28px;position:absolute;top:0;left:0}.round label:after{content:"";opacity:0;border-top:none;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:none;width:12px;height:6px;position:absolute;top:8px;left:7px;transform:rotate(-45deg)}.round input[type=checkbox]{visibility:hidden}.round input[type=checkbox]:checked+label{background-color:#ff0000d9;border-color:#ff0000d9}.round input[type=checkbox]:checked+label:after{opacity:1}.field-value{border-radius:8px;margin-top:12px;margin-bottom:20px}.field-value .label{align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.field-value .label .label-text{color:#111;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.field-value .label .hint{color:#11111180;font-size:11px;font-style:italic}.field-value .input-group{outline:none;align-items:stretch;gap:8px;height:fit-content;display:flex;position:relative}.field-value .input-group:focus-within .apply-button{opacity:1;background-color:#000;border:none;width:30px;height:30px;transform:translate(40%,-100%);box-shadow:0 4px 12px #0000004d}.field-value .input-group:focus-within .apply-button:disabled{box-shadow:none;background-color:#999}.field-value .input-group .input{flex:1}.field-value .input-group .input :deep(.input){background-color:#fefefecc;transition:all .2s}.field-value .input-group .input :deep(.input) input{color:red;border-color:#1113;padding:8px 12px;font-size:14px}.field-value .input-group .input :deep(.input) input:focus{border-color:#ff0000d9}.field-value .input-group .input.has-error :deep(.input) input{background-color:#ff00000d;border-color:red}.field-value .input-group .apply-button{background-color:#000;width:30px;height:30px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field-value .input-group .apply-button.success{background-color:#1b8a2e!important}.field-value .input-group .apply-button.success .check-mark{animation:.3s popIn;scale:1.1}.field-value .input-group .apply-button.error{animation:.5s ease-out errorShakeIcononInputField;background-color:red!important}.field-value .input-group .apply-button.error .error-mark{font-size:12px}.field-value .validation-message{color:red;margin-top:6px;font-size:12px;animation:.2s slideDown}input::-webkit-autofill{background-color:#ff0000d9!important}::-moz-selection{color:#f1f1f1!important;background:#ff0000d9!important}::selection{color:#f1f1f1!important;background:#ff0000d9!important}.toggle-label{color:#333;cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}.toggle-input{display:none}.toggle-slider{background:#ccc;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:all .35s ease-out;position:relative}.toggle-slider:before{content:"";transform-origin:0 0;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;animation:.3s ease-out slideShrink;position:absolute;top:2px;left:2px}.toggle-input:checked+.toggle-slider{background:#ff0000d9}.toggle-input:checked+.toggle-slider:before{transform-origin:0 100%;animation:.3s ease-out slideExpand;transform:translate(20px)}.no-select{user-select:none}.tools-section-container{margin-bottom:40px}.section-divider{background-color:#bbb;height:1px}@media (width>=0){.section-divider{margin:0 -20px 20px}}@media (width>=760px){.section-divider{margin:20px 0}}.no-drag-select{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}::view-transition-image-pair(*){isolation:isolate;will-change:transform}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}body{gap:20px;display:grid}@media (width>=0){body{padding-left:0}}@media (width>=990px){body{padding-left:100px}}
