@import url(https://weareunderdesign.github.io/under/under.css);*,:after,:before{box-sizing:border-box;color:inherit}*{margin:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{font:inherit;overflow-wrap:break-word}#__next,#root{isolation:isolate}:root{--base-size:4px;--font-primary:"under","HelveticaNeue-light","Helvetica Neue Light","Helvetica Neue",Helvetica,"inter",Arial,"Lucida Grande",sans-serif;--base-font-size:1rem}[data-theme=light],html{--color-primary:#0000cd;--color-secondary:purple;--color-primary-background:#fff;--color-secondary-background:#eee;--color-tertiary-background:#ddd;--color-primary-foreground:#111;--color-secondary-foreground:#222;--color-tertiary-foreground:#333;--color-positive:#006400;--color-critical:gold;--color-negative:#ff4500}[data-theme=dark]{--color-primary:#0000cd;--color-secondary:purple;--color-primary-background:#111;--color-secondary-background:#222;--color-tertiary-background:#333;--color-primary-foreground:#fff;--color-secondary-foreground:#eee;--color-tertiary-foreground:#ddd;--color-positive:#006400;--color-critical:gold;--color-negative:#ff4500}html{font-family:var(--font-primary);font-size:calc(var(--base-font-size)*1.25);font-weight:200}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:2rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:calc(var(--base-font-size)*3.5)}h2{font-size:calc(var(--base-font-size)*2.75)}h3{font-size:calc(var(--base-font-size)*2.25)}h4{font-size:calc(var(--base-font-size)*2)}h5{font-size:calc(var(--base-font-size)*1.5)}h6{font-size:calc(var(--base-font-size)*1.25)}p{margin:.5rem 0}b,strong{font-weight:300}blockquote{border:1px solid var(--color-primary-foreground);padding:1rem}code{display:block;font-family:Source Code Pro,monospace;font-size:1rem;line-height:1.25;overflow:auto}a{text-decoration:none}a:hover span{text-decoration:underline}.text-center{text-align:center}.text-xs{font-size:calc(var(--base-size)*2);line-height:calc(var(--base-size)*2)}.text-s{font-size:calc(var(--base-size)*3);line-height:calc(var(--base-size)*3)}.text-m{font-size:calc(var(--base-size)*3.5);line-height:calc(var(--base-size)*3.5)}.text-l{font-size:calc(var(--base-size)*4.5);line-height:calc(var(--base-size)*4.5)}@media (max-width:48rem){:root{--base-font-size:1.125rem}h1{font-size:calc(var(--base-font-size)*2.5)}h2{font-size:calc(var(--base-font-size)*2)}h3{font-size:calc(var(--base-font-size)*1.5)}h4{font-size:calc(var(--base-font-size)*1.25)}h5{font-size:calc(var(--base-font-size)*1)}h6{font-size:calc(var(--base-font-size)*.75)}}.background-primary{background-color:var(--color-primary-background);border-color:var(--color-primary-background);color:var(--color-primary-foreground)}.background-secondary{background-color:var(--color-secondary-background);color:var(--color-secondary-foreground)}.background-tertiary{background-color:var(--color-tertiary-background);color:var(--color-tertiary-foreground)}.foreground-primary{background-color:var(--color-primary-foreground);border-color:var(--color-primary-foreground);color:var(--color-primary-background)}.foreground-secondary{background-color:var(--color-secondary-foreground);color:var(--color-primary-background)}.foreground-tertiary{background-color:var(--color-tertiary-foreground);color:var(--color-tertiary-background)}.color-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.color-secondary{background-color:var(--color-secondary)}.background-negative{background-color:var(--color-negative)}.background-critical{background-color:var(--color-critical)}.background-positive{background-color:var(--color-positive)}.opacity-xl{opacity:.1}.opacity-l{opacity:.25}.opacity-m{opacity:.5}.opacity-s{opacity:.75}.opacity-xs{opacity:.9}*{scrollbar-color:var(--color-primary-background) var(--color-tertiary-background);scrollbar-width:5px}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background-color:var(--color-primary-background)}::-webkit-scrollbar-thumb{background-color:var(--color-tertiary-background);border-radius:5px}body{background-color:var(--color-primary-background);color:var(--color-primary-foreground);max-width:100%;width:100%}footer,header{align-items:center;display:flex;padding:calc(var(--base-size)*6)}header{justify-content:space-between}nav{column-gap:calc(var(--base-size)*6);display:flex}hr{background:var(--color-secondary-background);border:0;height:1px}.box{flex:1}[class^=box-]{display:flex}.box-xs{width:25%}.box-s{width:50%}.box-m{width:75%}.box-l{width:100%}.padding-xs{padding:var(--base-size)}.padding-s{padding:calc(var(--base-size)*2)}.padding-m{padding:calc(var(--base-size)*3)}.padding-l{padding:calc(var(--base-size)*6)}.padding-xl{padding:calc(var(--base-size)*10)}[class^=gap-]{display:flex}.gap-xs{gap:var(--base-size)}.gap-s{gap:calc(var(--base-size)*2)}.gap-m{gap:calc(var(--base-size)*3)}.gap-l{gap:calc(var(--base-size)*6)}.gap-xl{gap:calc(var(--base-size)*10)}[class^=gap-column-],[class^=gap-row-]{display:flex}.gap-column-xs{column-gap:var(--base-size)}.gap-column-s{column-gap:calc(var(--base-size)*2)}.gap-column-m{column-gap:calc(var(--base-size)*3)}.gap-column-l{column-gap:calc(var(--base-size)*6)}.gap-column-xl{column-gap:calc(var(--base-size)*10)}.gap-row-xs{row-gap:var(--base-size)}.gap-row-s{row-gap:calc(var(--base-size)*2)}.gap-row-m{row-gap:calc(var(--base-size)*3)}.gap-row-l{row-gap:calc(var(--base-size)*6)}.gap-row-xl{row-gap:calc(var(--base-size)*10)}.column,.row{display:flex;flex-wrap:wrap}.column{flex-direction:column}[class*=align-],[class*=justify-]{display:flex}.align-center{align-items:center;justify-content:center}.align-start{align-items:flex-start}.align-stretch{align-items:stretch}.align-end{align-items:flex-end}.justify-end{justify-content:flex-end}.justify-stretch{justify-content:space-between}.justify-start{justify-content:flex-start}.sticky{position:sticky;top:0;z-index:1}.panel{display:flex;flex-direction:column;width:calc(var(--base-size)*60)}.view{min-height:100vh;width:100%}.page{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;max-width:1140px;padding:calc(var(--base-size)*10);width:100%}.hidden{display:none}.scrollable{height:100%;max-height:100vh;overflow:auto}@media (max-width:768px){.page{padding:calc(var(--base-size)*6)}.hidden-on-mobile{display:none}.sticky{position:relative}.row{flex-direction:column}[class^=box]{align-items:flex-start;flex-wrap:wrap;width:100%}.padding-s{padding:calc(var(--base-size)*1.5)}.padding-m{padding:calc(var(--base-size)*2)}.padding-l{padding:calc(var(--base-size)*4)}.padding-xl{padding:calc(var(--base-size)*6)}.gap-s{gap:calc(var(--base-size)*1.5)}.gap-m{gap:calc(var(--base-size)*2)}.gap-l{gap:calc(var(--base-size)*4)}.gap-xl{gap:calc(var(--base-size)*6)}.gap-column-s,.gap-row-s{gap:calc(var(--base-size)*1.5)}.gap-column-m,.gap-row-m{gap:calc(var(--base-size)*2)}.gap-column-l,.gap-row-l{gap:calc(var(--base-size)*4)}.gap-column-xl,.gap-row-xl{gap:calc(var(--base-size)*6)}.box-l,.box-m,.box-s,.box-xl,.box-xs{width:100%}}img{display:block;max-width:100%}iframe{border-style:none}figure{margin:0}.icon-l,.icon-m,.icon-s,.icon-xl,.icon-xs{background-size:cover;display:flex}.icon-xs{height:12px;width:12px}.icon-s{height:24px;width:24px}.icon-m{height:40px;width:40px}.icon-l{height:56px;width:56px}.icon-xl{height:80px;width:80px}.shadow,.shadow-hover:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}.radius-xs{border-radius:var(--base-size)}.radius-s{border-radius:calc(var(--base-size)*2)}.radius-m{border-radius:calc(var(--base-size)*6)}.radius-l{border-radius:calc(var(--base-size)*10)}.border{border-color:var(--color-secondary-background);border-style:solid;border-width:1px}.border-top{border-color:var(--color-secondary-background);border-top-style:solid;border-top-width:1px}.border-right{border-color:var(--color-secondary-background);border-right-style:solid;border-right-width:1px}.border-bottom{border-bottom-style:solid;border-bottom-width:1px;border-color:var(--color-secondary-background)}.border-left{border-color:var(--color-secondary-background);border-left-style:solid;border-left-width:1px}table{border-collapse:collapse;border-spacing:0;margin-bottom:calc(var(--base-size)*4);margin-top:calc(var(--base-size)*4);width:100%}thead{border-bottom:1px solid var(--color-secondary-background)}th{color:var(--color-secondary-foreground);font-weight:400;text-align:left}td,th{padding:calc(var(--base-size)*2.5)}td{vertical-align:top}@media (max-width:768px){table{-webkit-overflow-scrolling:touch;display:block;max-width:100%;min-width:100%;overflow-x:auto;width:fit-content}}.animate{animation-duration:16s;animation-fill-mode:both;animation-timing-function:linear}.duration-fast{animation-duration:.15s}.duration-normal{animation-duration:.3s}.duration-slow{animation-duration:.6s}.ease{animation-timing-function:ease}.ease-in{animation-timing-function:ease-in}.ease-out{animation-timing-function:ease-out}.ease-in-out{animation-timing-function:ease-in-out}.linear{animation-timing-function:linear}.fade-in{animation-name:fadeIn}.fade-out{animation-name:fadeOut}.slide-up{animation-name:slideUp}.slide-down{animation-name:slideDown}.slide-left{animation-name:slideLeft}.slide-right{animation-name:slideRight}.rotate{animation-name:rotate}.scale-up{animation-name:scaleUp}.scale-down{animation-name:scaleDown}.bounce{animation-name:bounce}.pulse{animation-name:pulse}.infinite{animation-iteration-count:infinite}.once{animation-iteration-count:1}.twice{animation-iteration-count:2}.reverse{animation-direction:reverse}.alternate{animation-direction:alternate}.paused{animation-play-state:paused}.running{animation-play-state:running}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleDown{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.transition{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .6s ease}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.blur-xs{filter:blur(var(--base-size))}.blur-s{filter:blur(calc(var(--base-size)*2))}.blur-m{filter:blur(calc(var(--base-size)*3))}.blur-l{filter:blur(calc(var(--base-size)*6))}.blur-xl{filter:blur(calc(var(--base-size)*10))}.translate-x-50{transform:translateX(50%)}.translate-x-100{transform:translateX(100%)}.translate-y-50{transform:translateY(50%)}.translate-y-100{transform:translateY(100%)}.hover-grow:hover{transform:scale(1.05)}.hover-shrink:hover{transform:scale(.95)}.hover-rotate:hover{transform:rotate(5deg)}.hover-up:hover{transform:translateY(-5px)}