/* GENERATED by `php artisan dznir:block-looks` from css/themes.css, css/festivals.css, css/looks.css — do not edit by hand.
   Each theme's button look, scoped to one block (.bl-look--<theme>), for Block styles → Theme look. */
:is(.pg-layer, .bls) .bsx[class*='bl-look--'] .mini__link { background: linear-gradient(var(--btn), var(--btn)), var(--bg); }
:is(.pg-layer, .bls) .bsx--card[class*='bl-look--'] { color: var(--fg); font-family: var(--font); }
:is(.pg-layer, .bls) .bsx--card[class*='bl-look--'] > .blk { background: linear-gradient(color-mix(in srgb, var(--fg) 7%, transparent), color-mix(in srgb, var(--fg) 7%, transparent)), var(--bg); color: var(--fg); }
:is(.pg-layer, .bls) .bsx--card[class*='bl-look--'] > :is(.mini__h, .mini__text, .avail) { display: block; padding: 8px 12px; border-radius: 12px; background: var(--bg); color: var(--fg); }
:is(.pg-layer, .bls) .bl-look--aurora { --bg: #FAF8F5; --fg: #1C1B19; --mut: #5E5A54; --btn: #1C1B19; --btnfg: #FFFFFF; --rad: 12px; }
:is(.pg-layer, .bls) .bl-look--midnight { --bg: #0E1116; --bg2: #1F2A3C; --fg: #F3F4F6; --mut: #A7B0BE; --btn: transparent; --btnfg: #F3F4F6; --rad: 999px; --hl: #7C9CFF; }
:is(.pg-layer, .bls) .bl-look--midnight .mini__link { border-color: rgba(243, 244, 246, 0.7); }
:is(.pg-layer, .bls) .bl-look--liquid { --bg: #C2410C; --bg2: #9D174D; --fg: #FFFFFF; --mut: #FFF1EB; --btn: #FFFFFF; --btnfg: #7C1D3B; --rad: 16px; --font: 'DM Sans', var(--sans); --hl: #FFD3C2; }
:is(.pg-layer, .bls) .bl-look--aurora .mini__link { background: linear-gradient(rgba(28, 27, 25, 0.92), rgba(28, 27, 25, 0.92)), var(--bg); }
:is(.pg-layer, .bls) .bl-look--midnight .mini__link { background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), var(--bg); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
:is(.pg-layer, .bls) .bl-look--rift { --bg: #07060A; --fg: #F4E9E9; --mut: #BFAFAF; --btn: transparent; --btnfg: #FFE1DB; --rad: 6px; --hl: #FF2A2A; }
:is(.pg-layer, .bls) .bl-look--rift .mini__link { border-color: rgba(255, 90, 70, 0.55); background: linear-gradient(rgba(255, 40, 30, 0.06), rgba(255, 40, 30, 0.06)), var(--bg); box-shadow: inset 0 0 12px rgba(255, 40, 30, 0.12); }
:is(.pg-layer, .bls) .bl-look--rift .mini__link--hl { background: linear-gradient(rgba(255, 40, 30, 0.22), rgba(255, 40, 30, 0.22)), var(--bg); border-color: #FF4433; }
:is(.pg-layer, .bls) .bl-look--couch { --bg: #5B2A86; --fg: #FFFFFF; --mut: #EADCF7; --btn: #FFD43B; --btnfg: #3A1A58; --rad: 999px; --hl: #E53935; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--couch .mini__link--hl { background: linear-gradient(#E53935, #E53935), var(--bg); border-color: #E53935; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--meme { --bg: #FFFFFF; --fg: #111111; --mut: #555555; --btn: #FFFFFF; --btnfg: #111111; --rad: 10px; --hl: #FFE14D; }
:is(.pg-layer, .bls) .bl-look--meme .mini__link { border: 2px solid #111111; box-shadow: 3px 3px 0 #111111; font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--meme .mini__link--hl { background: linear-gradient(#FFE14D, #FFE14D), var(--bg); animation: wiggle 2.4s ease-in-out infinite; }
:is(.pg-layer, .bls) .bl-look--glitch { --bg: #05060A; --fg: #E8FDFF; --mut: #8FB9C2; --btn: transparent; --btnfg: #00F0FF; --rad: 0; --hl: #FF2BD6; --font: 'VT323', ui-monospace, monospace; }
:is(.pg-layer, .bls) .bl-look--glitch .mini__link { font-size: 16px; font-weight: 400; letter-spacing: 0.04em; text-align: left; padding-left: 16px; border-color: #00F0FF; background: linear-gradient(rgba(0, 240, 255, 0.06), rgba(0, 240, 255, 0.06)), var(--bg); clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
:is(.pg-layer, .bls) .bl-look--glitch .mini__link--hl { border-color: #FF2BD6; color: #FF2BD6; background: linear-gradient(rgba(255, 43, 214, 0.12), rgba(255, 43, 214, 0.12)), var(--bg); box-shadow: none; animation: neon 1.6s ease-in-out infinite alternate; }
:is(.pg-layer, .bls) .bl-look--vapor { --bg: #1B0B3A; --fg: #FFFFFF; --mut: #FFD1F4; --btn: rgba(27, 11, 58, 0.62); --btnfg: #FFFFFF; --rad: 8px; --hl: #01CDFE; }
:is(.pg-layer, .bls) .bl-look--vapor .mini__link { border-color: #FF71CE; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
:is(.pg-layer, .bls) .bl-look--vapor .mini__link--hl { border-color: #01CDFE; color: #01CDFE; box-shadow: 0 0 14px rgba(1, 205, 254, 0.45); }
:is(.pg-layer, .bls) .bl-look--vapor .mini__link:first-of-type { margin-top: 24px; }
:is(.pg-layer, .bls) .bl-look--sakura { --bg: #FFF0F5; --fg: #5A2340; --mut: #96506F; --btn: #FFFFFF; --btnfg: #A62E63; --rad: 999px; --hl: #FF8FB8; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--sakura .mini__link { border-color: #FFC2D6; box-shadow: 0 6px 14px -8px rgba(214, 51, 108, 0.45); font-weight: 800; }
:is(.pg-layer, .bls) .bl-look--sakura .mini__link--hl { background: linear-gradient(#D6336C, #D6336C), var(--bg); border-color: #D6336C; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--studio .mini__link { border: 1px solid rgba(20, 19, 17, 0.1); box-shadow: 0 2px 0 rgba(20, 19, 17, 0.04); }
:is(.pg-layer, .bls) .bl-look--studio .mini__link--hl { background: linear-gradient(#141311, #141311), var(--bg); color: #FFFFFF; border-color: #141311; box-shadow: none; }
:is(.pg-layer, .bls) .bl-look--villain { --bg: #060D09; --fg: #E6F2EA; --mut: #8FB59E; --btn: rgba(16, 38, 26, 0.85); --btnfg: #DFF5E7; --rad: 6px; --hl: #1FD17A; --font: 'Instrument Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--villain .mini__link { border: 1px solid rgba(31, 209, 122, 0.45); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:is(.pg-layer, .bls) .bl-look--villain .mini__link--hl { background: linear-gradient(#1FD17A, #1FD17A), var(--bg); color: #04140B; border-color: #1FD17A; box-shadow: 0 0 22px rgba(31, 209, 122, 0.5); }
:is(.pg-layer, .bls) .bl-look--multiverse { --bg: #1B1464; --fg: #FFFFFF; --mut: #D7D4FF; --btn: #FFFFFF; --btnfg: #111111; --rad: 6px; --hl: #FFE14D; }
:is(.pg-layer, .bls) .bl-look--multiverse .mini__link { border: 2px solid #000; box-shadow: 3px 3px 0 #FF2E63; font-weight: 800; }
:is(.pg-layer, .bls) .bl-look--multiverse .mini__link--hl { background: linear-gradient(#FFE14D, #FFE14D), var(--bg); box-shadow: 3px 3px 0 #00E5FF; }
:is(.pg-layer, .bls) .bl-look--multiverse .blk { background: linear-gradient(#FFFFFF, #FFFFFF), var(--bg); color: #111111; border: 2px solid #000; --mut: #444; }
:is(.pg-layer, .bls) .bl-look--lime { --bg: #8ACE00; --fg: #000000; --mut: #1F3300; --btn: #000000; --btnfg: #8ACE00; --rad: 0px; --hl: #000000; --font: Arial, Helvetica, sans-serif; }
:is(.pg-layer, .bls) .bl-look--lime .mini__link { font-weight: 400; letter-spacing: -0.02em; }
:is(.pg-layer, .bls) .bl-look--lime .blk { background: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--bg); border-color: rgba(0, 0, 0, 0.3); border-radius: 0; }
:is(.pg-layer, .bls) .bl-look--y2k { --bg: #E6E1FF; --fg: #1A1446; --mut: #4A4380; --btn: #FFFFFF; --btnfg: #1A1446; --rad: 999px; --hl: #FF6AD5; --font: 'Instrument Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--y2k .mini__link { background: linear-gradient(180deg, #FFFFFF 0%, #EDEBFF 100%); border: 1px solid rgba(26, 20, 70, 0.15); box-shadow: inset 0 1px 0 #FFFFFF, 0 6px 14px -8px rgba(26, 20, 70, 0.5); }
:is(.pg-layer, .bls) .bl-look--y2k .mini__link--hl { background: linear-gradient(180deg, #FF9BE6, #FF6AD5); color: #1A1446; border-color: #FF6AD5; font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--y2k .blk { background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), var(--bg); }
:is(.pg-layer, .bls) .bl-look--passport { --bg: #F4EFE3; --fg: #1E2A3A; --mut: #5B6577; --btn: #FFFFFF; --btnfg: #1E2A3A; --rad: 10px; --hl: #E0412F; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--passport .mini__link { border: 1.5px dashed rgba(30, 42, 58, 0.35); letter-spacing: 0.06em; text-transform: uppercase; -webkit-mask: radial-gradient(circle 6px at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 6px at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle 6px at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 6px at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat; }
:is(.pg-layer, .bls) .bl-look--passport .mini__link--hl { background: linear-gradient(#E0412F, #E0412F), var(--bg); border-color: #E0412F; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--postcard { --bg: #FF9A62; --fg: #FFFFFF; --mut: #FFF3EA; --btn: rgba(255, 255, 255, 0.86); --btnfg: #7A2E14; --rad: 999px; --hl: #FFE7A8; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--postcard .mini__link { border-color: transparent; font-weight: 700; box-shadow: 0 8px 18px -10px rgba(91, 58, 112, 0.7); }
:is(.pg-layer, .bls) .bl-look--postcard .mini__link--hl { background: linear-gradient(#7A2E14, #7A2E14), var(--bg); color: #FFE7A8; border-color: #7A2E14; }
:is(.pg-layer, .bls) .bl-look--clinic { --bg: #F3F8FB; --fg: #0F2A3D; --mut: #4C6578; --btn: #FFFFFF; --btnfg: #0F4C6B; --rad: 14px; --hl: #0EA5A4; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--clinic .mini__link { border-color: #CFE3EE; box-shadow: 0 6px 14px -10px rgba(15, 76, 107, 0.35); }
:is(.pg-layer, .bls) .bl-look--clinic .mini__link--hl { background: linear-gradient(#0EA5A4, #0EA5A4), var(--bg); border-color: #0EA5A4; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--apothecary { --bg: #E9F6EF; --fg: #123B2B; --mut: #4E7262; --btn: rgba(255, 255, 255, 0.72); --btnfg: #155C3F; --rad: 999px; --hl: #2FB37A; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--apothecary .mini__link { border: 1px solid rgba(47, 179, 122, 0.35); font-weight: 800; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
:is(.pg-layer, .bls) .bl-look--apothecary .mini__link--hl { background: linear-gradient(#1E8A5A, #1E8A5A), var(--bg); color: #FFFFFF; border-color: #1E8A5A; }
:is(.pg-layer, .bls) .bl-look--portfolio { --bg: #F3F1EC; --fg: #141311; --mut: #6B675F; --btn: #FFFFFF; --btnfg: #141311; --rad: 14px; --hl: #FF4D1F; --ly-card: #FFFFFF; --font: 'Instrument Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--portfolio .mini__link { position: relative; padding: 13px 32px 13px 14px; border: 1px solid rgba(20, 19, 17, 0.09); background: linear-gradient(#FFFFFF, #FFFFFF), var(--bg); color: #141311; font-size: 12.5px; font-weight: 600; text-align: left; box-shadow: 0 10px 24px -22px rgba(20, 19, 17, 0.45); }
:is(.pg-layer, .bls) .bl-look--portfolio .mini__link::after { content: '↗'; position: absolute; right: 13px; top: 50%; translate: 0 -50%; color: #6B675F; font-weight: 500; }
:is(.pg-layer, .bls) .bl-look--portfolio .mini__link--hl { background: linear-gradient(#141311, #141311), var(--bg); color: #FFFFFF; border-color: #141311; box-shadow: 0 14px 28px -20px rgba(20, 19, 17, 0.6); }
:is(.pg-layer, .bls) .bl-look--portfolio .mini__link--hl::after { color: rgba(255, 255, 255, 0.7); }
:is(.pg-layer, .bls) .bl-look--portfolio .blk { background: linear-gradient(#FFFFFF, #FFFFFF), var(--bg); border-color: rgba(20, 19, 17, 0.09); border-radius: 18px; }
:is(.pg-layer, .bls) .bl-look--portfolio .blk__h { color: #141311; font-size: 12px; letter-spacing: -0.01em; text-transform: none; }
:is(.pg-layer, .bls) .bl-look--portfolio .blk__row--svc .blk__chip { padding: 0; background: none; color: #141311; font-family: 'Instrument Serif', Georgia, serif; font-size: 15px; font-style: italic; font-weight: 400; }
:is(.pg-layer, .bls) .bl-look--portfolio .blk__quote { color: #3B3A36; font-family: 'Instrument Serif', Georgia, serif; font-size: 15px; line-height: 1.35; }
:is(.pg-layer, .bls) .bl-look--portfolio .blk__quote small { font-family: var(--font); }
:is(.pg-layer, .bls) .bl-look--portfolio .blk--stats .stat { justify-items: start; padding: 4px 12px; border-radius: 0; background: none; text-align: left; }
:is(.pg-layer, .bls) .bl-look--portfolio .blk--stats .stat + .stat { border-left: 1px solid rgba(20, 19, 17, 0.09); }
:is(.pg-layer, .bls) .bl-look--portfolio .blk__quote { background: none; }
:is(.pg-layer, .bls) .bl-look--shonen { --bg: #FFFFFF; --fg: #0B0B0B; --mut: #2E2E2E; --btn: #0B0B0B; --btnfg: #FFFFFF; --rad: 0; --hl: #E3242B; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--shonen .mini__link { clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%); font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
:is(.pg-layer, .bls) .bl-look--shonen .mini__link--hl { background: linear-gradient(#E3242B, #E3242B), var(--bg); border-color: #E3242B; }
:is(.pg-layer, .bls) .bl-look--aura { --bg: #0B0A1F; --fg: #EDEBFF; --mut: #B5B0E6; --btn: rgba(30, 24, 80, 0.72); --btnfg: #EDEBFF; --rad: 12px; --hl: #7C5CFF; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--aura .mini__link { border: 1px solid rgba(124, 92, 255, 0.6); box-shadow: inset 0 0 12px rgba(124, 92, 255, 0.25); }
:is(.pg-layer, .bls) .bl-look--aura .mini__link--hl { background: linear-gradient(90deg, #7C5CFF, #22D3EE); color: #0B0A1F; border-color: transparent; }
:is(.pg-layer, .bls) .bl-look--level-up { --bg: #05070F; --fg: #DDF6FF; --mut: #7FA6B8; --btn: rgba(8, 24, 40, 0.86); --btnfg: #BFF1FF; --rad: 2px; --hl: #38BDF8; --font: 'JetBrains Mono', monospace; }
:is(.pg-layer, .bls) .bl-look--level-up .mini__link { border: 1px solid rgba(56, 189, 248, 0.5); letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 0 10px rgba(56, 189, 248, 0.18); background: linear-gradient(#38BDF8, #38BDF8) top left / 8px 2px no-repeat, linear-gradient(#38BDF8, #38BDF8) top left / 2px 8px no-repeat, linear-gradient(#38BDF8, #38BDF8) bottom right / 8px 2px no-repeat, linear-gradient(#38BDF8, #38BDF8) bottom right / 2px 8px no-repeat, var(--btn); }
:is(.pg-layer, .bls) .bl-look--level-up .mini__link--hl { background: linear-gradient(rgba(56, 189, 248, 0.2), rgba(56, 189, 248, 0.2)), var(--bg); color: #FFFFFF; border-color: #38BDF8; }
:is(.pg-layer, .bls) .bl-look--ukiyo { --bg: #F3EAD7; --fg: #1D2B4F; --mut: #5A6585; --btn: #1D2B4F; --btnfg: #F3EAD7; --rad: 6px; --hl: #C8323C; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--ukiyo .mini__link--hl { background: linear-gradient(#C8323C, #C8323C), var(--bg); border-color: #C8323C; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--idol { --bg: #FFE6F4; --fg: #6B1F57; --mut: #A0567F; --btn: rgba(255, 255, 255, 0.88); --btnfg: #C2257E; --rad: 999px; --hl: #FF5FB2; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--idol .mini__link { border: 2px solid #FFFFFF; font-weight: 800; box-shadow: 0 6px 16px -8px rgba(194, 37, 126, 0.5), inset 0 -3px 0 rgba(255, 95, 178, 0.15); }
:is(.pg-layer, .bls) .bl-look--idol .mini__link--hl { background: linear-gradient(90deg, #FF5FB2, #9B5CFF); color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--neo-city { --bg: #0A0A0A; --fg: #F2F2F2; --mut: #A3A3A3; --btn: rgba(20, 20, 20, 0.92); --btnfg: #F2F2F2; --rad: 0; --hl: #FF2A2A; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--neo-city .mini__link { border: 1px solid #FF2A2A; letter-spacing: 0.1em; text-transform: uppercase; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); }
:is(.pg-layer, .bls) .bl-look--neo-city .mini__link--hl { background: linear-gradient(#FF2A2A, #FF2A2A), var(--bg); color: #0A0A0A; }
:is(.pg-layer, .bls) .bl-look--meadow { --bg: #BFE3FF; --fg: #1F3B2A; --mut: #3D5C49; --btn: rgba(255, 255, 255, 0.9); --btnfg: #2F5D3F; --rad: 16px; --hl: #F6B94A; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--meadow .mini__link { border-color: transparent; font-weight: 800; box-shadow: 0 6px 14px -8px rgba(31, 59, 42, 0.35); }
:is(.pg-layer, .bls) .bl-look--meadow .mini__link--hl { background: linear-gradient(#F6B94A, #F6B94A), var(--bg); color: #4A2E00; }
:is(.pg-layer, .bls) .bl-look--brainrot { --bg: #FFF200; --fg: #111111; --mut: #111111; --btn: #FFFFFF; --btnfg: #111111; --rad: 10px; --hl: #FF2E93; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--brainrot .mini__link { border: 2px solid #111111; font-weight: 800; box-shadow: 4px 4px 0 #111111; }
:is(.pg-layer, .bls) .bl-look--brainrot .mini__link:nth-of-type(odd) { transform: rotate(-1.5deg); }
:is(.pg-layer, .bls) .bl-look--brainrot .mini__link:nth-of-type(even) { transform: rotate(1.5deg); }
:is(.pg-layer, .bls) .bl-look--brainrot .mini__link--hl { background: linear-gradient(#FF2E93, #FF2E93), var(--bg); color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--rave { --bg: #050505; --fg: #FFFFFF; --mut: #C8C8C8; --btn: rgba(255, 255, 255, 0.06); --btnfg: #FFFFFF; --rad: 999px; --hl: #39FF14; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--rave .mini__link { border: 1.5px solid rgba(255, 255, 255, 0.4); font-weight: 700; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
:is(.pg-layer, .bls) .bl-look--rave .mini__link--hl { background: linear-gradient(#39FF14, #39FF14), var(--bg); color: #050505; border-color: #39FF14; box-shadow: 0 0 20px rgba(57, 255, 20, 0.6); }
:is(.pg-layer, .bls) .bl-look--liquid-glass { --bg: #EEF1F8; --fg: #14161C; --mut: #4B5161; --btn: rgba(255, 255, 255, 0.3); --btnfg: #14161C; --rad: 18px; --hl: #3B82F6; --font: 'Instrument Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--liquid-glass .mini__link { border: 1px solid rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(255, 255, 255, 0.3), 0 8px 24px -12px rgba(20, 22, 28, 0.35); }
:is(.pg-layer, .bls) .bl-look--liquid-glass .mini__link--hl { background: linear-gradient(rgba(59, 130, 246, 0.85), rgba(59, 130, 246, 0.85)), var(--bg); color: #FFFFFF; border-color: rgba(255, 255, 255, 0.6); }
:is(.pg-layer, .bls) .bl-look--aero { --bg: #BDEBFF; --fg: #08324A; --mut: #2D5A73; --btn: #FFFFFF; --btnfg: #0A5A7C; --rad: 999px; --hl: #3FCB5C; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--aero .mini__link { border: 1px solid rgba(10, 90, 124, 0.22); font-weight: 800; background: linear-gradient(180deg, #FFFFFF 0%, #E6F7FF 50%, #CDEFFF 51%, #EAF9FF 100%); box-shadow: inset 0 1px 0 #FFFFFF, 0 4px 10px -4px rgba(10, 90, 124, 0.35); }
:is(.pg-layer, .bls) .bl-look--aero .mini__link--hl { background: linear-gradient(180deg, #A8F5B4, #3FCB5C 50%, #2FB54C 51%, #6BE27F); color: #053A14; border-color: rgba(5, 58, 20, 0.25); }
:is(.pg-layer, .bls) .bl-look--clickbait { --bg: #FFD400; --fg: #111111; --mut: #111111; --btn: #FFFFFF; --btnfg: #111111; --rad: 8px; --hl: #FF1E1E; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--clickbait .mini__link { border: 3px solid #111111; font-weight: 900; text-transform: uppercase; box-shadow: 4px 4px 0 #111111; }
:is(.pg-layer, .bls) .bl-look--clickbait .mini__link--hl { background: linear-gradient(#FF1E1E, #FF1E1E), var(--bg); color: #FFFFFF; animation: cl-ring2 1.4s ease-in-out infinite; }
:is(.pg-layer, .bls) .bl-look--deep-fried { --bg: #FF5A00; --fg: #FFFFFF; --mut: #FFF1C2; --btn: #FFFFFF; --btnfg: #111111; --rad: 0; --hl: #FFF200; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--deep-fried .mini__link { border: 3px solid #000000; font-weight: 900; text-transform: uppercase; }
:is(.pg-layer, .bls) .bl-look--deep-fried .mini__link--hl { background: linear-gradient(#FFF200, #FFF200), var(--bg); color: #000000; }
:is(.pg-layer, .bls) .bl-look--breaking-news { --bg: #0A1A3A; --fg: #FFFFFF; --mut: #B9C6E4; --btn: #FFFFFF; --btnfg: #0A1A3A; --rad: 4px; --hl: #E10600; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--breaking-news .mini__link { border-left: 4px solid #E10600; font-weight: 800; }
:is(.pg-layer, .bls) .bl-look--breaking-news .mini__link--hl { background: linear-gradient(#E10600, #E10600), var(--bg); color: #FFFFFF; border-color: #E10600; }
:is(.pg-layer, .bls) .bl-look--evergreen { --bg: #EEF0E2; --fg: #1F3A24; --mut: #4F6B52; --btn: #FFFFFF; --btnfg: #1F3A24; --rad: 999px; --hl: #3E7B3A; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--evergreen .mini__link { border: 1.5px solid #C8D3B4; font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--evergreen .mini__link--hl { background: linear-gradient(#3E7B3A, #3E7B3A), var(--bg); color: #FFFFFF; border-color: #3E7B3A; }
:is(.pg-layer, .bls) .bl-look--solarpunk { --bg: #FFF1C9; --fg: #1E3B2C; --mut: #4D6B57; --btn: rgba(255, 255, 255, 0.85); --btnfg: #1E3B2C; --rad: 14px; --hl: #F59E0B; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--solarpunk .mini__link { border: 1.5px solid rgba(30, 59, 44, 0.18); font-weight: 800; }
:is(.pg-layer, .bls) .bl-look--solarpunk .mini__link--hl { background: linear-gradient(#F59E0B, #F59E0B), var(--bg); color: #1E3B2C; border-color: #F59E0B; }
:is(.pg-layer, .bls) .bl-look--rooftop-noir { --bg: #A11D0B; --fg: #FFFFFF; --mut: #FFD3C4; --btn: #0B0B0E; --btnfg: #FFFFFF; --rad: 2px; --hl: #FFD23F; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--rooftop-noir .mini__link { border: 1px solid #0B0B0E; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 4px 0 #5E0E06; }
:is(.pg-layer, .bls) .bl-look--rooftop-noir .mini__link--hl { background: linear-gradient(#FFD23F, #FFD23F), var(--bg); color: #0B0B0E; }
:is(.pg-layer, .bls) .bl-look--rk-live, :is(.pg-layer, .bls) .bl-look--rk-gold, :is(.pg-layer, .bls) .bl-look--rk-lime, :is(.pg-layer, .bls) .bl-look--rk-violet, :is(.pg-layer, .bls) .bl-look--rk-orange, :is(.pg-layer, .bls) .bl-look--rk-anime, :is(.pg-layer, .bls) .bl-look--rk-white, :is(.pg-layer, .bls) .bl-look--stream-red, :is(.pg-layer, .bls) .bl-look--stream-gold, :is(.pg-layer, .bls) .bl-look--stream-lime, :is(.pg-layer, .bls) .bl-look--stream-violet, :is(.pg-layer, .bls) .bl-look--stream-orange, :is(.pg-layer, .bls) .bl-look--stream-anime, :is(.pg-layer, .bls) .bl-look--stream-white, :is(.pg-layer, .bls) .bl-look--xyaa-energy { --rk: #E8132B; --rk-glow: #6B0C1A; --rk-mid: #2A060B; --vig: 0.7; --bg: #0A0304; --fg: #FFFFFF; --mut: #F0C9CD; --btn: rgba(20, 6, 9, 0.8); --btnfg: #FFFFFF; --rad: 0; --hl: var(--rk); --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--rk-live .mini__link, :is(.pg-layer, .bls) .bl-look--rk-gold .mini__link, :is(.pg-layer, .bls) .bl-look--rk-lime .mini__link, :is(.pg-layer, .bls) .bl-look--rk-violet .mini__link, :is(.pg-layer, .bls) .bl-look--rk-orange .mini__link, :is(.pg-layer, .bls) .bl-look--rk-anime .mini__link, :is(.pg-layer, .bls) .bl-look--rk-white .mini__link, :is(.pg-layer, .bls) .bl-look--stream-red .mini__link, :is(.pg-layer, .bls) .bl-look--stream-gold .mini__link, :is(.pg-layer, .bls) .bl-look--stream-lime .mini__link, :is(.pg-layer, .bls) .bl-look--stream-violet .mini__link, :is(.pg-layer, .bls) .bl-look--stream-orange .mini__link, :is(.pg-layer, .bls) .bl-look--stream-anime .mini__link, :is(.pg-layer, .bls) .bl-look--stream-white .mini__link, :is(.pg-layer, .bls) .bl-look--xyaa-energy .mini__link { position: relative; overflow: hidden; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
:is(.pg-layer, .bls) .bl-look--rk-live .mini__link--hl, :is(.pg-layer, .bls) .bl-look--rk-gold .mini__link--hl, :is(.pg-layer, .bls) .bl-look--rk-lime .mini__link--hl, :is(.pg-layer, .bls) .bl-look--rk-violet .mini__link--hl, :is(.pg-layer, .bls) .bl-look--rk-orange .mini__link--hl, :is(.pg-layer, .bls) .bl-look--rk-anime .mini__link--hl, :is(.pg-layer, .bls) .bl-look--rk-white .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-red .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-gold .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-lime .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-violet .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-orange .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-anime .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-white .mini__link--hl, :is(.pg-layer, .bls) .bl-look--xyaa-energy .mini__link--hl { background: linear-gradient(var(--hl), var(--hl)), var(--bg); color: var(--hlfg, #FFFFFF); border-color: var(--hl); box-shadow: none; }
:is(.pg-layer, .bls) .bl-look--rk-live .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-gold .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-lime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-violet .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-orange .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-anime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-white .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-red .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-gold .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-lime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-violet .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-orange .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-anime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-white .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--xyaa-energy .mini__link--hl::after { content: ''; position: absolute; top: 0; bottom: 0; left: -80px; width: 70px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transform: skewX(-20deg); animation: rkx-btn-sweep 10s ease-in-out 6.6s infinite; }
:is(.pg-layer, .bls) .bl-look--rk-live .mini__link, :is(.pg-layer, .bls) .bl-look--stream-red .mini__link, :is(.pg-layer, .bls) .bl-look--rk-white .mini__link, :is(.pg-layer, .bls) .bl-look--stream-white .mini__link, :is(.pg-layer, .bls) .bl-look--rk-anime .mini__link, :is(.pg-layer, .bls) .bl-look--stream-anime .mini__link { clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%); }
:is(.pg-layer, .bls) .bl-look--rk-live .mini__link, :is(.pg-layer, .bls) .bl-look--stream-red .mini__link { border: 0; border-left: 4px solid var(--rk); }
:is(.pg-layer, .bls) .bl-look--rk-live .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-red .mini__link--hl { border-left-color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--rk-gold, :is(.pg-layer, .bls) .bl-look--stream-gold { --rk: #FFD400; --rk-glow: #3D3300; --rk-mid: #141200; --bg: #0A0A0A; --mut: #FFE38A; --btn: #151515; --hlfg: #111111; --rad: 10px; --rk-ring: #0A0A0A; }
:is(.pg-layer, .bls) .bl-look--rk-gold .mini__link, :is(.pg-layer, .bls) .bl-look--stream-gold .mini__link { border: 2px solid var(--rk); }
:is(.pg-layer, .bls) .bl-look--rk-gold .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-gold .mini__link--hl { box-shadow: 0 5px 0 #9C7F00; }
:is(.pg-layer, .bls) .bl-look--rk-lime, :is(.pg-layer, .bls) .bl-look--stream-lime { --rk: #A6FF00; --rk-glow: #1E3300; --rk-mid: #0A1000; --bg: #050605; --mut: #C9F7A4; --btn: rgba(255, 255, 255, 0.06); --hlfg: #071000; --rad: 999px; --rk-ring: #050605; }
:is(.pg-layer, .bls) .bl-look--rk-lime .mini__link, :is(.pg-layer, .bls) .bl-look--stream-lime .mini__link { border: 1px solid color-mix(in srgb, var(--rk) 50%, transparent); box-shadow: inset 0 0 14px color-mix(in srgb, var(--rk) 12%, transparent); text-transform: none; letter-spacing: 0; }
:is(.pg-layer, .bls) .bl-look--rk-violet, :is(.pg-layer, .bls) .bl-look--stream-violet { --rk: #7C4DFF; --rk-glow: #3B1E8A; --rk-mid: #170D33; --bg: #0B0716; --mut: #D4C3FF; --btn: rgba(124, 77, 255, 0.14); --rad: 16px; }
:is(.pg-layer, .bls) .bl-look--rk-violet .mini__link, :is(.pg-layer, .bls) .bl-look--stream-violet .mini__link { border: 1px solid color-mix(in srgb, var(--rk) 55%, transparent); text-transform: none; letter-spacing: 0; }
:is(.pg-layer, .bls) .bl-look--rk-orange, :is(.pg-layer, .bls) .bl-look--stream-orange { --rk: #FF6A00; --rk-glow: #4A1E00; --rk-mid: #170A02; --bg: #0C0C0C; --mut: #FFD0B0; --btn: #1A1A1A; --hlfg: #111111; --rad: 4px; }
:is(.pg-layer, .bls) .bl-look--rk-orange .mini__link, :is(.pg-layer, .bls) .bl-look--stream-orange .mini__link { border-bottom: 3px solid var(--rk); }
:is(.pg-layer, .bls) .bl-look--rk-anime, :is(.pg-layer, .bls) .bl-look--stream-anime { --rk: #E8132B; --rk-glow: #5A0A14; --rk-mid: #1E0508; --bg: #140406; --mut: #FFC2C8; --btn: rgba(0, 0, 0, 0.68); }
:is(.pg-layer, .bls) .bl-look--rk-anime .mini__link, :is(.pg-layer, .bls) .bl-look--stream-anime .mini__link { border: 2px solid #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--rk-white, :is(.pg-layer, .bls) .bl-look--stream-white { --rk: #E8132B; --rk-glow: #FFFFFF; --rk-mid: #FAF9F6; --vig: 0.06; --bg: #FAF9F6; --fg: #111111; --mut: #5E5A54; --btn: #FFFFFF; --btnfg: #111111; --rad: 12px; --rk-ring: #111111; }
:is(.pg-layer, .bls) .bl-look--rk-white .mini__link, :is(.pg-layer, .bls) .bl-look--stream-white .mini__link { border: 2px solid #111111; border-radius: var(--rad); clip-path: none; box-shadow: 4px 4px 0 #111111; }
:is(.pg-layer, .bls) .bl-look--rk-white .mini__link--hl, :is(.pg-layer, .bls) .bl-look--stream-white .mini__link--hl { border-color: #111111; box-shadow: 4px 4px 0 #111111; }
:is(.pg-layer, .bls) .bl-look--rk-white .blk:not(.bsx *), :is(.pg-layer, .bls) .bl-look--stream-white .blk:not(.bsx *) { background: linear-gradient(#FFFFFF, #FFFFFF), var(--bg); border-color: #111111; }
@media (prefers-reduced-motion: reduce) {
:is(.pg-layer, .bls) .bl-look--rk-live .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-gold .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-lime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-violet .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-orange .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-anime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--rk-white .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-red .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-gold .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-lime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-violet .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-orange .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-anime .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--stream-white .mini__link--hl::after, :is(.pg-layer, .bls) .bl-look--xyaa-energy .mini__link--hl::after { animation: none !important; }
}
:is(.pg-layer, .bls) .bl-look--xyaa-energy { --xe: #8CFF1A; --rk: var(--xe); --rk-glow: #1E3A08; --rk-mid: #0A1404; --rk-ring: #050605; --vig: 0.7; --bg: #050605; --fg: #FFFFFF; --mut: #C6F59A; --btn: rgba(12, 14, 11, 0.88); --btnfg: #F2FFE6; --rad: 4px; --hl: var(--xe); --hlfg: #061000; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--xyaa-energy .mini__link { border: 1px solid rgba(140, 255, 26, 0.5); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); box-shadow: inset 0 0 16px rgba(140, 255, 26, 0.08); }
:is(.pg-layer, .bls) .bl-look--xyaa-energy .mini__link--hl { background: linear-gradient(var(--xe), var(--xe)), var(--bg); color: #061000; border-color: var(--xe); box-shadow: none; }
:is(.pg-layer, .bls) .bl-look--halloween { --bg: #140A24; --fg: #F7E9D7; --mut: #CDB9A5; --btn: #FF7518; --btnfg: #1A0B12; --rad: 14px; --hl: #B4FF39; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--halloween .mini__link { box-shadow: 0 6px 0 -2px #8A3300; font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--halloween .mini__link--hl { background: linear-gradient(#B4FF39, #B4FF39), var(--bg); border-color: #B4FF39; color: #1A0B12; box-shadow: 0 0 18px rgba(180, 255, 57, 0.55); }
:is(.pg-layer, .bls) .bl-look--diwali { --bg: #2A0838; --fg: #FFF4D6; --mut: #F2C98A; --btn: #FFB627; --btnfg: #3B0A2A; --rad: 999px; --hl: #FF6B35; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--diwali .mini__link { background: linear-gradient(180deg, #FFD27A, #FFB627); border-color: #FFD27A; box-shadow: 0 6px 16px -8px rgba(255, 182, 39, 0.8); font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--diwali .mini__link--hl { background: linear-gradient(180deg, #FF8A4C, #FF5E1A); border-color: #FF8A4C; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--black-friday { --bg: #0A0A0A; --fg: #FFFFFF; --mut: #B3B3B3; --btn: #FFE600; --btnfg: #0A0A0A; --rad: 4px; --hl: #FF2D55; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--black-friday .mini__link { font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; box-shadow: 3px 3px 0 #FF2D55; }
:is(.pg-layer, .bls) .bl-look--black-friday .mini__link--hl { background: linear-gradient(#FF2D55, #FF2D55), var(--bg); border-color: #FF2D55; color: #FFFFFF; box-shadow: 3px 3px 0 #FFE600; animation: bf-pulse 1.2s ease-in-out infinite; }
:is(.pg-layer, .bls) .bl-look--black-friday .blk { background: linear-gradient(#141414, #141414), var(--bg); }
:is(.pg-layer, .bls) .bl-look--christmas { --bg: #0D3B2C; --fg: #FFFDF7; --mut: #CFE3D6; --btn: #C8102E; --btnfg: #FFFFFF; --rad: 12px; --hl: #F4C430; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--christmas .mini__link { border-color: #E23A4F; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.6); font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--christmas .mini__link--hl { background: linear-gradient(#F4C430, #F4C430), var(--bg); border-color: #F4C430; color: #3A2A00; }
:is(.pg-layer, .bls) .bl-look--new-year { --bg: #05060F; --fg: #FFFFFF; --mut: #C9C3E6; --btn: rgba(241, 215, 138, 0.08); --btnfg: #F1D78A; --rad: 999px; --hl: #F1D78A; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--new-year .mini__link { border-color: rgba(241, 215, 138, 0.6); }
:is(.pg-layer, .bls) .bl-look--new-year .mini__link--hl { background: linear-gradient(#F1D78A, #F1D78A), var(--bg); border-color: #F1D78A; color: #05060F; }
:is(.pg-layer, .bls) .bl-look--lunar-new-year { --bg: #A10E1C; --fg: #FFF3D6; --mut: #F7D69A; --btn: #F7C948; --btnfg: #7A0710; --rad: 10px; --hl: #FFE7A3; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--lunar-new-year .mini__link { border-color: #FFE7A3; font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--lunar-new-year .mini__link--hl { background: linear-gradient(#7A0710, #7A0710), var(--bg); border-color: #F7C948; color: #F7C948; }
:is(.pg-layer, .bls) .bl-look--valentines { --bg: #FFE4EC; --fg: #5C0A26; --mut: #A23B5C; --btn: #E11D48; --btnfg: #FFFFFF; --rad: 999px; --hl: #FF8FAB; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--valentines .mini__link { font-weight: 800; box-shadow: 0 6px 14px -8px rgba(225, 29, 72, 0.6); }
:is(.pg-layer, .bls) .bl-look--valentines .mini__link--hl { background: linear-gradient(#FFFFFF, #FFFFFF), var(--bg); border-color: #E11D48; color: #E11D48; }
:is(.pg-layer, .bls) .bl-look--holi { --bg: #FFF8EC; --fg: #2A1A3D; --mut: #5E4B6E; --btn: #FF3CAC; --btnfg: #FFFFFF; --rad: 16px; --hl: #FFD60A; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--holi .mini__link { font-weight: 800; }
:is(.pg-layer, .bls) .bl-look--holi .mini__link--hl { background: linear-gradient(#FFD60A, #FFD60A), var(--bg); border-color: #FFD60A; color: #2A1A3D; }
:is(.pg-layer, .bls) .bl-look--eid { --bg: #062A2E; --fg: #FDF6E3; --mut: #CFE3D9; --btn: #D4AF37; --btnfg: #062A2E; --rad: 12px; --hl: #F3D98B; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--eid .mini__link { font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--eid .mini__link--hl { background: linear-gradient(transparent, transparent), var(--bg); border-color: #D4AF37; color: #F3D98B; box-shadow: 0 0 14px rgba(212, 175, 55, 0.45); }
:is(.pg-layer, .bls) .bl-look--spooky-cute { --bg: #704F94; --fg: #FFF4E4; --mut: #E8D8C4; --btn: #DCC2A7; --btnfg: #381E75; --rad: 16px; --hl: #963D23; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--spooky-cute .mini__link { font-weight: 800; box-shadow: 0 4px 0 #5A2136; border: 0; }
:is(.pg-layer, .bls) .bl-look--spooky-cute .mini__link--hl { background: linear-gradient(#963D23, #963D23), var(--bg); color: #FFF4E4; }
:is(.pg-layer, .bls) .bl-look--dia-de-muertos { --bg: #2B0F3A; --fg: #FFF1E0; --mut: #F5C9A8; --btn: #FF8A00; --btnfg: #2B0F3A; --rad: 12px; --hl: #FF2E88; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--dia-de-muertos .mini__link--hl { background: linear-gradient(#FF2E88, #FF2E88), var(--bg); color: #FFFFFF; border-color: #FF2E88; }
:is(.pg-layer, .bls) .bl-look--thanksgiving { --bg: #FBE7C6; --fg: #4A2410; --mut: #7A4A2A; --btn: #FFFFFF; --btnfg: #6B2E0E; --rad: 14px; --hl: #C2410C; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--thanksgiving .mini__link--hl { background: linear-gradient(#C2410C, #C2410C), var(--bg); color: #FFFFFF; border-color: #C2410C; }
:is(.pg-layer, .bls) .bl-look--hanukkah { --bg: #0B2A6B; --fg: #FFFFFF; --mut: #C7D6F5; --btn: rgba(255, 255, 255, 0.12); --btnfg: #FFFFFF; --rad: 12px; --hl: #9EC5FF; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--hanukkah .mini__link { border: 1px solid rgba(158, 197, 255, 0.45); }
:is(.pg-layer, .bls) .bl-look--hanukkah .mini__link--hl { background: linear-gradient(#E6EDFA, #E6EDFA), var(--bg); color: #0B2A6B; }
:is(.pg-layer, .bls) .bl-look--songkran { --bg: #CFF3FF; --fg: #063A52; --mut: #2F6A82; --btn: #FFFFFF; --btnfg: #0369A1; --rad: 999px; --hl: #0EA5E9; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--songkran .mini__link { border: 1.5px solid #BAE6FD; font-weight: 800; }
:is(.pg-layer, .bls) .bl-look--songkran .mini__link--hl { background: linear-gradient(#0284C7, #0284C7), var(--bg); color: #FFFFFF; border-color: #0284C7; }
:is(.pg-layer, .bls) .bl-look--oktoberfest { --bg: #F5F9FF; --fg: #0C2A5B; --mut: #3A5788; --btn: #FFFFFF; --btnfg: #0C2A5B; --rad: 10px; --hl: #1F6FD1; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--oktoberfest .mini__link { border: 1.5px solid #C6D7F2; font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--oktoberfest .mini__link--hl { background: linear-gradient(#1F6FD1, #1F6FD1), var(--bg); color: #FFFFFF; border-color: #1F6FD1; }
:is(.pg-layer, .bls) .bl-look--carnival { --bg: #3A0CA3; --fg: #FFFFFF; --mut: #F0D9FF; --btn: #FFFFFF; --btnfg: #3A0CA3; --rad: 999px; --hl: #FFD60A; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--carnival .mini__link { font-weight: 800; border: 0; }
:is(.pg-layer, .bls) .bl-look--carnival .mini__link--hl { background: linear-gradient(#FFD60A, #FFD60A), var(--bg); color: #3A0CA3; }
:is(.pg-layer, .bls) .bl-look--mid-autumn { --bg: #10133A; --fg: #FFF3D6; --mut: #E2CFA8; --btn: rgba(255, 243, 214, 0.1); --btnfg: #FFF3D6; --rad: 12px; --hl: #FF7A45; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--mid-autumn .mini__link { border: 1px solid rgba(255, 226, 154, 0.4); }
:is(.pg-layer, .bls) .bl-look--mid-autumn .mini__link--hl { background: linear-gradient(#FF7A45, #FF7A45), var(--bg); color: #10133A; border-color: #FF7A45; }
:is(.pg-layer, .bls) .bl-look--st-patricks { --bg: #0E5E2E; --fg: #FFFFFF; --mut: #CFEFD6; --btn: #FFFFFF; --btnfg: #0E5E2E; --rad: 999px; --hl: #F5C542; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--st-patricks .mini__link { font-weight: 800; border: 0; }
:is(.pg-layer, .bls) .bl-look--st-patricks .mini__link--hl { background: linear-gradient(#F5C542, #F5C542), var(--bg); color: #0E5E2E; }
:is(.pg-layer, .bls) .bl-look--earth-day { --bg: #E8F7EE; --fg: #0F3D2A; --mut: #3E6B55; --btn: #FFFFFF; --btnfg: #0F3D2A; --rad: 999px; --hl: #16A34A; --font: 'Nunito', var(--sans); }
:is(.pg-layer, .bls) .bl-look--earth-day .mini__link { border: 1.5px solid #BFE5CC; font-weight: 800; }
:is(.pg-layer, .bls) .bl-look--earth-day .mini__link--hl { background: linear-gradient(#16A34A, #16A34A), var(--bg); color: #FFFFFF; border-color: #16A34A; }
:is(.pg-layer, .bls) .bl-look--pride { --bg: #1A1033; --fg: #FFFFFF; --mut: #E5DAFF; --btn: rgba(255, 255, 255, 0.14); --btnfg: #FFFFFF; --rad: 999px; --hl: #FFFFFF; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--pride .mini__link { border: 1px solid rgba(255, 255, 255, 0.35); font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--pride .mini__link--hl { background: linear-gradient(90deg, #E40303, #FF8C00, #FFED00, #008026, #004DFF, #750787); color: #FFFFFF; border: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
:is(.pg-layer, .bls) .bl-look--navratri { --bg: #B0105F; --fg: #FFFFFF; --mut: #FFD9EA; --btn: #FFE14D; --btnfg: #6A0A39; --rad: 14px; --hl: #10B981; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--navratri .mini__link { font-weight: 800; border: 0; box-shadow: 0 4px 0 #6A0A39; }
:is(.pg-layer, .bls) .bl-look--navratri .mini__link--hl { background: linear-gradient(#059669, #059669), var(--bg); color: #FFFFFF; }
@media (prefers-reduced-motion: reduce) {
:is(.pg-layer, .bls) .bl-look--halloween .mini__link--hl, :is(.pg-layer, .bls) .bl-look--diwali .mini__link--hl, :is(.pg-layer, .bls) .bl-look--black-friday .mini__link--hl, :is(.pg-layer, .bls) .bl-look--christmas .mini__link--hl, :is(.pg-layer, .bls) .bl-look--new-year .mini__link--hl, :is(.pg-layer, .bls) .bl-look--lunar-new-year .mini__link--hl, :is(.pg-layer, .bls) .bl-look--valentines .mini__link--hl, :is(.pg-layer, .bls) .bl-look--holi .mini__link--hl, :is(.pg-layer, .bls) .bl-look--eid .mini__link--hl, :is(.pg-layer, .bls) .bl-look--spooky-cute .mini__link--hl, :is(.pg-layer, .bls) .bl-look--dia-de-muertos .mini__link--hl, :is(.pg-layer, .bls) .bl-look--thanksgiving .mini__link--hl, :is(.pg-layer, .bls) .bl-look--hanukkah .mini__link--hl, :is(.pg-layer, .bls) .bl-look--songkran .mini__link--hl, :is(.pg-layer, .bls) .bl-look--oktoberfest .mini__link--hl, :is(.pg-layer, .bls) .bl-look--carnival .mini__link--hl, :is(.pg-layer, .bls) .bl-look--mid-autumn .mini__link--hl, :is(.pg-layer, .bls) .bl-look--st-patricks .mini__link--hl, :is(.pg-layer, .bls) .bl-look--earth-day .mini__link--hl, :is(.pg-layer, .bls) .bl-look--pride .mini__link--hl, :is(.pg-layer, .bls) .bl-look--navratri .mini__link--hl { animation: none !important; }
}
:is(.pg-layer, .bls) .bl-look--teal-orange .mini__link, :is(.pg-layer, .bls) .bl-look--warm-film .mini__link, :is(.pg-layer, .bls) .bl-look--noir .mini__link, :is(.pg-layer, .bls) .bl-look--faded-pastel .mini__link, :is(.pg-layer, .bls) .bl-look--neon-night .mini__link, :is(.pg-layer, .bls) .bl-look--moody-forest .mini__link { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
:is(.pg-layer, .bls) .bl-look--teal-orange { --bg: #0E3B43; --fg: #FFF4E8; --mut: #F6C9A4; --btn: #F08A4B; --btnfg: #10252A; --rad: 12px; --hl: #FFB27A; --font: 'DM Sans', var(--sans); --leak: #FF8A3D; }
:is(.pg-layer, .bls) .bl-look--teal-orange .mini__link { background: color-mix(in srgb, #F08A4B 92%, transparent); border-color: #F7A36D; }
:is(.pg-layer, .bls) .bl-look--warm-film { --bg: #3B2416; --fg: #FFF3DC; --mut: #F1D3A1; --btn: #FFF3DC; --btnfg: #5A2E14; --rad: 6px; --hl: #F2C14E; --font: 'DM Sans', var(--sans); --leak: #FFB23D; --vig: 0.55; }
:is(.pg-layer, .bls) .bl-look--noir { --bg: #0D0D0D; --fg: #F2F2F2; --mut: #A6A6A6; --btn: transparent; --btnfg: #F2F2F2; --rad: 2px; --hl: #FFFFFF; --font: 'DM Sans', var(--sans); --leak: #FFFFFF; --grain-o: 0.6; --vig: 0.7; }
:is(.pg-layer, .bls) .bl-look--noir .mini__link { border-color: rgba(242, 242, 242, 0.7); }
:is(.pg-layer, .bls) .bl-look--noir .mini__link--hl { background: linear-gradient(#F2F2F2, #F2F2F2), var(--bg); color: #0D0D0D; }
:is(.pg-layer, .bls) .bl-look--faded-pastel { --bg: #EADFF0; --fg: #4A3F58; --mut: #665A75; --btn: rgba(255, 255, 255, 0.7); --btnfg: #4A3F58; --rad: 999px; --hl: #F4A7B9; --font: 'Nunito', var(--sans); --leak: #FFD6E0; --grain-o: 0.25; --vig: 0.12; }
:is(.pg-layer, .bls) .bl-look--faded-pastel .mini__link { border-color: rgba(255, 255, 255, 0.9); font-weight: 700; }
:is(.pg-layer, .bls) .bl-look--neon-night { --bg: #0A0F2C; --fg: #F4F0FF; --mut: #B7B0E0; --btn: rgba(255, 46, 147, 0.14); --btnfg: #FFD1EA; --rad: 10px; --hl: #00E5FF; --font: 'DM Sans', var(--sans); --leak: #FF2E93; --vig: 0.6; }
:is(.pg-layer, .bls) .bl-look--neon-night .mini__link { border-color: #FF2E93; box-shadow: 0 0 12px rgba(255, 46, 147, 0.35), inset 0 0 8px rgba(255, 46, 147, 0.25); }
:is(.pg-layer, .bls) .bl-look--neon-night .mini__link--hl { border-color: #00E5FF; color: #CFFAFF; box-shadow: 0 0 14px rgba(0, 229, 255, 0.5); }
:is(.pg-layer, .bls) .bl-look--moody-forest { --bg: #1B2A22; --fg: #EDE6D6; --mut: #B5B39C; --btn: #C98B3A; --btnfg: #17221C; --rad: 8px; --hl: #E7B566; --font: 'DM Sans', var(--sans); --leak: #E7A74A; --vig: 0.6; }
:is(.pg-layer, .bls) .bl-look--lava-lamp, :is(.pg-layer, .bls) .bl-look--deep-ocean, :is(.pg-layer, .bls) .bl-look--northern-lights, :is(.pg-layer, .bls) .bl-look--neon-flow, :is(.pg-layer, .bls) .bl-look--speed-lines, :is(.pg-layer, .bls) .bl-look--lofi-rain, :is(.pg-layer, .bls) .bl-look--warp, :is(.pg-layer, .bls) .bl-look--liquid-chrome { --bg: #111111; --fg: #FFFFFF; --mut: rgba(255, 255, 255, 0.8); --btn: rgba(255, 255, 255, 0.16); --btnfg: #FFFFFF; --rad: 14px; --hl: #FFFFFF; --font: 'DM Sans', var(--sans); }
:is(.pg-layer, .bls) .bl-look--lava-lamp .mini__link, :is(.pg-layer, .bls) .bl-look--deep-ocean .mini__link, :is(.pg-layer, .bls) .bl-look--northern-lights .mini__link, :is(.pg-layer, .bls) .bl-look--neon-flow .mini__link, :is(.pg-layer, .bls) .bl-look--speed-lines .mini__link, :is(.pg-layer, .bls) .bl-look--lofi-rain .mini__link, :is(.pg-layer, .bls) .bl-look--warp .mini__link, :is(.pg-layer, .bls) .bl-look--liquid-chrome .mini__link { border-color: rgba(255, 255, 255, 0.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
:is(.pg-layer, .bls) .bl-look--lava-lamp .mini__link--hl, :is(.pg-layer, .bls) .bl-look--deep-ocean .mini__link--hl, :is(.pg-layer, .bls) .bl-look--northern-lights .mini__link--hl, :is(.pg-layer, .bls) .bl-look--neon-flow .mini__link--hl, :is(.pg-layer, .bls) .bl-look--speed-lines .mini__link--hl, :is(.pg-layer, .bls) .bl-look--lofi-rain .mini__link--hl, :is(.pg-layer, .bls) .bl-look--warp .mini__link--hl, :is(.pg-layer, .bls) .bl-look--liquid-chrome .mini__link--hl { background: linear-gradient(#FFFFFF, #FFFFFF), var(--bg); border-color: #FFFFFF; color: #111111; }
:is(.pg-layer, .bls) .bl-look--lava-lamp .blk, :is(.pg-layer, .bls) .bl-look--deep-ocean .blk, :is(.pg-layer, .bls) .bl-look--northern-lights .blk, :is(.pg-layer, .bls) .bl-look--neon-flow .blk, :is(.pg-layer, .bls) .bl-look--speed-lines .blk, :is(.pg-layer, .bls) .bl-look--lofi-rain .blk, :is(.pg-layer, .bls) .bl-look--warp .blk, :is(.pg-layer, .bls) .bl-look--liquid-chrome .blk { background: linear-gradient(rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.28)), var(--bg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
:is(.pg-layer, .bls) .bl-look--speed-lines .mini__link { clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%); font-weight: 800; text-transform: uppercase; }
:is(.pg-layer, .bls) .bl-look--speed-lines .mini__link--hl { background: linear-gradient(#FF3B3B, #FF3B3B), var(--bg); border-color: #FF3B3B; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--lofi-rain .mini__link { border-radius: 10px; }
:is(.pg-layer, .bls) .bl-look--lofi-rain .mini__link--hl { background: linear-gradient(#FFB4A2, #FFB4A2), var(--bg); border-color: #FFB4A2; color: #2A1638; }
:is(.pg-layer, .bls) .bl-look--warp .mini__link--hl { background: linear-gradient(90deg, #A78BFA, #67E8F9); border-color: transparent; color: #0B0820; }
:is(.pg-layer, .bls) .bl-look--liquid-chrome { --bg: #E6E8EE; --fg: #0D0F14; --mut: #2B303B; --btn: rgba(255, 255, 255, 0.5); --btnfg: #0D0F14; --rad: 999px; }
:is(.pg-layer, .bls) .bl-look--liquid-chrome .mini__link { border-color: rgba(255, 255, 255, 0.8); box-shadow: inset 0 1px 0 #FFFFFF, 0 8px 20px -12px rgba(0, 0, 0, 0.5); }
:is(.pg-layer, .bls) .bl-look--liquid-chrome .mini__link--hl { background: linear-gradient(#0D0F14, #0D0F14), var(--bg); border-color: #0D0F14; color: #FFFFFF; }
:is(.pg-layer, .bls) .bl-look--liquid-chrome .blk { background: linear-gradient(rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45)), var(--bg); }