:root{color-scheme:light dark;--title-font:-apple-system,sans-serif;--body-font:-apple-system,sans-serif;--h1-font-size:2.1rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--h4-font-size:0.93rem;--body-font-size:0.875rem;--body2-font-size:0.8rem;--regular-font:400;--semi-bold-font:600;--bold-font:700;--primary-color:#142d69;--primary-color--variant:color-mix(in srgb,var(--primary-color) 20%,transparent);--shadow-color:light-dark(rgba(0,0,0,.06),hsla(0,0%,62%,.06));--background-color:light-dark(#fff,#121212);--surface-color:light-dark(#fbfafd,#1e1e1e);--surface-color--variant:light-dark(#fff,#212121);--error-color:#82143c;--warning-color:#e6a700;--border-color:light-dark(#d9dbdd,#434343);--border-color--variant:#142d69;--high-emphasis-color:light-dark(#1c1c1c,#e0e0e0);--medium-emphasis-color:light-dark(#37352f,#a0a0a0);--disabled-color:light-dark(#9e9e9e,#6c6c6c)}*{box-sizing:border-box}.textarea,button,input[type=button],input[type=text],textarea{-webkit-appearance:none;appearance:none;border:none;margin:0;outline:none}input[type=checkbox],input[type=radio]{border:none;margin:0;outline:none}fieldset{border:none;margin-inline-end:0;margin-inline-start:0;min-inline-size:min-content;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}body{background:var(--background-color);display:flex;flex-direction:column;justify-content:space-between;margin:0;min-height:100dvh;position:relative}.textarea,img,textarea{max-width:100%}.center{margin:0 auto}.container-center{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:520px;padding:0 32px;text-align:center}.container-wrapper{margin:0 auto;max-width:960px;padding:0 32px;position:relative}.wrapper_table{overflow-x:auto}table.visualization{border-collapse:collapse;margin-bottom:24px;width:100%;td[data-clicked=true],th[data-clicked=true],tr[data-clicked=true]{cursor:pointer}td,th,tr{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr[data-clicked=true]:hover{background:var(--primary-color--variant);border:1px inset var(--primary-color)}}table.visualization__boxes{td{display:block}th.index,thead{display:none}tbody{display:flex;flex-wrap:wrap;gap:10px}tbody tr{border:1px inset var(--border-color);border-radius:16px;box-shadow:0 0 8px var(--shadow-color);padding:24px;width:240px}tr>td:first-of-type{font-weight:700;margin-bottom:12px}.visualization__new--item{align-items:center;background:var(--background-color);border:1px dashed var(--border-color);box-shadow:none;display:flex;justify-content:center}}.visualization__table{thead th{white-space:nowrap}tbody th,thead th{margin-bottom:0;padding:12px 36px 12px 12px;position:relative;text-align:left}thead th[data-ordered="0"]:after{color:var(--medium-emphasis-color);content:"↑";position:absolute;right:12px}thead th[data-ordered="1"]:after{color:var(--medium-emphasis-color);content:"↓";position:absolute;right:12px}tbody tr[data-clicked=true]:hover{td,th{border-bottom:1px inset var(--primary-color);border-top:1px inset var(--primary-color)}}tbody tr{border:1px inset transparent}tbody tr:nth-child(2n){background-color:var(--surface-color)}tbody td{min-width:120px}tr>td{padding:12px}tr>:first-child{padding-left:24px}tr>:last-child{padding-right:24px}.visualization__new--item{svg{left:50%;position:sticky;transform:translateX(-50%)}}}.obfuscation{backdrop-filter:blur(.75px);background:color-mix(in srgb,var(--background-color) 20%,transparent)}.list--vertical{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;.card{border:0;cursor:pointer;display:flex;margin-bottom:8px;overflow:hidden;padding-top:128px;position:relative;width:252px;.card__preview{background:var(--surface-color);filter:opacity(80%);height:100%;left:0;overflow:hidden;position:absolute;top:0;user-select:none;width:100%;>*{zoom:.25;-moz-transform:scale(.25);transform:translateY(50px)}&:before{backdrop-filter:blur(.75px);content:"";height:100%;position:absolute;width:100%;z-index:1000}}.card__description--wrapper{display:flex;filter:drop-shadow(0 0 1px var(--border-color));padding:1px;width:100%}.card__description{background:var(--background-color);border-radius:12px;clip-path:polygon(0 0,47% 0,50% 10%,100% 10%,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:space-between;padding:calc(10% + 20px) 20px 20px;position:relative;width:100%}.card__description--wrapper:before{background:var(--primary-color--variant);border-radius:12px;content:"";filter:opacity(80%);height:50%;left:15%;position:absolute;top:5px;width:75%}}.card:hover{background:var(--primary-color--variant);.card__description--wrapper{filter:drop-shadow(0 0 1px var(--primary-color))}}}.card{background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 0 8px var(--shadow-color)}.card__bigger{border-left:3px inset transparent;border-radius:32px;margin-bottom:16px;padding:24px;&:focus-within{border-left:3px inset var(--primary-color--variant)}}.menu{display:grid;grid-template:"a b c";margin-bottom:24px;row-gap:12px;>*{align-items:center;align-self:center;display:flex;margin:0!important}>:first-child{grid-area:a;justify-self:start}>:nth-child(2){grid-area:b;justify-self:center}>:nth-child(3){grid-area:c;justify-self:end}.menu__icons .icon,.menu__icons .lessicon{margin-left:8px}}.navigation{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px;width:100%}.navigation__header{display:grid;grid-template-columns:1fr auto 1fr;padding:32px;.container-wrapper{max-width:896px;padding:0}>*{align-items:center;align-self:start;display:flex;margin-bottom:0}>:first-child{justify-self:start}>:nth-child(2){justify-self:center}>:nth-child(3){justify-self:end}.menu__icons .lessicon{margin-left:4px}}.dropdown{position:relative;.dropdown__element{align-content:start;align-items:start;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 8px var(--shadow-color);color:var(--high-emphasis-color);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-height:640px;max-width:290px;opacity:1;overflow-y:auto;padding:32px 12px;position:absolute;right:5px;top:46px;transform:scale(1);transition:transform .2s cubic-bezier(1,0,1,1),opacity .2s cubic-bezier(1,0,1,1);width:260px;z-index:500;&.dropdown__element--left{left:5px;right:auto}&.dropdown__element--bottom{bottom:46px;top:auto}}.dropdown__item{display:flex;flex-direction:column;margin:0!important;width:80px;>:first-child{margin-bottom:8px}}.dropdown__element.disabled{opacity:0;pointer-events:none;transform:scale(.7);transition:.2s ease-in;user-select:none}}.navigation a{font-weight:700;padding:8px 16px;position:relative;text-decoration:none;&:focus{background:var(--surface-color)}}.navigation a[data-current=true]{color:var(--primary-color);&:before{background:var(--primary-color);border-radius:8px 8px 0 0;bottom:0;content:"";display:block;height:4px;left:0;position:absolute;width:100%}}main{padding-bottom:75px!important}footer{color:var(--medium-emphasis-color);font-size:var(--body2-font-size);text-align:center;user-select:none;width:100%;&.hero{align-items:center;display:flex;justify-content:space-between;margin-top:12px;padding:12px 12px 4px;>:nth-child(2){left:50%;position:absolute;transform:translateX(-50%)}}p{margin:0}}.icon{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--high-emphasis-color);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:.2s cubic-bezier(1,0,1,1);user-select:none;span{color:var(--high-emphasis-color);text-align:center}&:hover{background:var(--background-color);border:1px solid var(--primary-color);transition:.2s ease-in}}.lessicon{align-items:center;border:1px solid transparent;border-radius:8px;color:var(--high-emphasis-color);cursor:pointer;display:flex;justify-content:center;padding:10px;user-select:none;span{color:var(--high-emphasis-color);text-align:center}&:hover{background:var(--surface-color);border:1px solid var(--border-color)}}.fullscreen{height:calc(100dvh - 6px);left:3px;position:fixed;top:3px;width:calc(100vw - 6px);z-index:500}h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:var(--bold-font);line-height:1.2;margin-bottom:24px}.code,code,h1,h2,h3,h4,h5,h6{color:var(--high-emphasis-color)}.code,code{background:var(--surface-color);border-radius:4px 2px;font-family:monospace;padding:2px}.bold{color:var(--high-emphasis-color);font-weight:700}pre{font-family:monospace;text-wrap:wrap}.bigger{font-size:calc(var(--h1-font-size)*4)}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}h4{font-size:var(--h4-font-size)}a,button,div,input,label,li,markdown-text,p,select,span,td,textarea,th,time{color:var(--medium-emphasis-color);font-family:var(--body-font);font-size:var(--body-font-size);letter-spacing:-.02em;line-height:1.6}p{margin:0 0 12px}.land__link{background:none;border:none;border-bottom:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;outline:none;text-decoration:none}.land__link:hover{border-bottom:2px solid var(--primary-color)}