mirror of
https://github.com/ancsemi/Haven.git
synced 2026-10-29 18:15:46 +00:00
Amnibro
50a8ea1889
* Themes: Glassy Neon and seasonal themes (Christmas, Halloween, Thanksgiving) - Add themes/glassy-neon.theme.css: Tron-inspired cyberpunk glassmorphism with perspective neon floor grid, laser glow borders, and rotating identity disc. - Add themes/christmas.theme.css: Festive evergreen pine with twinkling string lights, falling snow, candy-cane borders, and glowing Christmas tree (@section Seasonal). - Add themes/halloween.theme.css: Eerie gothic midnight with drifting ghostly mist, flying witch moon, carved jack-o'-lantern, blinking black cat, and dripping toxic slime borders (@section Seasonal). - Add themes/thanksgiving.theme.css: Warm autumn harvest with tumbling fall leaves, waddling turkey watermark, harvest garland, and striped borders (@section Seasonal). - Parse optional @section and @category metadata tags in src/themeMetadata.js. - Organize theme pickers and admin settings so seasonal themes appear in a dedicated 'Seasonal' group. - Support prefers-reduced-motion in all four new themes. - Document bundled additions in GUIDE.md. * Themes: rebuild Glassy Neon and the seasonal themes as full scenes Restyle every surface of the four themes (server rail, sidebars, header, topic bar, message list, composer, buttons, inputs, scrollbars, modals, theme popup and the login page) and give each a layered, animated scene drawn with self-contained SVG data URIs. - Glassy Neon: Haven on the Grid. Opaque holo-glass panels with lit cyan and orange edge rails, circuit traces, data streams running down the rails, light-cycle trails along the header and composer, a perspective light floor that races toward the viewer, horizon ridges, a scan sweep, counter-rotating identity disc rings and glitch hover accents. - Christmas: a cozy cabin looking out on a moonlit pine forest. Plaid walls, a fireplace with stockings and flickering flames, a decorated tree with twinkling lights and presents, garland and string lights on the header, snow caps, frosted window corners and three parallax snow layers. - Halloween: a cartoony haunted night. Bats crossing a big moon, graveyard fog, a floating ghost, flickering jack-o'-lanterns, a black cat with glowing eyes and a swishing tail, a bubbling cauldron, cobwebs, a dangling spider and green goo that drips from the header and composer. - Thanksgiving: a harvest evening. Two parallax layers of falling leaves, swaying maple trees, a farmstead sunset, a leaf garland, flannel and barn-wood panels, hay bales, corn shocks, pumpkins, and two turkeys that wobble, gobble and strut. Decorations use pointer-events: none and sit behind content in negative z-index layers, the message column keeps a dark veil so message text stays above WCAG AA, animations only change transform and opacity, and prefers-reduced-motion stops every animation. Pseudo-element rules raise their specificity so the effects overlay system does not strip them. Move the seasonal-theme check into HavenThemeCompat.isSeasonalTheme so the theme bar, plugin loader and admin list share one implementation, and test it.
94 lines
66 KiB
CSS
94 lines
66 KiB
CSS
/**
|
|
* @name Christmas
|
|
* @description A cozy cabin on Christmas Eve: fire-lit plaid walls, a crackling fireplace with stockings, a twinkling decorated tree with presents, string lights and garland, frosted window edges and three layers of falling snow over a moonlit pine forest.
|
|
* @author Amnibro
|
|
* @version 2.0
|
|
* @icon 🎄
|
|
* @section Seasonal
|
|
* @haven-theme-api 1
|
|
*/
|
|
:root{--bg-primary:#0e1c30;--bg-secondary:#2a1711;--bg-tertiary:#3a2218;--bg-hover:#3f261b;--bg-active:#5e1d24;--bg-input:#1b0f0b;--bg-card:#2a1711;--accent:#d42a3c;--accent-hover:#c01f31;--accent-glow:rgba(212,42,60,.45);--accent-text:#ffffff;--text-primary:#fff8ee;--text-secondary:#ecdcc8;--text-muted:#c8b29a;--text-link:#ffd27a;--border:#4d2e21;--border-light:#6e4430;--success:#4cc777;--success-text:#06140b;--danger:#ff6b6b;--danger-text:#1a0505;--warning:#ffc84a;--warning-text:#1a1200;--led-on:#4cc777;--led-off:#5a4136;--led-glow:rgba(76,199,119,.6);--font-main:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;--font-heading:"Mountains of Christmas","Berkshire Swash","Georgia","Palatino Linotype",serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--radius:.75rem;--radius-sm:.5rem;--transition:.18s ease-out;--msg-glow:0 0 16px rgba(255,210,122,.14);--scanline:none}
|
|
html{background:#1d100b!important}body{background:transparent!important;color:var(--text-primary)}
|
|
::selection{background:rgba(212,42,60,.55);color:#fff}
|
|
*{scrollbar-color:#8c5a3c transparent;scrollbar-width:thin}
|
|
::-webkit-scrollbar{width:.55rem;height:.55rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(-45deg,#d42a3c 0 .3rem,#fff4ea .3rem .6rem);border-radius:1rem;border:2px solid transparent;background-clip:padding-box}
|
|
.server-bar{background:linear-gradient(90deg,#1d100b calc(100% - .375rem),transparent 0),repeating-linear-gradient(-45deg,#c8202f 0 .5rem,#f6efe4 .5rem 1rem)!important;border-right:0!important}
|
|
.server-icon{background:radial-gradient(circle at 35% 30%,#ff7b7b,#b5162a 62%,#7d0d1b)!important;color:#fff!important;border:0!important;box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 -3px 6px rgba(0,0,0,.25)!important;transition:transform .2s!important}
|
|
.server-icon:hover{transform:rotate(-8deg) scale(1.06)}
|
|
.server-icon.home{background:radial-gradient(circle at 35% 30%,#fff3b0,#e8b931 55%,#a87a12)!important;color:#5a2a00!important;box-shadow:0 0 14px rgba(255,210,90,.55)!important}
|
|
.sidebar,.right-sidebar{background:transparent!important;border:0!important;box-shadow:none!important}
|
|
html[data-haven-theme-api] .sidebar::before,html[data-haven-theme-api] .right-sidebar::before,html[data-haven-theme-api] .sidebar::after,html[data-haven-theme-api] .right-sidebar::after{content:""!important;position:absolute;pointer-events:none;z-index:-1}
|
|
.sidebar::before{inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 170' %3E%3Cdefs%3E%3Cpattern id='b' width='24' height='12' patternUnits='userSpaceOnUse'%3E%3Crect width='24' height='12' fill='%235a3326'/%3E%3Cpath d='M0 0H24M0 6H24M0 12H24M6 0V6M18 6V12' stroke='%233a1f17' stroke-width='1.2'/%3E%3C/pattern%3E%3CradialGradient id='g' cx='.5' cy='.85' r='.6'%3E%3Cstop offset='0' stop-color='%23ffb347' stop-opacity='.85'/%3E%3Cstop offset='1' stop-color='%23ff7a1a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='14' y='44' width='172' height='126' fill='url(%23b)'/%3E%3Crect x='6' y='34' width='188' height='14' rx='3' fill='%234a2614'/%3E%3Crect x='6' y='34' width='188' height='4' rx='2' fill='%236b3a1f'/%3E%3Cpath d='M6 34Q30 28 54 34T100 33T146 34T194 34V38H6Z' fill='%231f6b36'/%3E%3Cg fill='%23d4202f'%3E%3Ccircle cx='30' cy='33' r='3'/%3E%3Ccircle cx='78' cy='31' r='3'/%3E%3Ccircle cx='126' cy='32' r='3'/%3E%3Ccircle cx='170' cy='32' r='3'/%3E%3C/g%3E%3Cpath d='M52 170V104Q52 78 100 78Q148 78 148 104V170Z' fill='%23140806'/%3E%3Crect x='52' y='120' width='96' height='50' fill='url(%23g)'/%3E%3Cg fill='%235a3016'%3E%3Crect x='64' y='154' width='72' height='9' rx='4.5' transform='rotate(-6 100 158)'/%3E%3Crect x='66' y='156' width='70' height='9' rx='4.5' transform='rotate(7 100 160)' fill='%236e3b1b'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M28 48h14v22l10 6-4 8-20-10z' fill='%23d4202f'/%3E%3Crect x='26' y='46' width='18' height='6' fill='%23fff'/%3E%3Cpath d='M154 48h14v22l10 6-4 8-20-10z' fill='%232f8a44'/%3E%3Crect x='152' y='46' width='18' height='6' fill='%23fff'/%3E%3Cpath d='M92 48h14v22l10 6-4 8-20-10z' fill='%23f2f2f2'/%3E%3Cpath d='M92 54h14M92 62h14M92 70h14' stroke='%23d4202f' stroke-width='3'/%3E%3Crect x='90' y='46' width='18' height='6' fill='%23d4202f'/%3E%3C/g%3E%3C/svg%3E") center calc(100% - 2.75rem)/12rem auto no-repeat,radial-gradient(90% 40% at 50% 100%,rgba(255,140,40,.32),transparent 70%),repeating-linear-gradient(0deg,rgba(180,30,45,.13) 0 .75rem,transparent .75rem 2.5rem),repeating-linear-gradient(90deg,rgba(180,30,45,.13) 0 .75rem,transparent .75rem 2.5rem),repeating-linear-gradient(0deg,rgba(40,120,70,.1) 0 .125rem,transparent .125rem 1.25rem),repeating-linear-gradient(90deg,rgba(40,120,70,.1) 0 .125rem,transparent .125rem 1.25rem),linear-gradient(180deg,#2c1811,#22120c);box-shadow:inset -1px 0 0 #4d2e21,inset -10px 0 16px -10px rgba(0,0,0,.6)}
|
|
.sidebar::after{left:calc(50% - 2.1rem);bottom:3.45rem;width:4.2rem;height:3rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 50' %3E%3Cdefs%3E%3CradialGradient id='h' cx='.5' cy='1' r='.9'%3E%3Cstop offset='0' stop-color='%23ffdd73'/%3E%3Cstop offset='.5' stop-color='%23ff8a1a' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%23ff5a00' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='35' cy='50' rx='35' ry='30' fill='url(%23h)' opacity='.8'/%3E%3Cpath d='M14 50Q8 36 18 26Q18 36 24 38Q22 22 34 10Q32 26 42 32Q44 22 50 18Q50 30 56 36Q62 44 56 50Z' fill='%23ff7a1a'/%3E%3Cpath d='M22 50Q18 40 26 34Q26 42 32 42Q30 30 38 22Q38 34 46 40Q50 46 46 50Z' fill='%23ffb22e'/%3E%3Cpath d='M30 50Q28 44 33 40Q34 45 38 45Q40 47 38 50Z' fill='%23fff1a8'/%3E%3C/svg%3E") center bottom/contain no-repeat;transform-origin:50% 100%;animation:xm-fire 1.6s ease-in-out infinite alternate}
|
|
@keyframes xm-fire{0%{transform:scale(1,1);opacity:.95}30%{transform:scale(1.04,1.12);opacity:1}55%{transform:scale(.96,.92);opacity:.85}80%{transform:scale(1.03,1.06);opacity:1}100%{transform:scale(.98,.96);opacity:.9}}
|
|
.right-sidebar::before{inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 230' %3E%3Cdefs%3E%3CradialGradient id='t' cx='.5' cy='.45' r='.6'%3E%3Cstop offset='0' stop-color='%23ffd27a' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23ffd27a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='80' cy='120' rx='80' ry='110' fill='url(%23t)'/%3E%3Crect x='72' y='190' width='16' height='18' fill='%235a3016'/%3E%3Cpath d='M80 40L114 92H98L130 132H110L144 178H16L50 132H30L62 92H46Z' fill='%231b6b3a'/%3E%3Cpath d='M80 40L114 92H98L130 132H110L144 178H80Z' fill='%23145730'/%3E%3Cg fill='none' stroke='%23f2c14e' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M58 84Q80 98 106 84'/%3E%3Cpath d='M44 122Q82 140 122 120'/%3E%3Cpath d='M30 166Q80 186 134 162'/%3E%3C/g%3E%3Ccircle cx='80' cy='74' r='4.6' fill='%23e3263a'/%3E%3Ccircle cx='78.5' cy='72.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='64' cy='100' r='4.6' fill='%23ffcf4a'/%3E%3Ccircle cx='62.5' cy='98.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='98' cy='104' r='4.6' fill='%234db8ff'/%3E%3Ccircle cx='96.5' cy='102.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='54' cy='132' r='4.6' fill='%23c77dff'/%3E%3Ccircle cx='52.5' cy='130.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='84' cy='136' r='4.6' fill='%23ff8a3d'/%3E%3Ccircle cx='82.5' cy='134.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='112' cy='130' r='4.6' fill='%23e3263a'/%3E%3Ccircle cx='110.5' cy='128.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='46' cy='164' r='4.6' fill='%23ffcf4a'/%3E%3Ccircle cx='44.5' cy='162.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='76' cy='168' r='4.6' fill='%234db8ff'/%3E%3Ccircle cx='74.5' cy='166.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='106' cy='170' r='4.6' fill='%23c77dff'/%3E%3Ccircle cx='104.5' cy='168.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='124' cy='160' r='4.6' fill='%23ff8a3d'/%3E%3Ccircle cx='122.5' cy='158.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='92' cy='62' r='4.6' fill='%23e3263a'/%3E%3Ccircle cx='90.5' cy='60.4' r='1.3' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='74' cy='56' r='2' fill='%23ff3b4e' opacity='.7'/%3E%3Ccircle cx='88' cy='82' r='2' fill='%23ffd23f' opacity='.7'/%3E%3Ccircle cx='70' cy='88' r='2' fill='%233ddc84' opacity='.7'/%3E%3Ccircle cx='104' cy='92' r='2' fill='%234db8ff' opacity='.7'/%3E%3Ccircle cx='60' cy='114' r='2' fill='%23ff8a3d' opacity='.7'/%3E%3Ccircle cx='90' cy='118' r='2' fill='%23c77dff' opacity='.7'/%3E%3Ccircle cx='118' cy='116' r='2' fill='%23ff3b4e' opacity='.7'/%3E%3Ccircle cx='50' cy='146' r='2' fill='%23ffd23f' opacity='.7'/%3E%3Ccircle cx='72' cy='150' r='2' fill='%233ddc84' opacity='.7'/%3E%3Ccircle cx='100' cy='150' r='2' fill='%234db8ff' opacity='.7'/%3E%3Ccircle cx='126' cy='146' r='2' fill='%23ff8a3d' opacity='.7'/%3E%3Ccircle cx='40' cy='178' r='2' fill='%23c77dff' opacity='.7'/%3E%3Ccircle cx='64' cy='184' r='2' fill='%23ff3b4e' opacity='.7'/%3E%3Ccircle cx='92' cy='186' r='2' fill='%23ffd23f' opacity='.7'/%3E%3Ccircle cx='118' cy='182' r='2' fill='%233ddc84' opacity='.7'/%3E%3Ccircle cx='138' cy='176' r='2' fill='%234db8ff' opacity='.7'/%3E%3Cpath d='M80 18l5.3 10.8 11.9 1.7-8.6 8.4 2 11.8L80 45.1 69.4 50.7l2-11.8-8.6-8.4 11.9-1.7Z' fill='%23ffd84a' stroke='%23fff3b0' stroke-width='1'/%3E%3Cg%3E%3Crect x='14' y='190' width='42' height='34' rx='2' fill='%23d4202f'/%3E%3Crect x='31' y='190' width='8' height='34' fill='%23ffd84a'/%3E%3Crect x='14' y='203' width='42' height='8' fill='%23ffd84a'/%3E%3Cpath d='M35 190q-12-12-14-2q4 4 14 2q10 2 14-2q-2-10-14 2' fill='%23ffd84a'/%3E%3Crect x='100' y='198' width='34' height='26' rx='2' fill='%232f8a44'/%3E%3Crect x='113' y='198' width='7' height='26' fill='%23e3263a'/%3E%3Cpath d='M116 198q-10-9-12-1q4 3 12 1q8 2 12-1q-2-8-12 1' fill='%23e3263a'/%3E%3Crect x='62' y='206' width='34' height='18' rx='2' fill='%234db8ff'/%3E%3Crect x='62' y='212' width='34' height='5' fill='%23f2f7ff'/%3E%3Crect x='134' y='208' width='22' height='16' rx='2' fill='%23c77dff'/%3E%3Crect x='143' y='208' width='4' height='16' fill='%23ffd84a'/%3E%3C/g%3E%3C/svg%3E") center calc(100% - 7.25rem)/10rem auto no-repeat,radial-gradient(70% 35% at 50% 75%,rgba(255,200,110,.16),transparent 70%),repeating-linear-gradient(90deg,rgba(255,236,210,.035) 0 2px,transparent 2px 1.5rem),linear-gradient(180deg,#2c1811,#22120c);box-shadow:inset 1px 0 0 #4d2e21,inset 10px 0 16px -10px rgba(0,0,0,.6)}
|
|
.right-sidebar::after{left:calc(50% - 5rem);bottom:7.25rem;width:10rem;height:14.375rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 230' %3E%3Ccircle cx='74' cy='56' r='6' fill='%23ff3b4e' opacity='.4'/%3E%3Ccircle cx='74' cy='56' r='2.4' fill='%23ff3b4e'/%3E%3Ccircle cx='74' cy='56' r='1' fill='%23fff'/%3E%3Ccircle cx='70' cy='88' r='6' fill='%233ddc84' opacity='.4'/%3E%3Ccircle cx='70' cy='88' r='2.4' fill='%233ddc84'/%3E%3Ccircle cx='70' cy='88' r='1' fill='%23fff'/%3E%3Ccircle cx='60' cy='114' r='6' fill='%23ff8a3d' opacity='.4'/%3E%3Ccircle cx='60' cy='114' r='2.4' fill='%23ff8a3d'/%3E%3Ccircle cx='60' cy='114' r='1' fill='%23fff'/%3E%3Ccircle cx='118' cy='116' r='6' fill='%23ff3b4e' opacity='.4'/%3E%3Ccircle cx='118' cy='116' r='2.4' fill='%23ff3b4e'/%3E%3Ccircle cx='118' cy='116' r='1' fill='%23fff'/%3E%3Ccircle cx='72' cy='150' r='6' fill='%233ddc84' opacity='.4'/%3E%3Ccircle cx='72' cy='150' r='2.4' fill='%233ddc84'/%3E%3Ccircle cx='72' cy='150' r='1' fill='%23fff'/%3E%3Ccircle cx='126' cy='146' r='6' fill='%23ff8a3d' opacity='.4'/%3E%3Ccircle cx='126' cy='146' r='2.4' fill='%23ff8a3d'/%3E%3Ccircle cx='126' cy='146' r='1' fill='%23fff'/%3E%3Ccircle cx='64' cy='184' r='6' fill='%23ff3b4e' opacity='.4'/%3E%3Ccircle cx='64' cy='184' r='2.4' fill='%23ff3b4e'/%3E%3Ccircle cx='64' cy='184' r='1' fill='%23fff'/%3E%3Ccircle cx='118' cy='182' r='6' fill='%233ddc84' opacity='.4'/%3E%3Ccircle cx='118' cy='182' r='2.4' fill='%233ddc84'/%3E%3Ccircle cx='118' cy='182' r='1' fill='%23fff'/%3E%3Ccircle cx='80' cy='34' r='14' fill='%23ffe680' opacity='.35'/%3E%3C/svg%3E") center/contain no-repeat;animation:xm-twinkle 1.4s ease-in-out infinite alternate}
|
|
@keyframes xm-twinkle{0%{opacity:.25}60%{opacity:1}100%{opacity:.7}}
|
|
.brand-text{font-family:var(--font-heading)!important;color:#ffe3a3!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:0 0 10px rgba(255,190,90,.6),0 2px 0 #7a1420!important;letter-spacing:.06em!important}
|
|
.user-bar{position:relative;background:linear-gradient(180deg,#4a2a1b,#38200f)!important;border:1px solid #6e4430!important;border-radius:var(--radius)!important;box-shadow:0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,220,170,.12)!important}
|
|
html[data-haven-theme-api] .user-bar::before{content:""!important;position:absolute;left:-2px;right:-2px;top:-.5rem;height:.85rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' preserveAspectRatio='none'%3E%3Cpath d='M0 12Q8 2 18 8T36 6T56 9T76 5T96 8T120 6V20H0Z' fill='%23f4f9ff'/%3E%3Cpath d='M0 14Q30 10 60 14T120 13V16H0Z' fill='%23cfe0f2'/%3E%3Cpath d='M14 16l3 4 3-4M44 16l2 3 2-3M70 16l3 5 3-5M98 16l2 3 2-3' fill='%23e8f4ff'/%3E%3C/svg%3E") 0 0/5rem 100% repeat-x;pointer-events:none}
|
|
.section-label{color:#ffd27a!important;letter-spacing:.14em!important;text-shadow:0 1px 0 rgba(0,0,0,.5)}
|
|
.channel-item .channel-name,.channel-item,.section-label{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.75)}
|
|
.channel-item{border-radius:var(--radius-sm)!important;transition:background .18s,box-shadow .18s,transform .18s!important}
|
|
.channel-item:hover{background:linear-gradient(90deg,rgba(255,210,122,.14),rgba(255,210,122,.03))!important;transform:translateX(2px)}
|
|
.channel-item.active{background:linear-gradient(90deg,rgba(212,42,60,.6),rgba(212,42,60,.14))!important;box-shadow:inset 3px 0 0 #ffd27a,0 2px 10px rgba(0,0,0,.3)!important}
|
|
.channel-item.active .channel-name{color:#fff!important}
|
|
.channel-item.active::before{background:#ffd27a!important}
|
|
.input-row input,.sidebar input[type="text"],.sidebar select,.right-sidebar input{background:rgba(20,10,6,.85)!important;border:1px solid #6e4430!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important}
|
|
input:focus,select:focus,textarea:focus{outline:none;border-color:#ffd27a!important;box-shadow:0 0 0 3px rgba(255,210,122,.25)!important}
|
|
.sidebar-bottom{background:linear-gradient(180deg,#3a2014,#2a170e)!important;border-top:3px solid #4a2614!important;box-shadow:0 -1px 0 #6b3a1f!important}
|
|
.main{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='f' cx='0' cy='0' r='1'%3E%3Cstop offset='0' stop-color='%23f4fbff' stop-opacity='.55'/%3E%3Cstop offset='.6' stop-color='%23d9eeff' stop-opacity='.12'/%3E%3Cstop offset='1' stop-color='%23d9eeff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23f)'/%3E%3Cg stroke='%23eaf6ff' stroke-linecap='round' fill='none'%3E%3Cpath d='M0 0L120 40M0 0L90 90M0 0L40 120M0 0L150 6M0 0L6 150' stroke-width='2' opacity='.7'/%3E%3Cpath d='M40 13l12-14M70 23l10-18M100 33l6-16M30 30l18-4M30 30l-4 18M60 60l22-4M60 60l-4 22M13 40l-14 12M23 70l-18 10M33 100l-16 6M50 2l8-10M100 4l8-10M2 50l-10 8M4 100l-10 8' stroke-width='1.4' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") left top/12rem 12rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='f' cx='0' cy='0' r='1'%3E%3Cstop offset='0' stop-color='%23f4fbff' stop-opacity='.55'/%3E%3Cstop offset='.6' stop-color='%23d9eeff' stop-opacity='.12'/%3E%3Cstop offset='1' stop-color='%23d9eeff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(200 0) scale(-1 1)'%3E%3Crect width='200' height='200' fill='url(%23f)'/%3E%3Cg stroke='%23eaf6ff' stroke-linecap='round' fill='none'%3E%3Cpath d='M0 0L120 40M0 0L90 90M0 0L40 120M0 0L150 6M0 0L6 150' stroke-width='2' opacity='.7'/%3E%3Cpath d='M40 13l12-14M70 23l10-18M100 33l6-16M30 30l18-4M30 30l-4 18M60 60l22-4M60 60l-4 22M13 40l-14 12M23 70l-18 10M33 100l-16 6M50 2l8-10M100 4l8-10M2 50l-10 8M4 100l-10 8' stroke-width='1.4' opacity='.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right top/12rem 12rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' %3E%3Cdefs%3E%3CradialGradient id='w'%3E%3Cstop offset='0' stop-color='%23ffd27a' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23ff9d3a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='80' cy='78' r='58' fill='url(%23w)' opacity='.55'/%3E%3Crect x='104' y='22' width='12' height='30' fill='%233a2418'/%3E%3Cpath d='M100 18q6-10 0-18q10 6 4 18' fill='%23c9d6e6' opacity='.35'/%3E%3Cpath d='M30 60L80 26L130 60Z' fill='%232b1a12'/%3E%3Cpath d='M24 62L80 22L136 62L130 64L80 30L30 64Z' fill='%23f2f7ff'/%3E%3Crect x='38' y='60' width='84' height='46' fill='%233e2416'/%3E%3Cg fill='%234c2c1b'%3E%3Crect x='38' y='68' width='84' height='3'/%3E%3Crect x='38' y='80' width='84' height='3'/%3E%3Crect x='38' y='92' width='84' height='3'/%3E%3C/g%3E%3Crect x='50' y='72' width='22' height='18' rx='2' fill='%23ffcf6b'/%3E%3Crect x='88' y='72' width='22' height='18' rx='2' fill='%23ffcf6b'/%3E%3Cpath d='M61 72v18M50 81h22M99 72v18M88 81h22' stroke='%237a4a20' stroke-width='2'/%3E%3Cpath d='M30 104h100q6 0 6 6v4H24v-4q0-6 6-6Z' fill='%23f2f7ff'/%3E%3C/svg%3E") left 86% bottom 4.55rem/6.5rem auto no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' %3E%3Cpath d='M0 118Q150 96 300 112T600 110V180H0Z' fill='%235d7a99'/%3E%3Cpath d='M10 72.3L23.1 96H-3.1Z' fill='%23173548'/%3E%3Cpath d='M10 72.3L15.9 83Q10 79.6 4.1 83Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M10 87L29 110.7H-9Z' fill='%23173548'/%3E%3Cpath d='M10 87L18.6 97.7Q10 94.3 1.4 97.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M10 101.7L35 125.5H-15Z' fill='%23173548'/%3E%3Cpath d='M10 101.7L21.2 112.4Q10 109 -1.2 112.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='7.7' y='125.5' width='4.5' height='4.5' fill='%232a1a12'/%3E%3Cpath d='M68.4 77.2L80.3 98.7H56.6Z' fill='%23173548'/%3E%3Cpath d='M68.4 77.2L73.8 86.9Q68.4 83.8 63.1 86.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M68.4 90.5L85.7 112H51.2Z' fill='%23173548'/%3E%3Cpath d='M68.4 90.5L76.2 100.2Q68.4 97.1 60.7 100.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M68.4 103.8L91 125.3H45.8Z' fill='%23173548'/%3E%3Cpath d='M68.4 103.8L78.6 113.5Q68.4 110.5 58.3 113.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='66.4' y='125.3' width='4.1' height='4.1' fill='%232a1a12'/%3E%3Cpath d='M114.7 86.9L124.8 105.3H104.6Z' fill='%23173548'/%3E%3Cpath d='M114.7 86.9L119.3 95.2Q114.7 92.6 110.2 95.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M114.7 98.3L129.4 116.6H100Z' fill='%23173548'/%3E%3Cpath d='M114.7 98.3L121.3 106.6Q114.7 103.9 108.1 106.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M114.7 109.6L134 128H95.5Z' fill='%23173548'/%3E%3Cpath d='M114.7 109.6L123.4 117.9Q114.7 115.3 106.1 117.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='113' y='128' width='3.5' height='3.5' fill='%232a1a12'/%3E%3Cpath d='M167.3 83.5L177.7 102.5H156.8Z' fill='%23173548'/%3E%3Cpath d='M167.3 83.5L172 92.1Q167.3 89.4 162.6 92.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M167.3 95.2L182.5 114.2H152.1Z' fill='%23173548'/%3E%3Cpath d='M167.3 95.2L174.1 103.8Q167.3 101.1 160.4 103.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M167.3 107L187.2 126H147.3Z' fill='%23173548'/%3E%3Cpath d='M167.3 107L176.3 115.6Q167.3 112.9 158.3 115.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='165.5' y='126' width='3.6' height='3.6' fill='%232a1a12'/%3E%3Cpath d='M224.7 72.4L238.6 97.6H210.9Z' fill='%23173548'/%3E%3Cpath d='M224.7 72.4L231 83.8Q224.7 80.2 218.5 83.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M224.7 88L244.9 113.2H204.6Z' fill='%23173548'/%3E%3Cpath d='M224.7 88L233.8 99.4Q224.7 95.8 215.7 99.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M224.7 103.6L251.2 128.8H198.3Z' fill='%23173548'/%3E%3Cpath d='M224.7 103.6L236.6 115Q224.7 111.4 212.8 115Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='222.3' y='128.8' width='4.8' height='4.8' fill='%232a1a12'/%3E%3Cpath d='M272.2 66.6L286.7 93H257.7Z' fill='%23173548'/%3E%3Cpath d='M272.2 66.6L278.7 78.5Q272.2 74.8 265.6 78.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M272.2 82.9L293.3 109.3H251.1Z' fill='%23173548'/%3E%3Cpath d='M272.2 82.9L281.7 94.9Q272.2 91.1 262.7 94.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M272.2 99.3L299.8 125.6H244.5Z' fill='%23173548'/%3E%3Cpath d='M272.2 99.3L284.6 111.2Q272.2 107.4 259.7 111.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='269.6' y='125.6' width='5' height='5' fill='%232a1a12'/%3E%3Cpath d='M331 68.3L345 93.8H317Z' fill='%23173548'/%3E%3Cpath d='M331 68.3L337.3 79.8Q331 76.2 324.7 79.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M331 84.1L351.3 109.5H310.6Z' fill='%23173548'/%3E%3Cpath d='M331 84.1L340.1 95.6Q331 92 321.8 95.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M331 99.8L357.7 125.3H304.2Z' fill='%23173548'/%3E%3Cpath d='M331 99.8L343 111.4Q331 107.7 318.9 111.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='328.5' y='125.3' width='4.9' height='4.9' fill='%232a1a12'/%3E%3Cpath d='M373.2 65.8L387.7 92.2H358.7Z' fill='%23173548'/%3E%3Cpath d='M373.2 65.8L379.7 77.7Q373.2 74 366.7 77.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M373.2 82.1L394.3 108.5H352.1Z' fill='%23173548'/%3E%3Cpath d='M373.2 82.1L382.7 94.1Q373.2 90.3 363.7 94.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M373.2 98.4L400.9 124.8H345.5Z' fill='%23173548'/%3E%3Cpath d='M373.2 98.4L385.7 110.4Q373.2 106.6 360.8 110.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='370.7' y='124.8' width='5' height='5' fill='%232a1a12'/%3E%3Cpath d='M418.8 73.3L432.7 98.6H404.9Z' fill='%23173548'/%3E%3Cpath d='M418.8 73.3L425.1 84.8Q418.8 81.2 412.6 84.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M418.8 89L439.1 114.3H398.6Z' fill='%23173548'/%3E%3Cpath d='M418.8 89L427.9 100.4Q418.8 96.8 409.7 100.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M418.8 104.7L445.4 130H392.3Z' fill='%23173548'/%3E%3Cpath d='M418.8 104.7L430.8 116.1Q418.8 112.5 406.9 116.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='416.4' y='130' width='4.8' height='4.8' fill='%232a1a12'/%3E%3Cpath d='M461.7 70.9L476.1 96.9H447.4Z' fill='%23173548'/%3E%3Cpath d='M461.7 70.9L468.2 82.7Q461.7 78.9 455.3 82.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M461.7 87L482.6 113.1H440.9Z' fill='%23173548'/%3E%3Cpath d='M461.7 87L471.1 98.8Q461.7 95.1 452.4 98.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M461.7 103.1L489.1 129.2H434.4Z' fill='%23173548'/%3E%3Cpath d='M461.7 103.1L474.1 114.9Q461.7 111.2 449.4 114.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='459.3' y='129.2' width='5' height='5' fill='%232a1a12'/%3E%3Cpath d='M508.9 69.9L522.6 94.7H495.3Z' fill='%23173548'/%3E%3Cpath d='M508.9 69.9L515.1 81.2Q508.9 77.6 502.8 81.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M508.9 85.3L528.8 110.1H489.1Z' fill='%23173548'/%3E%3Cpath d='M508.9 85.3L517.8 96.5Q508.9 93 500 96.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M508.9 100.6L535 125.4H482.9Z' fill='%23173548'/%3E%3Cpath d='M508.9 100.6L520.6 111.9Q508.9 108.3 497.2 111.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='506.6' y='125.4' width='4.7' height='4.7' fill='%232a1a12'/%3E%3Cpath d='M564.7 70.1L579.4 96.8H550.1Z' fill='%23173548'/%3E%3Cpath d='M564.7 70.1L571.4 82.2Q564.7 78.4 558.1 82.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M564.7 86.6L586.1 113.3H543.4Z' fill='%23173548'/%3E%3Cpath d='M564.7 86.6L574.4 98.7Q564.7 94.9 555.1 98.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M564.7 103.2L592.8 129.9H536.7Z' fill='%23173548'/%3E%3Cpath d='M564.7 103.2L577.4 115.3Q564.7 111.4 552.1 115.3Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='562.2' y='129.9' width='5.1' height='5.1' fill='%232a1a12'/%3E%3Cpath d='M0 150Q160 132 320 146T600 144V180H0Z' fill='%23b9cde3'/%3E%3Cpath d='M0 83.5L20 119.8H-20Z' fill='%230c2621'/%3E%3Cpath d='M0 83.5L9 99.9Q0 94.8 -9 99.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M0 106L29.1 142.3H-29.1Z' fill='%230c2621'/%3E%3Cpath d='M0 106L13.1 122.4Q0 117.2 -13.1 122.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M0 128.5L38.1 164.8H-38.1Z' fill='%230c2621'/%3E%3Cpath d='M0 128.5L17.2 144.9Q0 139.7 -17.2 144.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='-3.5' y='164.8' width='6.9' height='6.9' fill='%232a1a12'/%3E%3Cpath d='M69.5 85.5L89 121H50Z' fill='%230c2621'/%3E%3Cpath d='M69.5 85.5L78.3 101.5Q69.5 96.5 60.7 101.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M69.5 107.5L97.9 143H41.1Z' fill='%230c2621'/%3E%3Cpath d='M69.5 107.5L82.3 123.5Q69.5 118.4 56.7 123.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M69.5 129.4L106.8 164.9H32.2Z' fill='%230c2621'/%3E%3Cpath d='M69.5 129.4L86.3 145.5Q69.5 140.4 52.7 145.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='66.1' y='164.9' width='6.8' height='6.8' fill='%232a1a12'/%3E%3Cpath d='M156.4 90.1L174.8 123.6H137.9Z' fill='%230c2621'/%3E%3Cpath d='M156.4 90.1L164.7 105.2Q156.4 100.5 148.1 105.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M156.4 110.8L183.2 144.4H129.5Z' fill='%230c2621'/%3E%3Cpath d='M156.4 110.8L168.5 126Q156.4 121.2 144.3 126Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M156.4 131.6L191.6 165.2H121.1Z' fill='%230c2621'/%3E%3Cpath d='M156.4 131.6L172.2 146.8Q156.4 142 140.5 146.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='153.2' y='165.2' width='6.4' height='6.4' fill='%232a1a12'/%3E%3Cpath d='M221.4 63.5L246 108.2H196.8Z' fill='%230c2621'/%3E%3Cpath d='M221.4 63.5L232.4 83.7Q221.4 77.3 210.3 83.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M221.4 91.2L257.2 135.9H185.6Z' fill='%230c2621'/%3E%3Cpath d='M221.4 91.2L237.5 111.4Q221.4 105 205.3 111.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M221.4 118.9L268.3 163.6H174.4Z' fill='%230c2621'/%3E%3Cpath d='M221.4 118.9L242.5 139.1Q221.4 132.7 200.2 139.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='217.1' y='163.6' width='8.5' height='8.5' fill='%232a1a12'/%3E%3Cpath d='M285 99.8L301.2 129.3H268.8Z' fill='%230c2621'/%3E%3Cpath d='M285 99.8L292.3 113.1Q285 108.9 277.7 113.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M285 118L308.6 147.5H261.4Z' fill='%230c2621'/%3E%3Cpath d='M285 118L295.6 131.4Q285 127.2 274.4 131.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M285 136.3L316 165.8H254Z' fill='%230c2621'/%3E%3Cpath d='M285 136.3L298.9 149.6Q285 145.4 271.1 149.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='282.2' y='165.8' width='5.6' height='5.6' fill='%232a1a12'/%3E%3Cpath d='M361.9 65.7L386 109.5H337.8Z' fill='%230c2621'/%3E%3Cpath d='M361.9 65.7L372.7 85.5Q361.9 79.2 351.1 85.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M361.9 92.8L396.9 136.6H326.8Z' fill='%230c2621'/%3E%3Cpath d='M361.9 92.8L377.7 112.6Q361.9 106.4 346.1 112.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M361.9 119.9L407.9 163.7H315.9Z' fill='%230c2621'/%3E%3Cpath d='M361.9 119.9L382.6 139.7Q361.9 133.5 341.2 139.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='357.7' y='163.7' width='8.3' height='8.3' fill='%232a1a12'/%3E%3Cpath d='M423.6 74.5L445.7 114.6H401.6Z' fill='%230c2621'/%3E%3Cpath d='M423.6 74.5L433.6 92.6Q423.6 86.9 413.7 92.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M423.6 99.3L455.7 139.4H391.6Z' fill='%230c2621'/%3E%3Cpath d='M423.6 99.3L438.1 117.5Q423.6 111.7 409.2 117.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M423.6 124.2L465.8 164.3H381.5Z' fill='%230c2621'/%3E%3Cpath d='M423.6 124.2L442.6 142.3Q423.6 136.6 404.7 142.3Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='419.8' y='164.3' width='7.6' height='7.6' fill='%232a1a12'/%3E%3Cpath d='M506 90L524.5 123.6H487.5Z' fill='%230c2621'/%3E%3Cpath d='M506 90L514.3 105.2Q506 100.4 497.7 105.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M506 110.8L532.9 144.4H479.1Z' fill='%230c2621'/%3E%3Cpath d='M506 110.8L518.1 126Q506 121.2 493.9 126Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M506 131.6L541.3 165.2H470.7Z' fill='%230c2621'/%3E%3Cpath d='M506 131.6L521.9 146.8Q506 142 490.1 146.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='502.8' y='165.2' width='6.4' height='6.4' fill='%232a1a12'/%3E%3Cpath d='M601.1 76.5L622.7 115.8H579.5Z' fill='%230c2621'/%3E%3Cpath d='M601.1 76.5L610.8 94.3Q601.1 88.7 591.4 94.3Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M601.1 100.8L632.5 140.1H569.7Z' fill='%230c2621'/%3E%3Cpath d='M601.1 100.8L615.3 118.6Q601.1 113 587 118.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M601.1 125.1L642.3 164.4H559.9Z' fill='%230c2621'/%3E%3Cpath d='M601.1 125.1L619.7 142.9Q601.1 137.3 582.6 142.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='597.4' y='164.4' width='7.5' height='7.5' fill='%232a1a12'/%3E%3Cpath d='M0 168Q150 160 300 166T600 165V180H0Z' fill='%23dbe8f6'/%3E%3C/svg%3E") left 0 bottom 4.25rem/26.67rem 8rem repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' %3E%3Cdefs%3E%3CradialGradient id='m'%3E%3Cstop offset='0' stop-color='%23fffbe6'/%3E%3Cstop offset='.38' stop-color='%23fff6d6'/%3E%3Cstop offset='.42' stop-color='%23fff0c0' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23fff0c0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='60' fill='url(%23m)'/%3E%3Ccircle cx='52' cy='54' r='5' fill='%23efe3bd' opacity='.6'/%3E%3Ccircle cx='68' cy='66' r='3.5' fill='%23efe3bd' opacity='.5'/%3E%3C/svg%3E") calc(100% - 3rem) 3.5rem/9rem 9rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200' %3E%3Cg fill='%23fff'%3E%3Ccircle cx='105.6' cy='4.1' r='1.1' opacity='0.41'/%3E%3Ccircle cx='202.9' cy='88' r='1' opacity='0.79'/%3E%3Ccircle cx='63.7' cy='186.9' r='0.9' opacity='0.75'/%3E%3Ccircle cx='234.1' cy='176.3' r='0.5' opacity='0.79'/%3E%3Ccircle cx='221' cy='82.7' r='0.8' opacity='0.44'/%3E%3Ccircle cx='160' cy='94.4' r='1.1' opacity='0.43'/%3E%3Ccircle cx='188' cy='86.8' r='1' opacity='0.55'/%3E%3Ccircle cx='244.8' cy='89' r='0.7' opacity='0.41'/%3E%3Ccircle cx='176.3' cy='30.4' r='1.1' opacity='0.69'/%3E%3Ccircle cx='41.7' cy='154.4' r='1.2' opacity='0.40'/%3E%3Ccircle cx='174.2' cy='70.5' r='1' opacity='0.46'/%3E%3Ccircle cx='233.1' cy='107.9' r='0.7' opacity='0.45'/%3E%3Ccircle cx='64.1' cy='41.9' r='1.1' opacity='0.75'/%3E%3Ccircle cx='212.3' cy='142.9' r='1' opacity='0.63'/%3E%3Ccircle cx='228.2' cy='183.9' r='0.6' opacity='0.74'/%3E%3Ccircle cx='198.3' cy='176.5' r='1' opacity='0.31'/%3E%3C/g%3E%3C/svg%3E") 0 0/16rem auto repeat,radial-gradient(70% 45% at 50% 100%,rgba(120,160,220,.25),transparent 70%),linear-gradient(180deg,#081325,#12274a 70%,#2b4a78)!important}
|
|
html[data-haven-theme-api] .main::before,html[data-haven-theme-api] .main::after,html[data-haven-theme-api] .message-area::before,html[data-haven-theme-api] .message-area::after{content:""!important;position:absolute;pointer-events:none;z-index:-1}
|
|
.main::before{left:0;right:0;top:-18.75rem;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' %3E%3Cg fill='%23fff'%3E%3Ccircle cx='235.4' cy='206.7' r='1.6' opacity='0.42'/%3E%3Ccircle cx='199.4' cy='56.7' r='1' opacity='0.46'/%3E%3Ccircle cx='13.2' cy='239' r='1.4' opacity='0.60'/%3E%3Ccircle cx='7.7' cy='228.7' r='1.4' opacity='0.45'/%3E%3Ccircle cx='129.2' cy='289.4' r='1.2' opacity='0.65'/%3E%3Ccircle cx='178.6' cy='96.2' r='1' opacity='0.56'/%3E%3Ccircle cx='49.2' cy='242.6' r='1.1' opacity='0.59'/%3E%3Ccircle cx='207' cy='98.8' r='1.1' opacity='0.63'/%3E%3Ccircle cx='158' cy='167.2' r='1.3' opacity='0.70'/%3E%3Ccircle cx='219.4' cy='282.4' r='1.2' opacity='0.69'/%3E%3Ccircle cx='72.9' cy='52.2' r='0.9' opacity='0.59'/%3E%3Ccircle cx='190.1' cy='284.1' r='1.6' opacity='0.35'/%3E%3Ccircle cx='179.2' cy='296' r='1' opacity='0.68'/%3E%3Ccircle cx='247.7' cy='173.5' r='1.4' opacity='0.45'/%3E%3Ccircle cx='27.7' cy='256.5' r='1.5' opacity='0.64'/%3E%3Ccircle cx='152.5' cy='274' r='1' opacity='0.75'/%3E%3Ccircle cx='229.7' cy='102.6' r='0.9' opacity='0.69'/%3E%3Ccircle cx='264.3' cy='231' r='0.9' opacity='0.58'/%3E%3Ccircle cx='99.1' cy='287.6' r='1.3' opacity='0.52'/%3E%3Ccircle cx='274.2' cy='297.9' r='0.8' opacity='0.64'/%3E%3Ccircle cx='162.3' cy='274' r='1.5' opacity='0.73'/%3E%3Ccircle cx='71.1' cy='74.3' r='0.9' opacity='0.52'/%3E%3Ccircle cx='169.8' cy='117' r='1.2' opacity='0.49'/%3E%3Ccircle cx='14' cy='25.6' r='1.4' opacity='0.71'/%3E%3Ccircle cx='46.1' cy='251.5' r='1.2' opacity='0.71'/%3E%3Ccircle cx='112.1' cy='171.8' r='1.7' opacity='0.57'/%3E%3Ccircle cx='216.4' cy='77.2' r='1.2' opacity='0.59'/%3E%3Ccircle cx='190' cy='170.3' r='1.2' opacity='0.61'/%3E%3Ccircle cx='212.6' cy='259.6' r='1.3' opacity='0.61'/%3E%3Ccircle cx='31.8' cy='137.6' r='1.1' opacity='0.38'/%3E%3Ccircle cx='132.8' cy='37.4' r='1.3' opacity='0.41'/%3E%3Ccircle cx='131.9' cy='37.8' r='1' opacity='0.67'/%3E%3Ccircle cx='3.2' cy='171.6' r='1.1' opacity='0.45'/%3E%3Ccircle cx='207.6' cy='165.1' r='0.9' opacity='0.45'/%3E%3Ccircle cx='203' cy='129' r='1.3' opacity='0.60'/%3E%3Ccircle cx='256.2' cy='114.4' r='1.4' opacity='0.72'/%3E%3Ccircle cx='284.6' cy='97.2' r='1.6' opacity='0.53'/%3E%3Ccircle cx='258.1' cy='182.1' r='1.6' opacity='0.50'/%3E%3Ccircle cx='222' cy='114.2' r='1.5' opacity='0.69'/%3E%3Ccircle cx='212.2' cy='79.4' r='1.6' opacity='0.56'/%3E%3Ccircle cx='228' cy='81.7' r='1.4' opacity='0.52'/%3E%3Ccircle cx='249.2' cy='191' r='1.6' opacity='0.37'/%3E%3Ccircle cx='157.7' cy='41.7' r='1.7' opacity='0.58'/%3E%3Ccircle cx='204.4' cy='290.1' r='1.6' opacity='0.46'/%3E%3Ccircle cx='217.8' cy='102.8' r='1.4' opacity='0.41'/%3E%3Ccircle cx='142.9' cy='30.8' r='0.8' opacity='0.36'/%3E%3C/g%3E%3C/svg%3E") 0 0/18.75rem 18.75rem repeat;animation:xm-snow-far 26s linear infinite;will-change:transform}
|
|
@keyframes xm-snow-far{to{transform:translateY(18.75rem)}}
|
|
.main::after{left:0;right:0;top:-27.5rem;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 440' %3E%3Cdefs%3E%3CradialGradient id='s'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.55' stop-color='%23fff' stop-opacity='.85'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='281.1' cy='190.4' r='5.5' fill='url(%23s)'/%3E%3Ccircle cx='61.3' cy='24.3' r='5.2' fill='url(%23s)'/%3E%3Ccircle cx='216.9' cy='353.7' r='3.8' fill='url(%23s)'/%3E%3Ccircle cx='194.7' cy='54.6' r='3.3' fill='url(%23s)'/%3E%3Ccircle cx='192.3' cy='59.5' r='3.6' fill='url(%23s)'/%3E%3Ccircle cx='437.3' cy='85.1' r='4.2' fill='url(%23s)'/%3E%3Ccircle cx='100.5' cy='92.6' r='4.4' fill='url(%23s)'/%3E%3Ccircle cx='303' cy='85.6' r='5.2' fill='url(%23s)'/%3E%3Ccircle cx='160.9' cy='368.4' r='5.5' fill='url(%23s)'/%3E%3Cg transform='translate(376.4 311.3) scale(0.74)' opacity='0.77' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' fill='none'%3E%3Cpath d='M0-10V10M-8.7-5L8.7 5M-8.7 5L8.7-5M0-10l-3-3M0-10l3-3M0 10l-3 3M0 10l3 3M-8.7-5l-.9-4.1M-8.7-5l-4 1.2M8.7 5l.9 4.1M8.7 5l4-1.2M-8.7 5l-4-1.2M-8.7 5l-.9 4.1M8.7-5l4 1.2M8.7-5l.9-4.1'/%3E%3C/g%3E%3Cg transform='translate(269.9 201) scale(0.67)' opacity='0.77' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' fill='none'%3E%3Cpath d='M0-10V10M-8.7-5L8.7 5M-8.7 5L8.7-5M0-10l-3-3M0-10l3-3M0 10l-3 3M0 10l3 3M-8.7-5l-.9-4.1M-8.7-5l-4 1.2M8.7 5l.9 4.1M8.7 5l4-1.2M-8.7 5l-4-1.2M-8.7 5l-.9 4.1M8.7-5l4 1.2M8.7-5l.9-4.1'/%3E%3C/g%3E%3Cg transform='translate(85.2 402.1) scale(0.61)' opacity='0.89' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' fill='none'%3E%3Cpath d='M0-10V10M-8.7-5L8.7 5M-8.7 5L8.7-5M0-10l-3-3M0-10l3-3M0 10l-3 3M0 10l3 3M-8.7-5l-.9-4.1M-8.7-5l-4 1.2M8.7 5l.9 4.1M8.7 5l4-1.2M-8.7 5l-4-1.2M-8.7 5l-.9 4.1M8.7-5l4 1.2M8.7-5l.9-4.1'/%3E%3C/g%3E%3Cg transform='translate(159.6 99.5) scale(0.74)' opacity='0.70' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' fill='none'%3E%3Cpath d='M0-10V10M-8.7-5L8.7 5M-8.7 5L8.7-5M0-10l-3-3M0-10l3-3M0 10l-3 3M0 10l3 3M-8.7-5l-.9-4.1M-8.7-5l-4 1.2M8.7 5l.9 4.1M8.7 5l4-1.2M-8.7 5l-4-1.2M-8.7 5l-.9 4.1M8.7-5l4 1.2M8.7-5l.9-4.1'/%3E%3C/g%3E%3Cg transform='translate(38.1 33.6) scale(0.73)' opacity='0.86' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' fill='none'%3E%3Cpath d='M0-10V10M-8.7-5L8.7 5M-8.7 5L8.7-5M0-10l-3-3M0-10l3-3M0 10l-3 3M0 10l3 3M-8.7-5l-.9-4.1M-8.7-5l-4 1.2M8.7 5l.9 4.1M8.7 5l4-1.2M-8.7 5l-4-1.2M-8.7 5l-.9 4.1M8.7-5l4 1.2M8.7-5l.9-4.1'/%3E%3C/g%3E%3C/svg%3E") 0 0/27.5rem 27.5rem repeat;animation:xm-snow-near 11s linear infinite;will-change:transform;opacity:.9}
|
|
@keyframes xm-snow-near{to{transform:translateY(27.5rem)}}
|
|
.message-area::before{left:0;right:0;top:-23.75rem;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380' %3E%3Cg fill='%23fff'%3E%3Ccircle cx='66.4' cy='42.3' r='2.3' opacity='0.77'/%3E%3Ccircle cx='322.6' cy='342.8' r='2.7' opacity='0.75'/%3E%3Ccircle cx='140.2' cy='186.2' r='2.6' opacity='0.84'/%3E%3Ccircle cx='159.4' cy='259.8' r='2.3' opacity='0.54'/%3E%3Ccircle cx='80.5' cy='129.1' r='2' opacity='0.83'/%3E%3Ccircle cx='88.6' cy='292.6' r='2.3' opacity='0.72'/%3E%3Ccircle cx='306.5' cy='238.1' r='2.3' opacity='0.64'/%3E%3Ccircle cx='140.1' cy='52' r='2.2' opacity='0.72'/%3E%3Ccircle cx='177.4' cy='313' r='1.9' opacity='0.77'/%3E%3Ccircle cx='118.5' cy='145.1' r='2.5' opacity='0.54'/%3E%3Ccircle cx='36.2' cy='155.1' r='2.7' opacity='0.54'/%3E%3Ccircle cx='166.9' cy='212.3' r='2.1' opacity='0.81'/%3E%3Ccircle cx='277.1' cy='348.3' r='1.9' opacity='0.56'/%3E%3Ccircle cx='337.3' cy='138.1' r='2.1' opacity='0.54'/%3E%3Ccircle cx='348.7' cy='191.2' r='2.8' opacity='0.53'/%3E%3Ccircle cx='367' cy='253' r='2.3' opacity='0.52'/%3E%3Ccircle cx='110.2' cy='74.1' r='1.9' opacity='0.63'/%3E%3Ccircle cx='155.8' cy='353.9' r='2.6' opacity='0.80'/%3E%3Ccircle cx='121' cy='321.3' r='1.9' opacity='0.84'/%3E%3Ccircle cx='184.3' cy='345.8' r='2.4' opacity='0.84'/%3E%3Ccircle cx='256.1' cy='321' r='2.3' opacity='0.55'/%3E%3Ccircle cx='203.9' cy='196.5' r='2.1' opacity='0.60'/%3E%3Ccircle cx='336.8' cy='111.4' r='2.4' opacity='0.63'/%3E%3Ccircle cx='39.7' cy='185.5' r='2.2' opacity='0.79'/%3E%3C/g%3E%3C/svg%3E") 3rem 0/23.75rem 23.75rem repeat;animation:xm-snow-mid 17s linear infinite;will-change:transform}
|
|
@keyframes xm-snow-mid{to{transform:translateY(23.75rem)}}
|
|
.message-area::after{left:0;bottom:0;width:60%;height:55%;background:radial-gradient(80% 70% at 0 100%,rgba(255,150,60,.22),transparent 70%);animation:xm-glow 3.2s ease-in-out infinite alternate}
|
|
@keyframes xm-glow{0%{opacity:.6}40%{opacity:1}70%{opacity:.75}100%{opacity:.95}}
|
|
.message-area{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='f' cx='0' cy='0' r='1'%3E%3Cstop offset='0' stop-color='%23f4fbff' stop-opacity='.55'/%3E%3Cstop offset='.6' stop-color='%23d9eeff' stop-opacity='.12'/%3E%3Cstop offset='1' stop-color='%23d9eeff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(0 200) scale(1 -1)'%3E%3Crect width='200' height='200' fill='url(%23f)'/%3E%3Cg stroke='%23eaf6ff' stroke-linecap='round' fill='none'%3E%3Cpath d='M0 0L120 40M0 0L90 90M0 0L40 120M0 0L150 6M0 0L6 150' stroke-width='2' opacity='.7'/%3E%3Cpath d='M40 13l12-14M70 23l10-18M100 33l6-16M30 30l18-4M30 30l-4 18M60 60l22-4M60 60l-4 22M13 40l-14 12M23 70l-18 10M33 100l-16 6M50 2l8-10M100 4l8-10M2 50l-10 8M4 100l-10 8' stroke-width='1.4' opacity='.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left bottom 4.5rem/9rem 9rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' %3E%3Cdefs%3E%3CradialGradient id='f' cx='0' cy='0' r='1'%3E%3Cstop offset='0' stop-color='%23f4fbff' stop-opacity='.55'/%3E%3Cstop offset='.6' stop-color='%23d9eeff' stop-opacity='.12'/%3E%3Cstop offset='1' stop-color='%23d9eeff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(200 200) scale(-1 -1)'%3E%3Crect width='200' height='200' fill='url(%23f)'/%3E%3Cg stroke='%23eaf6ff' stroke-linecap='round' fill='none'%3E%3Cpath d='M0 0L120 40M0 0L90 90M0 0L40 120M0 0L150 6M0 0L6 150' stroke-width='2' opacity='.7'/%3E%3Cpath d='M40 13l12-14M70 23l10-18M100 33l6-16M30 30l18-4M30 30l-4 18M60 60l22-4M60 60l-4 22M13 40l-14 12M23 70l-18 10M33 100l-16 6M50 2l8-10M100 4l8-10M2 50l-10 8M4 100l-10 8' stroke-width='1.4' opacity='.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right bottom 4.5rem/9rem 9rem no-repeat!important;box-shadow:inset 0 0 3rem rgba(220,240,255,.12)}
|
|
.messages{background:linear-gradient(90deg,rgba(8,16,30,.3),rgba(8,16,30,.66) 3rem,rgba(8,16,30,.66) calc(100% - 3rem),rgba(8,16,30,.3))!important}
|
|
.message{border-radius:var(--radius-sm)!important;transition:background .18s!important}
|
|
.message:hover{background:rgba(255,210,122,.08)!important;box-shadow:inset 3px 0 0 #d42a3c!important}
|
|
.message-user-sep{border-top-color:rgba(255,236,210,.1)!important}
|
|
.message-content{color:#fff8ee!important;text-shadow:0 1px 2px rgba(0,0,0,.8)}
|
|
.message-time{color:#c9d6e6!important}
|
|
.message-avatar,.message-avatar-img{box-shadow:0 0 0 2px #fff4ea,0 0 0 4px #d42a3c!important}
|
|
.message-content code{background:rgba(255,236,210,.1)!important;color:#ffd27a!important;border:1px solid rgba(255,236,210,.18)!important}
|
|
.message-content blockquote,.message-content .md-quote{border-left-color:#4cc777!important;background:rgba(76,199,119,.08)!important}
|
|
.msg-toolbar{background:#2a1711!important;border:1px solid #6e4430!important;border-radius:var(--radius-sm)!important;box-shadow:0 6px 16px rgba(0,0,0,.4)!important}
|
|
.channel-header{background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 2.3rem),repeating-linear-gradient(0deg,rgba(255,220,170,.03) 0 2px,transparent 2px 7px),linear-gradient(180deg,#4e2c1b,#33190e)!important;border-bottom:3px solid #23110a!important;box-shadow:0 6px 18px rgba(0,0,0,.45)!important;padding-bottom:1.6rem!important}
|
|
html[data-haven-theme-api] .channel-header::before,html[data-haven-theme-api] .channel-header::after{content:""!important;position:absolute;left:0;right:0;bottom:-.1rem;height:1.6rem;pointer-events:none;z-index:-1}
|
|
.channel-header::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 30' preserveAspectRatio='none'%3E%3Cpath d='M0 14Q40 26 80 14T160 14' fill='none' stroke='%231f5b2e' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M0 14Q40 26 80 14T160 14' fill='none' stroke='%232f8a44' stroke-width='3' stroke-dasharray='2 3'/%3E%3Cg fill='%23d4202f'%3E%3Ccircle cx='22' cy='19' r='2.4'/%3E%3Ccircle cx='26' cy='21' r='2.2'/%3E%3Ccircle cx='102' cy='19' r='2.4'/%3E%3Ccircle cx='106' cy='21' r='2.2'/%3E%3C/g%3E%3Ccircle cx='62' cy='20' r='3.6' fill='%23ffcf4a'/%3E%3Ccircle cx='142' cy='20' r='3.6' fill='%23d4202f'/%3E%3Cpath d='M0 4Q20 16 40 4T80 4T120 4T160 4' fill='none' stroke='%231d140c' stroke-width='1.6'/%3E%3Crect x='8.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='10' cy='18.1' rx='2.8' ry='4' fill='%23ff3b4e' opacity='.8'/%3E%3Crect x='28.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='30' cy='18.1' rx='2.8' ry='4' fill='%23ffd23f' opacity='.8'/%3E%3Crect x='48.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='50' cy='18.1' rx='2.8' ry='4' fill='%233ddc84' opacity='.8'/%3E%3Crect x='68.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='70' cy='18.1' rx='2.8' ry='4' fill='%234db8ff' opacity='.8'/%3E%3Crect x='88.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='90' cy='18.1' rx='2.8' ry='4' fill='%23ff8a3d' opacity='.8'/%3E%3Crect x='108.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='110' cy='18.1' rx='2.8' ry='4' fill='%23c77dff' opacity='.8'/%3E%3Crect x='128.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='130' cy='18.1' rx='2.8' ry='4' fill='%23ff3b4e' opacity='.8'/%3E%3Crect x='148.4' y='12.1' width='3.2' height='2.6' fill='%233b3b3b'/%3E%3Cellipse cx='150' cy='18.1' rx='2.8' ry='4' fill='%23ffd23f' opacity='.8'/%3E%3C/svg%3E") 0 0/10rem 100% repeat-x}
|
|
.channel-header::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 30' preserveAspectRatio='none'%3E%3Cpath d='M0 4Q20 16 40 4T80 4T120 4T160 4' fill='none' stroke='%231d140c' stroke-width='1.6'/%3E%3Ccircle cx='10' cy='18.1' r='7' fill='%23ff3b4e' opacity='.35'/%3E%3Cellipse cx='10' cy='18.1' rx='2.8' ry='4' fill='%23ff3b4e'/%3E%3Cellipse cx='9.2' cy='16.7' rx='.9' ry='1.4' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='50' cy='18.1' r='7' fill='%233ddc84' opacity='.35'/%3E%3Cellipse cx='50' cy='18.1' rx='2.8' ry='4' fill='%233ddc84'/%3E%3Cellipse cx='49.2' cy='16.7' rx='.9' ry='1.4' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='90' cy='18.1' r='7' fill='%23ff8a3d' opacity='.35'/%3E%3Cellipse cx='90' cy='18.1' rx='2.8' ry='4' fill='%23ff8a3d'/%3E%3Cellipse cx='89.2' cy='16.7' rx='.9' ry='1.4' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='130' cy='18.1' r='7' fill='%23ff3b4e' opacity='.35'/%3E%3Cellipse cx='130' cy='18.1' rx='2.8' ry='4' fill='%23ff3b4e'/%3E%3Cellipse cx='129.2' cy='16.7' rx='.9' ry='1.4' fill='%23fff' opacity='.8'/%3E%3C/svg%3E") 0 0/10rem 100% repeat-x;animation:xm-twinkle 1.1s ease-in-out infinite alternate}
|
|
#channel-header-name,.channel-header h2,.channel-header h3{font-family:var(--font-heading)!important;color:#ffe3a3!important;text-shadow:0 0 10px rgba(255,190,90,.5),0 2px 0 rgba(0,0,0,.4)!important;letter-spacing:.03em}
|
|
.header-actions-box{background:rgba(30,15,9,.75)!important;border:1px solid #6e4430!important;border-radius:var(--radius)!important}
|
|
.channel-topic-bar{background:linear-gradient(180deg,#2a1610,#1f100a)!important;border-bottom:1px solid #4d2e21!important;color:#ecdcc8!important}
|
|
.icon-btn:hover{background:rgba(255,210,122,.14)!important;color:#fff!important}
|
|
.message-input-area{background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 2.3rem),repeating-linear-gradient(0deg,rgba(255,220,170,.03) 0 2px,transparent 2px 7px),linear-gradient(180deg,#6a3d24,#4a2814 30%,#3a1f10)!important;border-top:0!important;box-shadow:0 -6px 18px rgba(0,0,0,.4)!important}
|
|
html[data-haven-theme-api] .message-input-area::before,html[data-haven-theme-api] .message-input-area::after{content:""!important;position:absolute;pointer-events:none}
|
|
.message-input-area::before{left:0;right:0;top:-.55rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' preserveAspectRatio='none'%3E%3Cpath d='M0 12Q8 2 18 8T36 6T56 9T76 5T96 8T120 6V20H0Z' fill='%23f4f9ff'/%3E%3Cpath d='M0 14Q30 10 60 14T120 13V16H0Z' fill='%23cfe0f2'/%3E%3Cpath d='M14 16l3 4 3-4M44 16l2 3 2-3M70 16l3 5 3-5M98 16l2 3 2-3' fill='%23e8f4ff'/%3E%3C/svg%3E") 0 0/7.5rem 100% repeat-x;z-index:-1}
|
|
.message-input-area::after{right:.75rem;top:-1.6rem;width:3.5rem;height:2.2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40' %3E%3Cg transform='rotate(-30 46 22)'%3E%3Crect x='42' y='-4' width='7' height='44' rx='3.5' fill='%23fff'/%3E%3Cpath d='M42 2h7v6h-7zM42 14h7v6h-7zM42 26h7v6h-7z' fill='%23d4202f'/%3E%3Cpath d='M42 2a10 10 0 0 0-14 4' stroke='%23fff' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cpath d='M10 30q8-14 22-12q-2 6 4 8q-10 10-26 4z' fill='%231f7a3a'/%3E%3Cpath d='M14 28q10-6 20-8' stroke='%230f4a22' stroke-width='1.2' fill='none'/%3E%3Cpath d='M30 34q-2-14 10-20q2 6 8 6q-4 12-18 14z' fill='%23239146'/%3E%3Ccircle cx='28' cy='26' r='3.4' fill='%23e3263a'/%3E%3Ccircle cx='33' cy='29' r='3.2' fill='%23c91d30'/%3E%3Ccircle cx='27' cy='31' r='3' fill='%23e3263a'/%3E%3Ccircle cx='27' cy='25' r='1' fill='%23fff' opacity='.7'/%3E%3C/svg%3E") center/contain no-repeat;z-index:1}
|
|
.message-input-area textarea,#message-input{background:#fffaf2!important;color:#2a160e!important;border:2px solid #d42a3c!important;border-radius:var(--radius)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.15)!important}
|
|
.message-input-area textarea::placeholder,#message-input::placeholder{color:#7a5a48!important}
|
|
.message-input-area textarea:focus,#message-input:focus{border-color:#2f8a44!important;box-shadow:0 0 0 3px rgba(255,210,122,.35)!important}
|
|
.btn-send,.thread-send-btn{background:repeating-linear-gradient(-45deg,#d42a3c 0 .375rem,#bb1f30 .375rem .75rem)!important;color:#fff!important;border:2px solid #fff4ea!important;box-shadow:0 3px 10px rgba(0,0,0,.4)!important}
|
|
.btn-send:hover,.thread-send-btn:hover{transform:scale(1.06) rotate(-4deg)}
|
|
.message-input-area .icon-btn,.message-input-area button:not(.btn-send){color:#ffe9cf!important}
|
|
.btn-sm{border-radius:var(--radius-sm)!important;border:1px solid #6e4430!important;background:#3a2218!important;color:#fff8ee!important}
|
|
.btn-sm:hover{background:#4d2e21!important;border-color:#ffd27a!important}
|
|
.btn-accent,.btn-sm.btn-accent{background:linear-gradient(180deg,#e0354a,#c01f31)!important;color:#fff!important;border:1px solid #ffd27a!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important}
|
|
.btn-accent:hover,.btn-sm.btn-accent:hover{background:linear-gradient(180deg,#c01f31,#a3172a)!important}
|
|
.btn-voice,.btn-secondary,.right-sidebar .panel{background:rgba(42,23,17,.88)!important;border:1px solid #6e4430!important;border-radius:var(--radius-sm)!important;color:#fff8ee!important}
|
|
.btn-voice:hover,.btn-secondary:hover{border-color:#ffd27a!important;background:#3f261b!important}
|
|
.right-sidebar .panel-title{color:#ffd27a!important;letter-spacing:.12em}
|
|
.modal-overlay{background:rgba(10,18,32,.72)!important}
|
|
.modal,.theme-popup{background:repeating-linear-gradient(0deg,rgba(180,30,45,.13) 0 .75rem,transparent .75rem 2.5rem),repeating-linear-gradient(90deg,rgba(180,30,45,.13) 0 .75rem,transparent .75rem 2.5rem),repeating-linear-gradient(0deg,rgba(40,120,70,.1) 0 .125rem,transparent .125rem 1.25rem),repeating-linear-gradient(90deg,rgba(40,120,70,.1) 0 .125rem,transparent .125rem 1.25rem),linear-gradient(180deg,#3a2117,#2a1711)!important;border:2px solid #b8862b!important;border-radius:var(--radius)!important;box-shadow:0 0 0 4px #2a1711,0 0 0 6px #d42a3c,0 20px 50px rgba(0,0,0,.6)!important}
|
|
html[data-haven-theme-api] .modal::before{content:""!important;position:absolute;left:0;right:0;top:0;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' preserveAspectRatio='none'%3E%3Cpath d='M0 12Q8 2 18 8T36 6T56 9T76 5T96 8T120 6V20H0Z' fill='%23f4f9ff'/%3E%3Cpath d='M0 14Q30 10 60 14T120 13V16H0Z' fill='%23cfe0f2'/%3E%3Cpath d='M14 16l3 4 3-4M44 16l2 3 2-3M70 16l3 5 3-5M98 16l2 3 2-3' fill='%23e8f4ff'/%3E%3C/svg%3E") 0 0/7.5rem 100% repeat-x;transform:scaleY(-1);pointer-events:none;opacity:.9}
|
|
.modal h3,.modal h2,.theme-popup-title{font-family:var(--font-heading)!important;color:#ffe3a3!important}
|
|
[data-haven-page="auth"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' %3E%3Cpath d='M0 118Q150 96 300 112T600 110V180H0Z' fill='%235d7a99'/%3E%3Cpath d='M10 72.3L23.1 96H-3.1Z' fill='%23173548'/%3E%3Cpath d='M10 72.3L15.9 83Q10 79.6 4.1 83Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M10 87L29 110.7H-9Z' fill='%23173548'/%3E%3Cpath d='M10 87L18.6 97.7Q10 94.3 1.4 97.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M10 101.7L35 125.5H-15Z' fill='%23173548'/%3E%3Cpath d='M10 101.7L21.2 112.4Q10 109 -1.2 112.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='7.7' y='125.5' width='4.5' height='4.5' fill='%232a1a12'/%3E%3Cpath d='M68.4 77.2L80.3 98.7H56.6Z' fill='%23173548'/%3E%3Cpath d='M68.4 77.2L73.8 86.9Q68.4 83.8 63.1 86.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M68.4 90.5L85.7 112H51.2Z' fill='%23173548'/%3E%3Cpath d='M68.4 90.5L76.2 100.2Q68.4 97.1 60.7 100.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M68.4 103.8L91 125.3H45.8Z' fill='%23173548'/%3E%3Cpath d='M68.4 103.8L78.6 113.5Q68.4 110.5 58.3 113.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='66.4' y='125.3' width='4.1' height='4.1' fill='%232a1a12'/%3E%3Cpath d='M114.7 86.9L124.8 105.3H104.6Z' fill='%23173548'/%3E%3Cpath d='M114.7 86.9L119.3 95.2Q114.7 92.6 110.2 95.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M114.7 98.3L129.4 116.6H100Z' fill='%23173548'/%3E%3Cpath d='M114.7 98.3L121.3 106.6Q114.7 103.9 108.1 106.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M114.7 109.6L134 128H95.5Z' fill='%23173548'/%3E%3Cpath d='M114.7 109.6L123.4 117.9Q114.7 115.3 106.1 117.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='113' y='128' width='3.5' height='3.5' fill='%232a1a12'/%3E%3Cpath d='M167.3 83.5L177.7 102.5H156.8Z' fill='%23173548'/%3E%3Cpath d='M167.3 83.5L172 92.1Q167.3 89.4 162.6 92.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M167.3 95.2L182.5 114.2H152.1Z' fill='%23173548'/%3E%3Cpath d='M167.3 95.2L174.1 103.8Q167.3 101.1 160.4 103.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M167.3 107L187.2 126H147.3Z' fill='%23173548'/%3E%3Cpath d='M167.3 107L176.3 115.6Q167.3 112.9 158.3 115.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='165.5' y='126' width='3.6' height='3.6' fill='%232a1a12'/%3E%3Cpath d='M224.7 72.4L238.6 97.6H210.9Z' fill='%23173548'/%3E%3Cpath d='M224.7 72.4L231 83.8Q224.7 80.2 218.5 83.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M224.7 88L244.9 113.2H204.6Z' fill='%23173548'/%3E%3Cpath d='M224.7 88L233.8 99.4Q224.7 95.8 215.7 99.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M224.7 103.6L251.2 128.8H198.3Z' fill='%23173548'/%3E%3Cpath d='M224.7 103.6L236.6 115Q224.7 111.4 212.8 115Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='222.3' y='128.8' width='4.8' height='4.8' fill='%232a1a12'/%3E%3Cpath d='M272.2 66.6L286.7 93H257.7Z' fill='%23173548'/%3E%3Cpath d='M272.2 66.6L278.7 78.5Q272.2 74.8 265.6 78.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M272.2 82.9L293.3 109.3H251.1Z' fill='%23173548'/%3E%3Cpath d='M272.2 82.9L281.7 94.9Q272.2 91.1 262.7 94.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M272.2 99.3L299.8 125.6H244.5Z' fill='%23173548'/%3E%3Cpath d='M272.2 99.3L284.6 111.2Q272.2 107.4 259.7 111.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='269.6' y='125.6' width='5' height='5' fill='%232a1a12'/%3E%3Cpath d='M331 68.3L345 93.8H317Z' fill='%23173548'/%3E%3Cpath d='M331 68.3L337.3 79.8Q331 76.2 324.7 79.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M331 84.1L351.3 109.5H310.6Z' fill='%23173548'/%3E%3Cpath d='M331 84.1L340.1 95.6Q331 92 321.8 95.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M331 99.8L357.7 125.3H304.2Z' fill='%23173548'/%3E%3Cpath d='M331 99.8L343 111.4Q331 107.7 318.9 111.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='328.5' y='125.3' width='4.9' height='4.9' fill='%232a1a12'/%3E%3Cpath d='M373.2 65.8L387.7 92.2H358.7Z' fill='%23173548'/%3E%3Cpath d='M373.2 65.8L379.7 77.7Q373.2 74 366.7 77.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M373.2 82.1L394.3 108.5H352.1Z' fill='%23173548'/%3E%3Cpath d='M373.2 82.1L382.7 94.1Q373.2 90.3 363.7 94.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M373.2 98.4L400.9 124.8H345.5Z' fill='%23173548'/%3E%3Cpath d='M373.2 98.4L385.7 110.4Q373.2 106.6 360.8 110.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='370.7' y='124.8' width='5' height='5' fill='%232a1a12'/%3E%3Cpath d='M418.8 73.3L432.7 98.6H404.9Z' fill='%23173548'/%3E%3Cpath d='M418.8 73.3L425.1 84.8Q418.8 81.2 412.6 84.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M418.8 89L439.1 114.3H398.6Z' fill='%23173548'/%3E%3Cpath d='M418.8 89L427.9 100.4Q418.8 96.8 409.7 100.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M418.8 104.7L445.4 130H392.3Z' fill='%23173548'/%3E%3Cpath d='M418.8 104.7L430.8 116.1Q418.8 112.5 406.9 116.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='416.4' y='130' width='4.8' height='4.8' fill='%232a1a12'/%3E%3Cpath d='M461.7 70.9L476.1 96.9H447.4Z' fill='%23173548'/%3E%3Cpath d='M461.7 70.9L468.2 82.7Q461.7 78.9 455.3 82.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M461.7 87L482.6 113.1H440.9Z' fill='%23173548'/%3E%3Cpath d='M461.7 87L471.1 98.8Q461.7 95.1 452.4 98.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M461.7 103.1L489.1 129.2H434.4Z' fill='%23173548'/%3E%3Cpath d='M461.7 103.1L474.1 114.9Q461.7 111.2 449.4 114.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='459.3' y='129.2' width='5' height='5' fill='%232a1a12'/%3E%3Cpath d='M508.9 69.9L522.6 94.7H495.3Z' fill='%23173548'/%3E%3Cpath d='M508.9 69.9L515.1 81.2Q508.9 77.6 502.8 81.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M508.9 85.3L528.8 110.1H489.1Z' fill='%23173548'/%3E%3Cpath d='M508.9 85.3L517.8 96.5Q508.9 93 500 96.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M508.9 100.6L535 125.4H482.9Z' fill='%23173548'/%3E%3Cpath d='M508.9 100.6L520.6 111.9Q508.9 108.3 497.2 111.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='506.6' y='125.4' width='4.7' height='4.7' fill='%232a1a12'/%3E%3Cpath d='M564.7 70.1L579.4 96.8H550.1Z' fill='%23173548'/%3E%3Cpath d='M564.7 70.1L571.4 82.2Q564.7 78.4 558.1 82.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M564.7 86.6L586.1 113.3H543.4Z' fill='%23173548'/%3E%3Cpath d='M564.7 86.6L574.4 98.7Q564.7 94.9 555.1 98.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M564.7 103.2L592.8 129.9H536.7Z' fill='%23173548'/%3E%3Cpath d='M564.7 103.2L577.4 115.3Q564.7 111.4 552.1 115.3Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='562.2' y='129.9' width='5.1' height='5.1' fill='%232a1a12'/%3E%3Cpath d='M0 150Q160 132 320 146T600 144V180H0Z' fill='%23b9cde3'/%3E%3Cpath d='M0 83.5L20 119.8H-20Z' fill='%230c2621'/%3E%3Cpath d='M0 83.5L9 99.9Q0 94.8 -9 99.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M0 106L29.1 142.3H-29.1Z' fill='%230c2621'/%3E%3Cpath d='M0 106L13.1 122.4Q0 117.2 -13.1 122.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M0 128.5L38.1 164.8H-38.1Z' fill='%230c2621'/%3E%3Cpath d='M0 128.5L17.2 144.9Q0 139.7 -17.2 144.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='-3.5' y='164.8' width='6.9' height='6.9' fill='%232a1a12'/%3E%3Cpath d='M69.5 85.5L89 121H50Z' fill='%230c2621'/%3E%3Cpath d='M69.5 85.5L78.3 101.5Q69.5 96.5 60.7 101.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M69.5 107.5L97.9 143H41.1Z' fill='%230c2621'/%3E%3Cpath d='M69.5 107.5L82.3 123.5Q69.5 118.4 56.7 123.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M69.5 129.4L106.8 164.9H32.2Z' fill='%230c2621'/%3E%3Cpath d='M69.5 129.4L86.3 145.5Q69.5 140.4 52.7 145.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='66.1' y='164.9' width='6.8' height='6.8' fill='%232a1a12'/%3E%3Cpath d='M156.4 90.1L174.8 123.6H137.9Z' fill='%230c2621'/%3E%3Cpath d='M156.4 90.1L164.7 105.2Q156.4 100.5 148.1 105.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M156.4 110.8L183.2 144.4H129.5Z' fill='%230c2621'/%3E%3Cpath d='M156.4 110.8L168.5 126Q156.4 121.2 144.3 126Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M156.4 131.6L191.6 165.2H121.1Z' fill='%230c2621'/%3E%3Cpath d='M156.4 131.6L172.2 146.8Q156.4 142 140.5 146.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='153.2' y='165.2' width='6.4' height='6.4' fill='%232a1a12'/%3E%3Cpath d='M221.4 63.5L246 108.2H196.8Z' fill='%230c2621'/%3E%3Cpath d='M221.4 63.5L232.4 83.7Q221.4 77.3 210.3 83.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M221.4 91.2L257.2 135.9H185.6Z' fill='%230c2621'/%3E%3Cpath d='M221.4 91.2L237.5 111.4Q221.4 105 205.3 111.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M221.4 118.9L268.3 163.6H174.4Z' fill='%230c2621'/%3E%3Cpath d='M221.4 118.9L242.5 139.1Q221.4 132.7 200.2 139.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='217.1' y='163.6' width='8.5' height='8.5' fill='%232a1a12'/%3E%3Cpath d='M285 99.8L301.2 129.3H268.8Z' fill='%230c2621'/%3E%3Cpath d='M285 99.8L292.3 113.1Q285 108.9 277.7 113.1Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M285 118L308.6 147.5H261.4Z' fill='%230c2621'/%3E%3Cpath d='M285 118L295.6 131.4Q285 127.2 274.4 131.4Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M285 136.3L316 165.8H254Z' fill='%230c2621'/%3E%3Cpath d='M285 136.3L298.9 149.6Q285 145.4 271.1 149.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='282.2' y='165.8' width='5.6' height='5.6' fill='%232a1a12'/%3E%3Cpath d='M361.9 65.7L386 109.5H337.8Z' fill='%230c2621'/%3E%3Cpath d='M361.9 65.7L372.7 85.5Q361.9 79.2 351.1 85.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M361.9 92.8L396.9 136.6H326.8Z' fill='%230c2621'/%3E%3Cpath d='M361.9 92.8L377.7 112.6Q361.9 106.4 346.1 112.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M361.9 119.9L407.9 163.7H315.9Z' fill='%230c2621'/%3E%3Cpath d='M361.9 119.9L382.6 139.7Q361.9 133.5 341.2 139.7Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='357.7' y='163.7' width='8.3' height='8.3' fill='%232a1a12'/%3E%3Cpath d='M423.6 74.5L445.7 114.6H401.6Z' fill='%230c2621'/%3E%3Cpath d='M423.6 74.5L433.6 92.6Q423.6 86.9 413.7 92.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M423.6 99.3L455.7 139.4H391.6Z' fill='%230c2621'/%3E%3Cpath d='M423.6 99.3L438.1 117.5Q423.6 111.7 409.2 117.5Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M423.6 124.2L465.8 164.3H381.5Z' fill='%230c2621'/%3E%3Cpath d='M423.6 124.2L442.6 142.3Q423.6 136.6 404.7 142.3Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='419.8' y='164.3' width='7.6' height='7.6' fill='%232a1a12'/%3E%3Cpath d='M506 90L524.5 123.6H487.5Z' fill='%230c2621'/%3E%3Cpath d='M506 90L514.3 105.2Q506 100.4 497.7 105.2Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M506 110.8L532.9 144.4H479.1Z' fill='%230c2621'/%3E%3Cpath d='M506 110.8L518.1 126Q506 121.2 493.9 126Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M506 131.6L541.3 165.2H470.7Z' fill='%230c2621'/%3E%3Cpath d='M506 131.6L521.9 146.8Q506 142 490.1 146.8Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='502.8' y='165.2' width='6.4' height='6.4' fill='%232a1a12'/%3E%3Cpath d='M601.1 76.5L622.7 115.8H579.5Z' fill='%230c2621'/%3E%3Cpath d='M601.1 76.5L610.8 94.3Q601.1 88.7 591.4 94.3Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M601.1 100.8L632.5 140.1H569.7Z' fill='%230c2621'/%3E%3Cpath d='M601.1 100.8L615.3 118.6Q601.1 113 587 118.6Z' fill='%23e9f3ff' opacity='.85'/%3E%3Cpath d='M601.1 125.1L642.3 164.4H559.9Z' fill='%230c2621'/%3E%3Cpath d='M601.1 125.1L619.7 142.9Q601.1 137.3 582.6 142.9Z' fill='%23e9f3ff' opacity='.85'/%3E%3Crect x='597.4' y='164.4' width='7.5' height='7.5' fill='%232a1a12'/%3E%3Cpath d='M0 168Q150 160 300 166T600 165V180H0Z' fill='%23dbe8f6'/%3E%3C/svg%3E") 0 100%/37.5rem 11.25rem repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' %3E%3Cdefs%3E%3CradialGradient id='m'%3E%3Cstop offset='0' stop-color='%23fffbe6'/%3E%3Cstop offset='.38' stop-color='%23fff6d6'/%3E%3Cstop offset='.42' stop-color='%23fff0c0' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23fff0c0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='60' fill='url(%23m)'/%3E%3Ccircle cx='52' cy='54' r='5' fill='%23efe3bd' opacity='.6'/%3E%3Ccircle cx='68' cy='66' r='3.5' fill='%23efe3bd' opacity='.5'/%3E%3C/svg%3E") calc(100% - 4rem) 3rem/10rem 10rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380' %3E%3Cg fill='%23fff'%3E%3Ccircle cx='66.4' cy='42.3' r='2.3' opacity='0.77'/%3E%3Ccircle cx='322.6' cy='342.8' r='2.7' opacity='0.75'/%3E%3Ccircle cx='140.2' cy='186.2' r='2.6' opacity='0.84'/%3E%3Ccircle cx='159.4' cy='259.8' r='2.3' opacity='0.54'/%3E%3Ccircle cx='80.5' cy='129.1' r='2' opacity='0.83'/%3E%3Ccircle cx='88.6' cy='292.6' r='2.3' opacity='0.72'/%3E%3Ccircle cx='306.5' cy='238.1' r='2.3' opacity='0.64'/%3E%3Ccircle cx='140.1' cy='52' r='2.2' opacity='0.72'/%3E%3Ccircle cx='177.4' cy='313' r='1.9' opacity='0.77'/%3E%3Ccircle cx='118.5' cy='145.1' r='2.5' opacity='0.54'/%3E%3Ccircle cx='36.2' cy='155.1' r='2.7' opacity='0.54'/%3E%3Ccircle cx='166.9' cy='212.3' r='2.1' opacity='0.81'/%3E%3Ccircle cx='277.1' cy='348.3' r='1.9' opacity='0.56'/%3E%3Ccircle cx='337.3' cy='138.1' r='2.1' opacity='0.54'/%3E%3Ccircle cx='348.7' cy='191.2' r='2.8' opacity='0.53'/%3E%3Ccircle cx='367' cy='253' r='2.3' opacity='0.52'/%3E%3Ccircle cx='110.2' cy='74.1' r='1.9' opacity='0.63'/%3E%3Ccircle cx='155.8' cy='353.9' r='2.6' opacity='0.80'/%3E%3Ccircle cx='121' cy='321.3' r='1.9' opacity='0.84'/%3E%3Ccircle cx='184.3' cy='345.8' r='2.4' opacity='0.84'/%3E%3Ccircle cx='256.1' cy='321' r='2.3' opacity='0.55'/%3E%3Ccircle cx='203.9' cy='196.5' r='2.1' opacity='0.60'/%3E%3Ccircle cx='336.8' cy='111.4' r='2.4' opacity='0.63'/%3E%3Ccircle cx='39.7' cy='185.5' r='2.2' opacity='0.79'/%3E%3C/g%3E%3C/svg%3E") 0 0/23.75rem repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200' %3E%3Cg fill='%23fff'%3E%3Ccircle cx='105.6' cy='4.1' r='1.1' opacity='0.41'/%3E%3Ccircle cx='202.9' cy='88' r='1' opacity='0.79'/%3E%3Ccircle cx='63.7' cy='186.9' r='0.9' opacity='0.75'/%3E%3Ccircle cx='234.1' cy='176.3' r='0.5' opacity='0.79'/%3E%3Ccircle cx='221' cy='82.7' r='0.8' opacity='0.44'/%3E%3Ccircle cx='160' cy='94.4' r='1.1' opacity='0.43'/%3E%3Ccircle cx='188' cy='86.8' r='1' opacity='0.55'/%3E%3Ccircle cx='244.8' cy='89' r='0.7' opacity='0.41'/%3E%3Ccircle cx='176.3' cy='30.4' r='1.1' opacity='0.69'/%3E%3Ccircle cx='41.7' cy='154.4' r='1.2' opacity='0.40'/%3E%3Ccircle cx='174.2' cy='70.5' r='1' opacity='0.46'/%3E%3Ccircle cx='233.1' cy='107.9' r='0.7' opacity='0.45'/%3E%3Ccircle cx='64.1' cy='41.9' r='1.1' opacity='0.75'/%3E%3Ccircle cx='212.3' cy='142.9' r='1' opacity='0.63'/%3E%3Ccircle cx='228.2' cy='183.9' r='0.6' opacity='0.74'/%3E%3Ccircle cx='198.3' cy='176.5' r='1' opacity='0.31'/%3E%3C/g%3E%3C/svg%3E") 0 0/16rem auto repeat,linear-gradient(180deg,#081325,#12274a 70%,#2b4a78)!important}
|
|
[data-haven-region="auth-card"]{background:repeating-linear-gradient(0deg,rgba(180,30,45,.13) 0 .75rem,transparent .75rem 2.5rem),repeating-linear-gradient(90deg,rgba(180,30,45,.13) 0 .75rem,transparent .75rem 2.5rem),repeating-linear-gradient(0deg,rgba(40,120,70,.1) 0 .125rem,transparent .125rem 1.25rem),repeating-linear-gradient(90deg,rgba(40,120,70,.1) 0 .125rem,transparent .125rem 1.25rem),linear-gradient(180deg,#3a2117,#2a1711)!important;border:2px solid #b8862b!important;box-shadow:0 0 0 4px #2a1711,0 0 0 6px #d42a3c,0 20px 50px rgba(0,0,0,.6)!important}
|
|
@media (max-width:768px){.sidebar::before{background-size:9rem auto,auto,auto,auto,auto,auto,auto}.sidebar::after{width:3.15rem;height:2.25rem;left:calc(50% - 1.575rem);bottom:3.3rem}.channel-header{padding-bottom:1.5rem!important}.main{background-size:8rem 8rem,8rem 8rem,0 0,20rem 6rem,6rem 6rem,16rem auto,auto,auto!important;background-position:left top,right top,0 0,left 0 bottom 2.9rem,right 1rem top 5.5rem,0 0,0 0,0 0!important}.message-area{background-position:left bottom 3rem,right bottom 3rem!important;background-size:6rem 6rem,6rem 6rem!important}}
|
|
@media (prefers-reduced-motion:reduce){.main::before,.main::after,.message-area::before,.message-area::after,.sidebar::after,.right-sidebar::after,.channel-header::after{animation:none!important}.main::after{opacity:.5}}
|