.buttonGroup{display:flex;flex-direction:row;gap:var(--gap_s);justify-content:center;align-items:center;flex-wrap:wrap}.buttonGroup.left{justify-content:flex-start}.buttonGroup.right{justify-content:flex-end}.buttonGroup.radioButtons,.buttonGroup.checkboxes{gap:1px;border-radius:var(--radius);overflow:hidden}.buttonGroup.radioButtons .button,.buttonGroup.checkboxes .button{text-align:center;border-radius:0;justify-content:center;flex:1 1 auto}.page{padding:var(--gap);height:100%;min-height:100%;width:100%;max-width:100%}.page.full{min-height:100vh;max-width:800px;margin:0 auto}.page .pageHeader{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.pageTitle .captionText{z-index:1;position:relative;line-height:1.4em}.pageTitle h1{z-index:0;position:relative}.page .pageBody{display:flex;flex-direction:column;gap:var(--gap)}.portal.page{max-width:100vw;width:100%;padding:0;display:flex;justify-content:center;align-items:center}.portal.page .pageBody{display:grid;margin:0 auto;height:100%;max-height:90vh;overflow:hidden;align-items:space-between;justify-items:center;width:clamp(300px,100%,400px);gap:var(--gap)}.portal.page .pageBody .portalHeader{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--gap)}.portal.page .pageBody .portalBody{width:100%;display:flex;gap:var(--gap);flex-direction:column;background:var(--bg2);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);padding:var(--gap_xl);border-radius:var(--radius_xl)}@media screen and (max-width: 800px){.portal.page .pageBody{grid-template-columns:1fr}}.logo{height:40px;width:auto;position:relative}.logo img{height:100%;width:max-content;object-fit:contain}.logo.icon{aspect-ratio:1/1;height:auto;width:100%}.logo.icon img{height:auto;width:100%}.logo:before{content:"Beta";position:absolute;top:-4px;right:-8px;font-size:8px;background-color:#fff;color:#000;padding:.1em .3em;border-radius:.3em;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.content{display:flex;flex-direction:column;gap:.8em}.content a{font-weight:600}.content.cardStyle{gap:0}.content.cardStyle>.heading{margin:0}.button{--_tc: var(--tc);--_bg: var(--bg);--_tc_h: var(--tc_h);--_bg_h: var(--bg1);border:none;cursor:pointer;border-radius:var(--radius);line-height:1em;display:flex;align-items:center;justify-content:start;gap:.4em;padding:.3em .6em;color:var(--_tc);background-color:var(--_bg);position:relative;font-size:1em}.button.reverse{flex-direction:row-reverse}.button:hover{color:var(--_tc_h);background-color:var(--_bg_h)}.button:has(.true,.active,:active,:checked){color:var(--_tc_h)!important;background-color:var(--_bg_h)!important}.button:has(:focus-visible){box-shadow:0 0 0 2px var(--bg3)}.button .icon{color:inherit;font-size:1.2em;pointer-events:none}.button .text{color:inherit;line-height:1.2em;text-transform:capitalize;pointer-events:none}.button.inline{display:inline-flex;background-color:var(--bg1);gap:0}.button.inline .icon{opacity:0;width:0}.button.inline:hover .icon{opacity:1;width:auto}.button.styled{text-align:center;justify-content:center;font-weight:600;--_tc: var(--c6);--_bg: var(--c1);--_bg_h: var(--c1);padding:.7em 1.2em}.button.styled.s-2{--_tc: var(--c2);--_bg: var(--c6)}.button.iconOnly .text{display:none}.button.floating{position:absolute;top:5px;right:5px;padding:.2em;z-index:1}.button.radio,.button.checkbox{--_tc: var(--tc);--_bg: var(--c2);--_tc_h: var(--c2);--_bg_h: var(--c7)}.button.radio:has(:hover),.button.checkbox:has(:hover){background-color:var(--c6)}.button.radio input,.button.checkbox input{width:0;opacity:0;position:absolute}.floatingContainer{position:relative}.floatingContainer .floating.hidden,.floatingContainer>.floating{filter:saturate(.2);opacity:0}.floatingContainer:hover .floating.hidden,.floatingContainer:hover>.floating{opacity:.15}.floatingContainer:hover .floating.hidden:hover,.floatingContainer:hover>.floating:hover{opacity:1;filter:saturate(1)}.floatingContainer>.floating.remove{font-size:.65em;top:.4em;right:.5em;border-radius:.3em}.button.close{--tc: var(--tc);--bg: transparent;--hover: var(--tc);--hover_bg: transparent;box-shadow:none}.button .center .button{justify-content:center}.button .spinner{height:auto;--size: 1em;--bg: var(--tc)}.button:disabled{opacity:.5;pointer-events:none}.button.isspinner:disabled{opacity:1}.styledForm,.styledForm .col{gap:1em}.styledForm .smallText{margin-top:-.6em}.styledForm fieldset{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:var(--gap_s)}.styledForm fieldset legend{font-size:var(--h4);font-weight:600;margin-bottom:10px}.styledForm .buttonGroup .button{flex:1 1 auto}.simpleInput{position:relative}.simpleInput input{line-height:1em;width:100%;outline:none;font-size:1em;color:var(--tc);padding:var(--padding);border:solid 1px var(--c5);border-radius:var(--radius);background-color:transparent}.simpleInput label{color:var(--tc);position:absolute;cursor:text;line-height:1em;font-size:1em;top:11px;left:13px;transition:all .2s}.simpleInput input:is(:not(:placeholder-shown),:focus)+label{font-size:.6rem;top:-4px;padding:0 3px;background-color:var(--bg)}.simpleInput input:focus{border-color:var(--tc)}.simpleInput.minimal{font-size:var(--h5)}.simpleInput.minimal input{border:none;border-radius:0;padding:0}.simpleInput.minimal label{top:2px;left:0}.simpleInput.minimal input:is(:not(:placeholder-shown),:focus)+label{display:none}.simpleInput.minimal input:focus{border-bottom:solid 1px var(--tc_l)}.simpleInput[data-input-after-text]{position:relative}.simpleInput[data-input-after-text]:after{top:1.5px;right:1px;content:attr(data-input-after-text);border-radius:0 var(--radius) var(--radius) 0;border:solid 1px transparent;border-left:none;position:absolute;padding:7px 12px;background-color:var(--c3);pointer-events:none}.inputWrapper.hasAfterText .afterText{position:absolute;top:1px;right:1px;display:flex;align-items:center;padding:0 9px;height:calc(100% - 2px);background-color:var(--bg1);border-radius:0 var(--radius) var(--radius) 0;border-left:solid 1px var(--bg3)}.simplecheckbox{display:block;position:relative;cursor:pointer;padding-left:1.6em}.simplecheckbox input{position:absolute;opacity:0;height:0;width:0}.simplecheckbox input:checked~span{background-color:var(--c1);border-color:var(--c1)}.simplecheckbox input:checked~span:after{display:block}.simplecheckbox .checkbox{position:absolute;top:0;left:0;height:1.2em;width:1.2em;border-radius:.2em;background-color:transparent;border:solid 1px var(--c5)}.simplecheckbox .checkbox:after{content:"";display:none;position:relative;left:.36em;top:.14em;width:.4em;height:.65em;border:solid white;border-width:0 .18em .18em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.simplecheckbox:hover .checkbox{background-color:var(--bg3)}.inputWrapper.otp>div{display:grid;grid-template-columns:repeat(3,auto) .2fr repeat(3,auto);align-items:center;width:100%;overflow:hidden;margin:0 auto;gap:8px}.inputWrapper.otp>div>*{grid-row:1/2}.inputWrapper.otp>div span{grid-column:4/5;text-align:center}.inputWrapper.otp>div input{text-align:center;width:100%}.inputWrapper.otp>span{margin-top:.2em}:root{--c1: #1f87ff;--c2: #0f0f0f;--c3: #000000;--c4: #414141;--c5: #9c9c9c;--c6: #e0e0e0;--c7: #ffffff;--bg: #181818;--bg1: #1f1f1f;--bg2: #222222;--bg3: #262626;--bg4: #2b2b2b;--tc: #f0f0f0;--tc_h: #ffffff;--tc_l: #c0c0c0;--c_b: hsl(240, 10%, 20%);--dc: hsl(240, 10%, 20%);--dc1: hsl(240, 10%, 25%);--dc2: hsl(240, 10%, 30%);--dc3: hsl(240, 10%, 35%);--green: hsl(149 100% 34%);--red: hsl(12, 91%, 46%);--yellow: hsl(19, 100%, 61%);--gray: hsl(240, 5%, 60%);--border: var(--bg4);--shadow: 0 0 25px rgba(0, 0, 0, .05);--shadow_i: 0 0 0 1px var(--c1);--shadow_c: 0 5px 15px rgba(0, 0, 0, .1);--shadow_c_h: 0 10px 15px rgba(0, 0, 0, .15);--heading_font: "DM Sans", sans-serif;--sub_heading_font: "DM Sans", sans-serif;--paragraph_font: "DM Sans", sans-serif;--body: 15px;--h1: 2.49rem;--h2: 2.07rem;--h3: 1.73rem;--h4: 1.44rem;--h5: 1.2rem;--caption: .8rem;--small: .69rem;--heading_lh: 1.1em;--body_lh: 1.65em;--max_width: 800px;--padding: 10px 12px;--padding_s: 4px 8px;--padding_btn: .4em;--gap_xs: 5px;--gap_s: 10px;--gap: 15px;--gap_xl: 20px;--radius: 5px;--radius_l: 10px;--radius_xl: 15px;--blur: blur(10px)}.dark{--c1: hsl(240, 5%, 90%);--c2: hsl(240, 5%, 90%);--tc: hsl(240, 5%, 90%);--tc_h: hsl(240, 5%, 95%);--c_b: hsl(240, 5%, 90%);--bg: hsl(240, 10%, 15%);--bg1: hsl(240, 10%, 18%);--bg2: hsl(240, 10%, 21%);--bg3: hsl(240, 10%, 24%);--bg4: hsl(240, 10%, 34%);background-color:var(--bg)}@media only screen and (max-width: 600px){:root{--body: 15px}}*{margin:0;padding:0}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:var(--body);font-family:var(--paragraph_font);scroll-behavior:smooth}body{font-size:var(--body);background-color:var(--bg);color:var(--tc);position:relative}p{line-height:var(--body_lh)}.info{color:var(--c5);font-size:var(--caption);font-weight:400;line-height:1em}p,span{color:var(--tc);font-family:var(--paragraph_font)}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{color:var(--tc);font-family:var(--heading_font);line-height:var(--heading_lh);font-weight:600}.h1,h1{font-size:var(--h1)}.h2,h2{font-size:var(--h2)}.h3,h3{font-size:var(--h3)}.h4,h4{font-size:var(--h4)}.h5,h5{font-size:var(--h5)}.captionText{font-size:var(--caption);opacity:.6}.smallText{display:block;font-size:var(--small)}a{color:var(--tc);text-decoration:none}a:focus,a:hover{color:var(--tc_h)}ul{list-style:none}svg,img{width:100%}img{object-fit:cover}.copy{cursor:copy}.uc{text-transform:uppercase;letter-spacing:.02em}.link{font-weight:600;cursor:pointer}.styled-link{text-decoration:underline;color:var(--c1);cursor:pointer}.link:hover{text-decoration:underline}.srOnly{height:0;width:0;overflow:hidden;position:absolute}.divider{display:block;height:1px;background-color:var(--bg2);margin:var(--gap_s) 0}hr{border:none;border-top:1px solid var(--bg3)}.spinner{display:flex;align-items:center;justify-content:center;height:100vh;--color: var(--c1);--bg: var(--bg2);--speed: 1.5s;--size: 80px}.loader{font-size:var(--size)!important;line-height:1em!important;height:1em!important;width:1em!important;border-radius:50%!important;border:.15em solid var(--bg)!important;border-top:.15em solid var(--color)!important;animation:spinAnimation var(--speed) linear infinite!important}@keyframes spinAnimation{to{transform:rotate(360deg)}}.hasTooltip{position:relative}.hasTooltip:after{opacity:0;pointer-events:none;content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + .5em);background-color:#1c1c1c;color:#f2f2f2;font-size:13px;font-weight:400;line-height:1.2em;padding:.4em .6em;border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;width:max-content;max-width:200px;z-index:9999}.hasTooltip.ttl:after{right:auto;left:0}.hasTooltip.ttrc:after{right:-200%;left:auto;transform:translateY(150%)}.hasTooltip.ttc:after{right:50%;transform:translate(50%)}.hasTooltip:hover:after{opacity:1;transition:opacity .2s ease-in-out .5s}.bold{font-weight:600}.block{display:block}.padding{padding:var(--padding)}.padding_btn{padding:var(--padding_btn)}.lineClamp{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}form{display:flex;flex-direction:column}::placeholder{opacity:0}textarea,select{line-height:1em;width:100%;outline:none;font-size:var(--body);padding:var(--padding);border:solid 1px var(--tc_l);border-radius:var(--radius);color:var(--tc);background-color:transparent}select:focus,textarea:focus{border-color:var(--tc)}select option{color:#000}textarea{resize:none;height:5lh;line-height:1.4em}textarea::placeholder{opacity:.8!important}form p,.inputWrapper{position:relative}.inputOptions{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin:5px 0}.inputOptions>div{position:relative}.inputOptions input{position:absolute;opacity:0}.inputOptions input+label{display:block;cursor:pointer;padding:5px 10px;border-radius:var(--radius);background-color:var(--bg1);transition:all .2s}.inputOptions input:focus+label,.inputOptions input:hover+label{background-color:var(--bg2)}.inputOptions input:checked+label{color:#fff;background-color:var(--tc)}select+label,textarea+label{color:var(--tc);position:absolute;cursor:text;line-height:1em;font-size:1rem;top:11px;left:13px;transition:all .2s}select+label,textarea:autofill+label,textarea:-webkit-autofill+label,textarea:focus+label{font-size:.6rem;top:-4px;padding:0 3px;background-color:var(--bg)}.list{display:flex;flex-direction:column;gap:var(--gap)}button{border:none;cursor:pointer;color:var(--tc);background-color:var(--bg);border-radius:var(--radius);font-family:var(--paragraph_font);font-size:var(--body)}.styledButton{outline:none;cursor:pointer;width:100%;line-height:1em;color:#fff;background-color:var(--c1);border:solid 1px var(--c1);font-size:var(--body);padding:var(--padding);border-radius:var(--radius);font-weight:600}.inlineButton{background:none;margin-left:6px}.inlineButton:hover{color:var(--c1)}.cardStyle{background-color:var(--bg);box-shadow:var(--shadow_c);border-radius:var(--radius);padding:var(--gap_s)}.fullHeight{min-height:100vh}.grid{display:grid}.flex{display:flex;gap:var(--gap);align-items:center}.flex.flexCenter{flex-direction:column;justify-content:center}.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5{display:grid!important;gap:var(--gap)}.col-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.col-2{grid-template-columns:repeat(2,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.col-4,.col-5{grid-template-columns:repeat(5,1fr)}@media only screen and (max-width: 800px){.col-2,.col-3,.col-4{grid-template-columns:repeat(2,1fr)}.col-5{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 600px){.col-2,.col-3{grid-template-columns:repeat(1,1fr)}.col-4,.col-5{grid-template-columns:repeat(2,1fr)}}.flex-auto{display:flex;flex-direction:row;gap:var(--gap_s)}.stickyOptions{position:fixed;bottom:0;right:0;z-index:1;margin:var(--gap_s)}.gap-xs{gap:var(--gap_xs)}.gap-s{gap:var(--gap_s)}.gap-xl{gap:var(--gap_xl)}body ::-webkit-scrollbar{width:5px;height:5px}body ::-webkit-scrollbar-track{background:#0000000d}body ::-webkit-scrollbar-track:hover{background:#0000001a}body ::-webkit-scrollbar-thumb{background:#0003;border-radius:5px}body ::-webkit-scrollbar-thumb:hover{background:#0000004d}
