:root{--max-width:1920px;--border-radius:12px;--card-border-radius:8px;--card-padding:16px;--h1:124px;--h2:56px;--h3:48px;--h4:40px;--h5:32px;--h6:24px;--p:16px;--caption:12px;--gap:12px;--gap-lg:36px;--padding-lg:150px;--padding-md:40px;--padding-sm:16px;--padding-xs:8px;--card-width:124px;--card-height:64px;--breakpoint-moblie:320px;--breakpoint-tablet:804px;--breakpoint-laptop:1212px;--breakpoint-desktop:1620px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--z-index-base:0;--z-index-dim:1;--z-index-img-title:2;--z-index-modal:3;--z-index-toast:4;--z-index-scroll-to-top:5;--z-index-header:1000;--white:#fff;--black:#222}:root,html[data-theme=light]{--primary-color:#fff555;--primary-color-light:#fff777;--primary-color-dark:#fff333;--secondary-color:#888;--info-color:#007bff;--error-color:#ef4545;--warning-color:#fa0;--text-color:#222;--background-color:#fff;--card-background-color:#f8f8f8;--card-shadow-color-up:#ffffff88;--card-shadow-color-down:#00000088;--image-card-shadow-color-up:#ffffff88;--image-card-shadow-color-down:#00000088;--dim-opacity:0.25}html[data-theme=dark]{--primary-color:#fff500;--primary-color-light:#fff700;--primary-color-dark:#fff300;--secondary-color:#888;--info-color:#007bff;--error-color:#e44;--warning-color:#fa0;--text-color:#efefef;--background-color:#111;--card-background-color:#333;--card-shadow-color-up:#ffffff44;--card-shadow-color-down:#00000044;--image-card-shadow-color-up:#ffffff88;--image-card-shadow-color-down:#00000088;--dim-opacity:0.5}@media (max-width:1212px){:root{--h1:96px;--h2:48px;--h3:36px;--h4:28px;--h5:24px;--h6:20px;--p:16px;--caption:10px}}@media (max-width:804px){:root{--h1:72px;--h2:36px;--h3:28px;--h4:24px;--h5:20px;--h6:18px;--p:14px;--caption:10px}}@media (max-width:320px){:root{--h1:48px;--h2:32px;--h3:24px;--h4:20px;--h5:16px;--h6:14px;--p:12px;--caption:8px}}*{box-sizing:border-box;padding:0;margin:0}html{overflow:auto;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body,html{display:block;width:100%;height:100%;font-size:var(--p)}body{color:var(--text-color);background:var(--background-color);transition:background-color .2s ease-in-out}.card-shadow{transition:box-shadow .2s ease-in-out}.button-card-shadow,.card-shadow{box-shadow:inset 0 1px 2px var(--card-shadow-color-up),inset 0 -1px 2px var(--card-shadow-color-down)}.button-card-shadow{transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;cursor:pointer;&:focus-within,&:hover{transform:translateY(1px);box-shadow:inset 0 1px 2px var(--card-shadow-color-down),inset 0 -1px 2px var(--card-shadow-color-up)}}