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;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.-dsk{--display: block;display:var(--display)}.-mob{--display: block;display:none}@media (max-width: 768px){.-dsk{display:none}.-mob{display:var(--display)}}*{box-sizing:border-box}@font-face{font-family:Montserrat;src:url(/abs-webtools/fonts/Montserrat-Light.ttf);font-weight:200}@font-face{font-family:Montserrat;src:url(/abs-webtools/fonts/Montserrat-Regular.ttf);font-weight:400}@font-face{font-family:Montserrat;src:url(/abs-webtools/fonts/Montserrat-Bold.ttf);font-weight:700}body{font-size:10px}:root{--page-spacing: 60px;--transition-duration: .25s}@media (max-width: 576px){:root{--page-spacing: 30px}}body{min-height:100vh;overflow-x:hidden;font-family:Montserrat;font-weight:400;color:#fff}main{min-height:100vh}.button{display:flex;justify-content:center;align-items:center;gap:8px;color:#fff;font-size:1.2rem;background-color:#0006;padding:8px 16px;border:solid white 1px;border-radius:0;transition:var(--transition-duration)}.button.button-primary{color:#000;background-color:#fff;mix-blend-mode:screen}.button.button-primary .button-icon{background-color:#000}.button.button-secondary{color:#fff;background-color:#0006;border:solid white 1px}.button.button-secondary .button-icon{background-color:#fff}.button.button-secondary:active{background-color:#0009}.button.button-secondary:focus{outline:none;box-shadow:0 0 4px #fff}.button:not(:disabled){cursor:pointer}.button.icon-reverse{flex-direction:row-reverse}.micon[name=chevron-up]{--path: url(/abs-webtools/icons/chevron-up.svg)}.micon[name=chevron-down]{--path: url(/abs-webtools/icons/chevron-down.svg)}.micon{--default-size: 24px;--width: var(--default-size);--height: var(--default-size);display:inline-block;position:relative;width:var(--width);height:var(--height);background-color:#000;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.micon[name]{-webkit-mask-image:var(--path);mask-image:var(--path)}[cmp=InputText] input{width:100%;color:#fff;font-family:Montserrat;font-size:1.2rem;font-weight:200;background-color:transparent;padding:8px 10px;border:none;border-left:solid white 1px;transition:var(--transition-duration)}[cmp=InputText] input::placeholder{color:#ccc}[cmp=InputText] input:focus{background-color:#0006;outline:none}[cmp=InputNumber]{position:relative}[cmp=InputNumber] input{width:100%;color:#fff;font-family:Montserrat;font-size:1.2rem;font-weight:200;background-color:transparent;padding:8px 24px 8px 10px;border:none;border-left:solid white 1px;transition:var(--transition-duration)}[cmp=InputNumber] input::placeholder{color:#ccc}[cmp=InputNumber] input:focus{background-color:#0006;outline:none}[cmp=InputNumber] input::-webkit-outer-spin-button,[cmp=InputNumber] input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[cmp=InputNumber] input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}[cmp=InputNumber] .input-controls button{--size: 16px;--padding: 2px;background-color:transparent;border:0;border-radius:2px;padding:var(--padding);position:absolute;right:2px;width:calc(var(--size) + var(--padding) * 2);height:calc(var(--size) + var(--padding) * 2);transition:var(--transition-duration);cursor:pointer}[cmp=InputNumber] .input-controls button[js-up]{top:0}[cmp=InputNumber] .input-controls button[js-down]{bottom:0}[cmp=InputNumber] .input-controls button:focus{outline:none;background-color:#0006}[cmp=InputNumber] .input-controls button .micon{width:var(--size);height:var(--size);background-color:#fff}[cmp=InputArea] .textarea-wrapper{width:100%;position:relative;display:inline-block}[cmp=InputArea] textarea{width:100%;color:#fff;font-family:Montserrat;font-size:1rem;font-weight:200;background-color:transparent;padding:8px 10px;border:none;border-left:solid white 1px;transition:var(--transition-duration);resize:vertical;resize:none;height:200px}[cmp=InputArea] textarea::placeholder{color:#ccc}[cmp=InputArea] textarea::-webkit-resizer{display:none;background-color:transparent}[cmp=InputArea] textarea:focus{background-color:#0006;outline:none}[cmp=InputDate] input{width:100%;color:#fff;font-family:Montserrat;font-size:1.2rem;font-weight:200;background-color:transparent;padding:8px 0 8px 10px;border:none;border-left:solid white 1px;transition:var(--transition-duration)}[cmp=InputDate] input::placeholder{color:#ccc}[cmp=InputDate] input:focus{background-color:#0006;outline:none}[cmp=Header]{display:flex;align-items:center;height:70px;padding-left:var(--page-spacing);padding-right:var(--page-spacing);background-color:#0006;transition:background-color .3s}[cmp=Header]:hover{background-color:#0009}[cmp=Header] .header-title{font-size:2.4rem}[cmp=Header] .header-list{align-items:center;gap:20px}[cmp=Header] .header-list.-dsk{--display: flex;margin-left:60px}[cmp=Header] .header-list.-mob{flex-direction:column}[cmp=Header] .header-list-item{color:#fff;font-size:1.4rem;background-color:transparent;padding:4px 0;border:0;margin:0;position:relative;outline:0;box-shadow:none;cursor:pointer}[cmp=Header] .header-list-item:hover:after,[cmp=Header] .header-list-item:focus:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff}[cmp=Header] .header-list-item.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:#fff}[cmp=Header] .header-list-item.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff}[cmp=Page]{position:relative}[cmp=Page] .page-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/abs-webtools/imgs/abs_bg-blur.png);background-position:center;background-size:cover;background-repeat:no-repeat;z-index:-1}[cmp=Page] main{margin-top:60px;margin-left:var(--page-spacing);margin-right:var(--page-spacing)}[cmp=Page] view{display:none}[cmp=Page] view.visible{--display: block;display:var(--display)}[cmp=AniCalc]{--display: flex !important;flex-direction:column;gap:16px}[cmp=AniCalc] .inputs-wrapper{margin-bottom:32px;display:flex;flex-direction:column;gap:32px}[cmp=AniCalc] fieldset{display:flex;gap:64px;border-top:solid white 1px;padding-top:8px}@media (max-width: 768px){[cmp=AniCalc] fieldset{flex-direction:column;gap:16px}}[cmp=AniCalc] fieldset legend{padding-right:8px}[cmp=AniCalc] fieldset>*:not(legend){width:100%}[cmp=AniCalc] fieldset.disabled{opacity:.4;pointer-events:none}[cmp=Binco]{--display: flex !important;flex-direction:column;gap:16px}[cmp=Binco] .inputs-wrapper{display:flex;flex-direction:column;gap:32px}[cmp=Binco] fieldset{display:flex;gap:64px;border-top:solid white 1px;padding-top:8px}@media (max-width: 768px){[cmp=Binco] fieldset{flex-direction:column;gap:16px}}[cmp=Binco] fieldset legend{padding-right:8px}[cmp=Binco] fieldset>*:not(legend){width:100%}[cmp=Binco] .buttons-container{display:flex;gap:32px}[cmp=Binco] .buttons-container button{width:100%}[cmp=ProportionalRange]{--display: flex !important;flex-direction:column;gap:16px}[cmp=ProportionalRange] .inputs-wrapper{margin-bottom:32px;display:flex;flex-direction:column;gap:32px}[cmp=ProportionalRange] fieldset{display:flex;gap:64px;border-top:solid white 1px;padding-top:8px}@media (max-width: 768px){[cmp=ProportionalRange] fieldset{flex-direction:column;gap:16px}}[cmp=ProportionalRange] fieldset legend{padding-right:8px}[cmp=ProportionalRange] fieldset>*:not(legend){width:100%}[cmp=RandomInt]{--display: flex !important;flex-direction:column;gap:16px}[cmp=RandomInt] .inputs-wrapper{margin-bottom:32px;display:flex;flex-direction:column;gap:32px}[cmp=RandomInt] fieldset{display:flex;gap:64px;border-top:solid white 1px;padding-top:8px}@media (max-width: 768px){[cmp=RandomInt] fieldset{flex-direction:column;gap:16px}}[cmp=RandomInt] fieldset legend{padding-right:8px}[cmp=RandomInt] fieldset>*:not(legend){width:100%}