/* /m's design tokens, made by tools/build_look.py from the main app's season looks ae20e9a7, colour sets f36ac7dc and design tokens 0dbdf62d. Never edit by hand. */
:root {
  --glass: rgba(30,30,34,.6);
  --glass-2: rgba(255,255,255,.1);
  --glass-blur: blur(30px) saturate(150%);
  --glass-blur-clear: blur(22px) saturate(110%) brightness(1.1);
  --glass-hi: inset 0 1px 0 rgba(255,255,255,.26), inset 0 0 0 1px rgba(255,255,255,.075), inset 0 -1px 0 rgba(0,0,0,.18);
  --glass-ring: inset 0 0 0 .5px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.12);
  --glass-shadow: 0 12px 34px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.28);
  --fill: rgba(255,255,255,.06);
  --fill2: rgba(255,255,255,.095);
  --fill3: rgba(255,255,255,.15);
  --fill4: rgba(255,255,255,.22);
  --sep: rgba(255,255,255,.1);
  --r-card: 26px;
  --tb-gap: max(calc(var(--safe-b) - 12px), 10px);
  --tb-h: 64px;
  --minih: 76px;
  --tabh: calc(var(--tb-gap) + var(--tb-h) - var(--safe-b));
  --f-display: ui-serif, "New York", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-num: ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;
  --spring: cubic-bezier(.32,.72,0,1);
  --hair: inset 0 0 0 .5px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.09);
  --lift: 0 14px 30px -18px rgba(0,0,0,.9);
  --fb-g-fill: linear-gradient(142deg, rgba(255,255,255,.2), rgba(255,255,255,.07) 36%, rgba(255,255,255,.035) 64%, rgba(255,255,255,.1));
  --fb-g-tint: rgba(10,10,16,.27);
  --fb-g-blur: blur(22px) saturate(150%) brightness(1.05);
  --fb-g-rim: inset 0 1px 0 rgba(255,255,255,.38), inset 1px 0 0 rgba(255,255,255,.13), inset -1px 0 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.28), inset 0 0 24px -10px rgba(255,255,255,.16);
  --fb-g-drop: 0 26px 48px -24px rgba(0,0,0,.75), 0 4px 12px rgba(0,0,0,.2);
  --fb-rough-a: polygon(0.6px 8.7px, 4.3px 3.6px, 8.2px 0.7px, 13.7% 1.5px, 20.8% 2px, 26.5% 0.2px, 27% 4.9px, 27.5% 1.9px, 33.5% 0.8px, 36.9% 1.4px, 43.5% 0.5px, 48.6% 0.6px, 56.9% 0.7px, 62.4% 0px, 65.1% 0.2px, 66% 4px, 66.8% 2.2px, 74.5% 0.2px, 75.1% 4.7px, 75.7% 0.1px, 80.9% 1.4px, 85.7% 0.3px, calc(100% - 6.5px) 0.8px, calc(100% - 2.1px) 2.3px, calc(100% - 0.3px) 7.4px, calc(100% - 1.9px) 36.4%, calc(100% - 5px) 37.1%, calc(100% - 2.3px) 37.6%, calc(100% - 1.8px) 42%, calc(100% - 0.3px) 53.8%, calc(100% - 3.5px) 54.4%, calc(100% - 1.9px) 54.8%, calc(100% - 0.4px) 66.1%, calc(100% - 4.3px) 66.9%, calc(100% - 1.8px) 67.5%, calc(100% - 0.3px) calc(100% - 9.1px), calc(100% - 2.2px) calc(100% - 3.7px), calc(100% - 6.6px) calc(100% - 0.3px), 83.5% calc(100% - 0.2px), 78.2% calc(100% - 0.2px), 74.1% calc(100% - 1.4px), 66.2% calc(100% - 0.6px), 63.5% calc(100% - 1.4px), 62.7% calc(100% - 5.3px), 61.9% calc(100% - 1.2px), 57.2% calc(100% - 1.4px), 56.2% calc(100% - 4.7px), 55.5% calc(100% - 2.2px), 49.4% calc(100% - 2px), 48.8% calc(100% - 5.3px), 48.1% calc(100% - 2.3px), 43.6% calc(100% - 0.5px), 39.7% calc(100% - 2.3px), 30.7% calc(100% - 2.1px), 27.6% calc(100% - 1.4px), 21.6% calc(100% - 1px), 13.9% calc(100% - 0.2px), 6.2px calc(100% - 0.3px), 2.2px calc(100% - 5.1px), 1px calc(100% - 10.6px), 1.2px 65.9%, 5.4px 65%, 0.5px 64.4%, 2.2px 56.5%, 1.8px 47.4%, 5.6px 46.8%, 0.1px 46.4%, 0.7px 33.8%, 5.6px 33%, 0.3px 32.5%);
  --fb-rough-b: polygon(0.8px 9.2px, 4.8px 3px, 9.1px 0.6px, 14.9% 0.5px, 15.4% 4.3px, 15.8% 0.6px, 20.2% 1.9px, 26.8% 1.5px, 34% 2.2px, 39.5% 2.5px, 45.6% 0.7px, 46.7% 4.9px, 47.9% 0.5px, 51.4% 1.3px, 57.9% 2.1px, 66.6% 1.8px, 71.8% 0.4px, 78.4% 2.1px, 85.6% 1.4px, calc(100% - 8.1px) 0.6px, calc(100% - 3.6px) 2.4px, calc(100% - 0.7px) 7.4px, calc(100% - 0.8px) 37.1%, calc(100% - 2px) 43.4%, calc(100% - 1.4px) 55.1%, calc(100% - 4.6px) 55.8%, calc(100% - 1.8px) 56.5%, calc(100% - 2.2px) 62.5%, calc(100% - 6.2px) 63.2%, calc(100% - 1.5px) 63.9%, calc(100% - 0.5px) calc(100% - 6px), calc(100% - 5px) calc(100% - 1.9px), calc(100% - 9.2px) calc(100% - 0px), 83.5% calc(100% - 1.2px), 78.7% calc(100% - 0.5px), 77.7% calc(100% - 5.4px), 76.9% calc(100% - 0.3px), 70.3% calc(100% - 1.4px), 64.6% calc(100% - 0.4px), 58.8% calc(100% - 1.4px), 57.8% calc(100% - 4.9px), 56.9% calc(100% - 2.3px), 53% calc(100% - 1.2px), 45% calc(100% - 0.9px), 39.6% calc(100% - 2.3px), 34.8% calc(100% - 2.1px), 26.1% calc(100% - 2.3px), 22.1% calc(100% - 1.8px), 16.5% calc(100% - 1.1px), 8.2px calc(100% - 0.4px), 3.8px calc(100% - 3.1px), 0.5px calc(100% - 8.7px), 1.6px 64.6%, 5.8px 63.9%, 0.6px 63.1%, 2.5px 54.8%, 0.2px 44.5%, 1.5px 33.2%, 4.9px 32.4%, 1.2px 31.6%);
  --fb-rough-c: polygon(0.9px 7.2px, 4.7px 3.7px, 10.4px 0.6px, 14.9% 2px, 18.7% 1.4px, 19.5% 5.6px, 20.1% 1.6px, 25.5% 2.1px, 29.6% 1.8px, 36.1% 1.4px, 36.9% 4.5px, 37.4% 1.1px, 42.1% 0.8px, 46.6% 1.6px, 52.3% 0.5px, 58.2% 0.7px, 59% 5.4px, 59.5% 0px, 63.5% 2.1px, 70.6% 1.6px, 76.1% 0.7px, 81.2% 0.5px, 84.2% 1.4px, calc(100% - 8.4px) 0.2px, calc(100% - 3.1px) 2.4px, calc(100% - 0.3px) 7px, calc(100% - 1.4px) 32.7%, calc(100% - 4.5px) 33.4%, calc(100% - 0.1px) 34.2%, calc(100% - 0.3px) 40.2%, calc(100% - 3.8px) 41%, calc(100% - 1px) 41.8%, calc(100% - 1.3px) 47.9%, calc(100% - 1.2px) 59.4%, calc(100% - 0.6px) 65.5%, calc(100% - 5px) 66.1%, calc(100% - 1.1px) 66.7%, calc(100% - 0.1px) calc(100% - 6.8px), calc(100% - 4.3px) calc(100% - 3px), calc(100% - 11.7px) calc(100% - 0.8px), 85.9% calc(100% - 1.6px), 80.7% calc(100% - 1.9px), 75.6% calc(100% - 1.4px), 68.4% calc(100% - 2.1px), 67.6% calc(100% - 6.8px), 67% calc(100% - 2.1px), 65.2% calc(100% - 0.5px), 57.1% calc(100% - 2.2px), 52.1% calc(100% - 1.8px), 46% calc(100% - 0.8px), 41.1% calc(100% - 0.5px), 36.8% calc(100% - 1.4px), 31.3% calc(100% - 0.8px), 30.7% calc(100% - 4.5px), 30% calc(100% - 2px), 24% calc(100% - 1.3px), 22% calc(100% - 1.2px), 21.4% calc(100% - 5.8px), 20.8% calc(100% - 0.6px), 13.3% calc(100% - 0.7px), 9.4px calc(100% - 0.5px), 4.5px calc(100% - 4.3px), 0.6px calc(100% - 11.5px), 0.5px 68.1%, 3.7px 67.4%, 1.4px 66.6%, 0.2px 57.2%, 3.4px 56.4%, 0.8px 55.5%, 0px 51.8%, 1.6px 42%, 0.7px 31.3%, 5.3px 30.4%, 1.2px 29.9%);
  --fb-rough-s: polygon(0.4px 4px, 1.5px 2.1px, 4.4px 0.4px, 25.9% 0.9px, 39.9% 1.1px, 40.7% 2.8px, 41.2% 0.9px, 60.5% 0.2px, 75.4% 0.9px, calc(100% - 5.1px) 0.6px, calc(100% - 2.5px) 1.1px, calc(100% - 0.5px) 3.5px, calc(100% - 1px) 45%, calc(100% - 3.2px) 45.6%, calc(100% - 1.2px) 46%, calc(100% - 0.4px) calc(100% - 6px), calc(100% - 1.6px) calc(100% - 2.3px), calc(100% - 5.2px) calc(100% - 0.4px), 77.7% calc(100% - 0.1px), 54.9% calc(100% - 0.1px), 54.4% calc(100% - 2.4px), 53.8% calc(100% - 0.3px), 38.4% calc(100% - 0.1px), 27.4% calc(100% - 0.1px), 5.9px calc(100% - 0px), 2.6px calc(100% - 1.6px), 0px calc(100% - 4.5px), 0.2px 51.1%, 1.8px 50.6%, 1.1px 50%);
  --fb-rough-t: polygon(0.6px 5.1px, 1.9px 2.5px, 4.5px 0.3px, 31.3% 1.1px, 32.4% 2.9px, 33.1% 1.1px, 52.8% 0.1px, 74.9% 0.1px, calc(100% - 3.5px) 0.5px, calc(100% - 1.2px) 1.3px, calc(100% - 0.5px) 3.5px, calc(100% - 1.2px) 49.6%, calc(100% - 2.9px) 50.2%, calc(100% - 0.8px) 50.5%, calc(100% - 0.5px) calc(100% - 4.1px), calc(100% - 1.4px) calc(100% - 2px), calc(100% - 4px) calc(100% - 0.3px), 67.1% calc(100% - 1.1px), 66.5% calc(100% - 3.2px), 66.1% calc(100% - 1.1px), 53.3% calc(100% - 0.9px), 31.4% calc(100% - 1.1px), 4.3px calc(100% - 0.5px), 1.4px calc(100% - 1.5px), 0.1px calc(100% - 3.6px), 0.8px 43.4%, 2.7px 42.5%, 1.1px 41.7%);
  --fb-rough-top: polygon(1.4px 15.7px, 5.6px 6.4px, 10.3px 0.6px, 14.5% 2.9px, 20.5% 2.9px, 22.5% 1.6px, 23.5% 6.2px, 24.4% 0.7px, 28.1% 2px, 33.6% 2px, 38.3% 2.4px, 44.7% 2.6px, 48.8% 0.5px, 53.9% 1.7px, 59.7% 2.7px, 65.1% 1.8px, 71% 1.3px, 71.7% 5.3px, 72.1% 0.5px, 74.1% 0.7px, 81.2% 2px, 86.1% 0.2px, 87.1% 4.5px, 88.3% 1.5px, calc(100% - 15.5px) 1px, calc(100% - 4.7px) 6.4px, calc(100% - 0.4px) 13.9px, calc(100% - 1.5px) 29.7%, calc(100% - 5.7px) 30.7%, calc(100% - 2.4px) 31.4%, calc(100% - 0.9px) 39.9%, calc(100% - 5.5px) 40.7%, calc(100% - 2.2px) 41.5%, calc(100% - 2.3px) 48.9%, calc(100% - 0.1px) 57.8%, calc(100% - 4.4px) 58.3%, calc(100% - 0.7px) 58.9%, calc(100% - 0.4px) 68.7%, 100% 100%, 0 100%, 1.9px 67.5%, 7.4px 66.7%, 2.3px 65.9%, 0.2px 56.7%, 2.1px 51.7%, 6px 51.1%, 2.4px 50.4%, 2.9px 43.4%, 8.8px 42.7%, 2.1px 42%, 2.5px 35%);
  --fb-rough-d: polygon(1.2px 13.5px, 3.4px 7.3px, 11.3px 1.5px, 13.7% 2.7px, 18.9% 1.3px, 22.9% 2.8px, 23.9% 8px, 24.8% 0.4px, 28.9% 0.7px, 29.9% 5.6px, 30.6% 0.1px, 34.8% 1.1px, 41.9% 1.2px, 42.4% 5.4px, 42.8% 1.2px, 46.8% 1.5px, 53.8% 1.7px, 59.1% 2.5px, 63.2% 0.9px, 68% 0.3px, 74.1% 0.9px, 78.5% 0.6px, 86% 1.7px, calc(100% - 12.4px) 0.9px, calc(100% - 4px) 5.5px, calc(100% - 0.9px) 11.3px, calc(100% - 2.9px) 32.3%, calc(100% - 0.8px) 40.4%, calc(100% - 0.4px) 43.7%, calc(100% - 5.3px) 44.2%, calc(100% - 2.7px) 44.6%, calc(100% - 0.3px) 52.3%, calc(100% - 3px) 60.3%, calc(100% - 8.6px) 61%, calc(100% - 0.8px) 61.7%, calc(100% - 1.1px) 68.5%, calc(100% - 6.2px) 69.5%, calc(100% - 2.7px) 70.3%, calc(100% - 0.9px) calc(100% - 15.1px), calc(100% - 3.2px) calc(100% - 5.7px), calc(100% - 9px) calc(100% - 1.5px), 84.1% calc(100% - 1.9px), 79.5% calc(100% - 0.9px), 76.1% calc(100% - 2.2px), 69.4% calc(100% - 1.6px), 64.2% calc(100% - 0.9px), 58.7% calc(100% - 2.6px), 51.6% calc(100% - 0.1px), 48.4% calc(100% - 0.8px), 42.9% calc(100% - 1px), 42% calc(100% - 5.2px), 40.9% calc(100% - 0.3px), 36.9% calc(100% - 1.4px), 36.1% calc(100% - 6.7px), 35.5% calc(100% - 0.5px), 29.8% calc(100% - 2.2px), 25.9% calc(100% - 2.4px), 25.1% calc(100% - 8.1px), 24.4% calc(100% - 1.3px), 21.4% calc(100% - 1.5px), 14.9% calc(100% - 0.4px), 15px calc(100% - 0.7px), 4.8px calc(100% - 5px), 0.2px calc(100% - 9.4px), 2.2px 66.8%, 0.5px 63.5%, 4.1px 62.5%, 1.5px 61.4%, 0.1px 53.9%, 1.1px 48.4%, 1.2px 41.3%, 6.9px 40.4%, 2.9px 39.5%, 0.8px 32.6%, 6.3px 31.5%, 2.1px 30.4%);
  --fb-ice-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='4' seed='7' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .96 0 0 0 0 1 0 0 0 2.6 -1.56'/%3E %3C/filter%3E%3C/defs%3E %3Crect width='220' height='220' filter='url(%23f)'/%3E%3C/svg%3E");
  --fb-ice-grain-soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='4' seed='17' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .96 0 0 0 0 1 0 0 0 2.4 -1.62'/%3E %3C/filter%3E%3C/defs%3E %3Crect width='220' height='220' filter='url(%23f)'/%3E%3C/svg%3E");
  --fb-ice-bloom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.035' numOctaves='3' seed='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.25 -0.66'/%3E %3C/filter%3E%3C/defs%3E %3Crect width='260' height='260' filter='url(%23f)'/%3E%3C/svg%3E");
  --fb-ice-crust-t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='30'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' seed='11' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 3.4 -1.05'/%3E %3C/filter%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.38' stop-color='%23888'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='360' height='30' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E %3Crect width='360' height='30' filter='url(%23f)' mask='url(%23m)'/%3E%3C/svg%3E");
  --fb-ice-crust-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='26'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' seed='19' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 3.2 -1.1'/%3E %3C/filter%3E%3ClinearGradient id='g' x2='0' y1='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.38' stop-color='%23888'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='360' height='26' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E %3Crect width='360' height='26' filter='url(%23f)' mask='url(%23m)'/%3E%3C/svg%3E");
  --fb-ice-crust-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='360'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' seed='29' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 3.3 -1.08'/%3E %3C/filter%3E%3ClinearGradient id='g' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.38' stop-color='%23888'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='28' height='360' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E %3Crect width='28' height='360' filter='url(%23f)' mask='url(%23m)'/%3E%3C/svg%3E");
  --fb-ice-crust-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='360'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' seed='31' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 3.2 -1.12'/%3E %3C/filter%3E%3ClinearGradient id='g' x1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.38' stop-color='%23888'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='24' height='360' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E %3Crect width='24' height='360' filter='url(%23f)' mask='url(%23m)'/%3E%3C/svg%3E");
  --fb-ice-scratch-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='120'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round'%3E%3Cpath d='M100.9 76.3 l43.3 14.1' stroke-width='0.8' opacity='0.4'/%3E%3Cpath d='M33.9 29.2 l24.1 -14.7' stroke-width='0.5' opacity='0.3'/%3E%3Cpath d='M2.7 83.3 l33.1 -21.9' stroke-width='0.4' opacity='0.2'/%3E%3Cpath d='M29.3 94.3 l18.8 14.8' stroke-width='0.5' opacity='0.2'/%3E%3Cpath d='M131.7 18.9 l25 -13.5' stroke-width='0.5' opacity='0.2'/%3E%3Cpath d='M26.5 78.5 l11.4 -6.7' stroke-width='0.6' opacity='0.2'/%3E%3Cpath d='M35.5 16.9 l24.5 -11.7' stroke-width='0.8' opacity='0.3'/%3E%3Cpath d='M78.7 32.1 l18.6 -5.8' stroke-width='0.8' opacity='0.3'/%3E%3Cpath d='M48.3 50.4 l14.2 -5.3' stroke-width='0.6' opacity='0.2'/%3E%3Cpath d='M34.3 8.8 l20.6 16.3' stroke-width='0.6' opacity='0.4'/%3E%3Cpath d='M11.6 76.7 l27.4 -18.8' stroke-width='1.1' opacity='0.3'/%3E%3Cpath d='M17 22.8 l28.8 -9.2' stroke-width='0.4' opacity='0.4'/%3E%3Cpath d='M45.4 19.9 l35.2 -11.5' stroke-width='0.8' opacity='0.2'/%3E%3Cpath d='M59.1 14.3 l23.2 -6.5' stroke-width='0.5' opacity='0.5'/%3E%3Cpath d='M61.7 46.9 l29 -15.7' stroke-width='0.5' opacity='0.2'/%3E%3Cpath d='M32.5 51 l16.7 -8.3' stroke-width='1.1' opacity='0.5'/%3E%3Cpath d='M49.1 75.5 l40.4 -15.6' stroke-width='0.6' opacity='0.4'/%3E%3Cpath d='M26.8 80.2 l47.1 -30.2' stroke-width='0.4' opacity='0.3'/%3E%3Cpath d='M105.2 16.8 l36.3 -21.8' stroke-width='0.6' opacity='0.4'/%3E%3Cpath d='M112.6 33.6 l49.7 -14.5' stroke-width='0.6' opacity='0.3'/%3E%3Cpath d='M72 16 l50.8 -21.1' stroke-width='0.8' opacity='0.2'/%3E%3Cpath d='M106.1 21 l43.8 -17.7' stroke-width='0.4' opacity='0.2'/%3E%3C/g%3E%3C/svg%3E");
  --fb-ice-scratch-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='120'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' transform='rotate(180 85.0 60.0)'%3E%3Cpath d='M50.8 13.3 l9.6 -3.7' stroke-width='0.4' opacity='0.3'/%3E%3Cpath d='M127.3 67.2 l11.9 13.7' stroke-width='0.8' opacity='0.2'/%3E%3Cpath d='M22.1 10.7 l42.9 -19.6' stroke-width='0.4' opacity='0.5'/%3E%3Cpath d='M27.9 21.5 l49.2 -18.9' stroke-width='0.8' opacity='0.3'/%3E%3Cpath d='M110.1 19.2 l44.4 -27.5' stroke-width='0.8' opacity='0.2'/%3E%3Cpath d='M32.2 70.7 l51.3 -23' stroke-width='0.5' opacity='0.5'/%3E%3Cpath d='M0.7 0.8 l13.2 -5' stroke-width='0.8' opacity='0.2'/%3E%3Cpath d='M26.1 73.4 l12.3 11.7' stroke-width='0.4' opacity='0.2'/%3E%3Cpath d='M75.5 33.4 l52.3 -24.8' stroke-width='0.5' opacity='0.2'/%3E%3Cpath d='M68.7 70.7 l31.6 -15.2' stroke-width='0.6' opacity='0.2'/%3E%3Cpath d='M119.9 31.8 l40.7 -21' stroke-width='0.4' opacity='0.3'/%3E%3Cpath d='M29 21.2 l11.8 -9.1' stroke-width='1.1' opacity='0.4'/%3E%3Cpath d='M15.9 68.1 l17.6 11.6' stroke-width='0.6' opacity='0.5'/%3E%3Cpath d='M32.7 13.4 l8 8.2' stroke-width='0.6' opacity='0.5'/%3E%3Cpath d='M134.1 7 l27 -9.7' stroke-width='0.6' opacity='0.3'/%3E%3Cpath d='M65.4 26.7 l37 -27.1' stroke-width='0.8' opacity='0.3'/%3E%3Cpath d='M6.3 73.4 l41.2 -16.4' stroke-width='0.8' opacity='0.3'/%3E%3Cpath d='M30.7 26.6 l16.5 -6.7' stroke-width='0.5' opacity='0.2'/%3E%3Cpath d='M62.1 16.2 l52 -19.3' stroke-width='0.4' opacity='0.4'/%3E%3Cpath d='M24 41.8 l37.3 30.5' stroke-width='0.6' opacity='0.2'/%3E%3C/g%3E%3C/svg%3E");
  --fb-ice-scratch-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' transform='translate(120 0) scale(-1 1)'%3E%3Cpath d='M65.8 49.3 l14.8 -11.8' stroke-width='0.5' opacity='0.4'/%3E%3Cpath d='M18 5.1 l35.5 -28.8' stroke-width='1.1' opacity='0.5'/%3E%3Cpath d='M23.5 60.1 l18.7 -12.6' stroke-width='0.5' opacity='0.4'/%3E%3Cpath d='M14.9 61.2 l25.4 -17.2' stroke-width='0.6' opacity='0.4'/%3E%3Cpath d='M33.2 11.3 l32.3 22.5' stroke-width='0.8' opacity='0.3'/%3E%3Cpath d='M28.2 6.6 l18.1 14.9' stroke-width='1.1' opacity='0.2'/%3E%3Cpath d='M22.6 16.4 l48.9 -26.9' stroke-width='0.4' opacity='0.2'/%3E%3Cpath d='M47.8 18.5 l40 -21.3' stroke-width='0.6' opacity='0.2'/%3E%3Cpath d='M82 27 l12.7 10.7' stroke-width='0.8' opacity='0.2'/%3E%3Cpath d='M59.3 18.3 l20.7 -16.4' stroke-width='1.1' opacity='0.2'/%3E%3Cpath d='M14.3 5 l9.6 -6.9' stroke-width='0.4' opacity='0.3'/%3E%3Cpath d='M14.9 22.4 l34.5 26.6' stroke-width='0.4' opacity='0.2'/%3E%3C/g%3E%3C/svg%3E");
  --fb-ice-crack: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='130' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M120 48.2 L113.8 47.2 L102.4 47.8 M102.4 47.8 L96 50.7 M96 50.7 L84.5 52.1 M96 50.7 L86 55.4 L80.3 61.9 M102.4 47.8 L95.9 48.3 M95.9 48.3 L88.6 52.3 M88.6 52.3 L78.8 49.8 M88.6 52.3 L77.1 53.6 M77.1 53.6 L66.9 63.1 M77.1 53.6 L71.6 58.2 M95.9 48.3 L89.5 48.5 L82.9 49.2 L75.7 51.5 L63.2 51.5 M63.2 51.5 L51 61.3 L45.9 68.6 L37.6 84.2 M63.2 51.5' stroke='%23fff' stroke-width='1.1' opacity='.5'/%3E%3Cpath d='M120 48.2 L113.8 47.2 L102.4 47.8 M102.4 47.8 L96 50.7 M96 50.7 L84.5 52.1 M96 50.7 L86 55.4 L80.3 61.9 M102.4 47.8 L95.9 48.3 M95.9 48.3 L88.6 52.3 M88.6 52.3 L78.8 49.8 M88.6 52.3 L77.1 53.6 M77.1 53.6 L66.9 63.1 M77.1 53.6 L71.6 58.2 M95.9 48.3 L89.5 48.5 L82.9 49.2 L75.7 51.5 L63.2 51.5 M63.2 51.5 L51 61.3 L45.9 68.6 L37.6 84.2 M63.2 51.5' stroke='%23bfe6ff' stroke-width='.5' opacity='.6' transform='translate(.6 1)'/%3E%3C/svg%3E");
  --fb-smoke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cdefs%3E %3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.012 .022' numOctaves='3' seed='5' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 .86 0 0 0 0 .8 0 0 0 0 1 0 0 0 1.9 -0.86'/%3E %3C/filter%3E%3C/defs%3E %3Crect width='300' height='300' filter='url(%23f)'/%3E%3C/svg%3E");
}
:root[data-material="amber"] {
  --fb-g-fill: linear-gradient(142deg, rgba(255,216,154,.26), rgba(255,190,112,.09) 36%, rgba(255,255,255,.03) 64%, rgba(255,202,124,.14));
  --fb-g-tint: rgba(24,13,4,.28);
  --fb-g-rim: inset 0 1px 0 rgba(255,228,176,.52), inset 1px 0 0 rgba(255,220,160,.17), inset -1px 0 0 rgba(255,220,160,.06), inset 0 -1px 0 rgba(0,0,0,.3), inset 0 0 24px -10px rgba(255,200,120,.34);
}
:root[data-material="ice"] {
  --fb-g-fill: linear-gradient(142deg, rgba(236,247,255,.4), rgba(196,226,255,.15) 30%, rgba(255,255,255,.04) 54%, rgba(186,222,255,.19) 80%, rgba(240,250,255,.32));
  --fb-g-tint: rgba(7,22,42,.34);
  --fb-g-blur: blur(15px) saturate(150%) brightness(1.15);
  --fb-g-rim: inset 0 2px 0 rgba(255,255,255,.85), inset 2px 0 0 rgba(255,255,255,.42), inset -1.5px 0 0 rgba(190,225,255,.3), inset 0 -2.5px 0 rgba(140,195,240,.4), inset 0 0 30px -6px rgba(215,240,255,.6);
  --fb-ice-face: var(--fb-ice-scratch-c) right top / 120px 90px no-repeat, var(--fb-ice-scratch-b) right bottom / 136px 96px no-repeat, var(--fb-ice-crust-t) left top / 360px 19px repeat-x, var(--fb-ice-crust-b) left bottom / 360px 12px repeat-x, var(--fb-ice-crust-l) left top / 12px 360px repeat-y, var(--fb-ice-crust-r) right top / 12px 360px repeat-y, linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.1) 6px, transparent 14px), linear-gradient(0deg, rgba(214,236,255,.34), rgba(214,236,255,.07) 5px, transparent 10px), linear-gradient(90deg, rgba(255,255,255,.32), transparent 8px), linear-gradient(270deg, rgba(214,236,255,.26), transparent 8px), radial-gradient(ellipse farthest-side at 50% 50%, rgba(4,15,33,.6) 52%, rgba(4,15,33,.36) 80%, rgba(4,15,33,0) 100%), var(--fb-ice-grain-soft) 0 0 / 220px 220px, var(--fb-ice-bloom) 0 0 / 260px 260px, linear-gradient(118deg, transparent 45.4%, rgba(255,255,255,.13) 46%, transparent 47.6%), linear-gradient(62deg, transparent 67.5%, rgba(255,255,255,.08) 68%, transparent 69.4%), radial-gradient(120% 92% at 50% 126%, color-mix(in srgb, var(--fb-live) 50%, transparent), transparent 66%);
  --fb-ice-small: var(--fb-ice-crust-t) left top / 360px 12px repeat-x, var(--fb-ice-crust-b) left bottom / 360px 8px repeat-x, linear-gradient(180deg, rgba(255,255,255,.32), transparent 8px), var(--fb-ice-grain-soft) 0 0 / 220px 220px;
  --fb-ice-pill: var(--fb-ice-crust-t) left top / 360px 11px repeat-x, var(--fb-ice-crust-b) left bottom / 360px 7px repeat-x, linear-gradient(180deg, rgba(255,255,255,.34), transparent 7px), radial-gradient(ellipse farthest-side at 50% 50%, rgba(4,15,33,.5) 60%, rgba(4,15,33,.2) 100%), var(--fb-ice-grain-soft) 0 0 / 220px 220px;
  --fb-ice-words: 0 1px 2px rgba(2,12,28,.95), 0 0 9px rgba(2,12,28,.8), 0 0 20px rgba(2,12,28,.5);
  --r-card: 5px;
}
:root[data-material="portal"] {
  --fb-g-tint: rgba(6,2,14,.4);
  --fb-g-blur: blur(18px) saturate(150%) brightness(.96);
  --fb-g-rim: inset 0 0 0 1.5px color-mix(in srgb, var(--accent2) 80%, #fff), inset 0 0 20px -2px color-mix(in srgb, var(--accent2) 88%, transparent), inset 0 0 64px -18px color-mix(in srgb, var(--accent) 55%, transparent);
  --fb-g-drop: 0 0 16px -1px color-mix(in srgb, var(--accent2) 92%, transparent), 0 0 52px -6px color-mix(in srgb, var(--accent2) 62%, transparent), 0 24px 44px -24px rgba(0,0,0,.8);
  --r-card: 30px;
}