:root{--bp-xxl:1920px;--bp-xl:1200px;--bp-md:768px;--bp-sm:480px;--rem:16px;--dpr:1;--hairline-scale:1;--font-size:16px;--line-height:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-1:4px;--radius-2:8px;--radius-3:12px;--container-max:1200px;--container-padding:16px}html{font-size:var(--rem);line-height:var(--line-height)}@media(width>=1920px){:root{--container-max:1440px;--container-padding:20px}}@media(width>=1200px)and (width<1920px){:root{--container-max:1200px;--container-padding:18px}}@media(width>=768px)and (width<1200px){:root{--container-padding:16px}}@media(width>=480px)and (width<768px){:root{--container-padding:14px}}@media(width<480px){:root{--container-padding:12px}}.hairline{position:relative}.hairline:after{content:"";position:absolute;inset:0;border:1px solid currentColor;transform:scale(var(--hairline-scale));transform-origin:0 0;pointer-events:none}