@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap";:root{--up-black: #060810;--up-navy: #0d1220;--up-card: #111827;--up-border: #1e2d4a;--up-blue: #1565ff;--up-blue2: #0a4fd6;--up-sky: #4d9fff;--up-silver: #c8d4e8;--up-mist: #5a7296;--up-white: #eef2fb;--hs-black: #0a0a0c;--hs-card: #161618;--hs-border: #2a2a2e;--hs-red: #c8102e;--hs-red2: #a00d24;--hs-silver: #9aa0ae;--hs-white: #f0f0f2}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--up-black);color:var(--up-white);font-family:Barlow,sans-serif;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:900;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.color-previewer-wrap{min-height:100vh;background:#1a1a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Barlow,sans-serif;padding:24px}.color-previewer-card{background:#f0f0f0;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 24px 64px #0000008c;max-width:400px;width:100%}.color-previewer-title{color:#fff;font-size:20px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin:0;font-family:Barlow Condensed,sans-serif}.color-previewer-subtitle{color:#aaa;font-size:12px;margin-top:6px;letter-spacing:1px;font-family:Barlow Condensed,sans-serif}