[{"data":1,"prerenderedAt":90},["ShallowReactive",2],{"room:16-glass-soft-ui":3},{"path":4,"meta":5,"html":79,"css":80,"snippets":81},"16-glass-soft-ui",{"id":6,"slug":4,"title":7,"years":8,"summary":9,"context":10,"traits":14,"tech":33,"thenVsNow":39,"snippets":40,"sources":58,"cta":74,"recreated":77},"16","Gradients, glass & soft UI","2018–2023","After years of flat colour, gradients came back as glowing blobs behind frosted-glass panels, soft extruded \"neumorphic\" controls had a moment on Dribbble, and every app grew a dark mode.",{"screens":11,"connection":12,"browsers":13},"High-density OLED phones and Retina laptops; system-wide dark mode from 2019","Fast 4G and fibre; 5G arriving","Safari had backdrop-filter first; Chrome shipped it in 2019, Firefox in 2022",[15,18,21,24,27,30],{"id":16,"label":17},"mesh","Vivid, blurred gradient blobs (a mesh-gradient look)",{"id":19,"label":20},"glass","Frosted glass panels with backdrop-filter",{"id":22,"label":23},"illustration","Glossy 3D-style illustration",{"id":25,"label":26},"soft","Neumorphic soft controls with paired light and dark shadows",{"id":28,"label":29},"weight","Animated variable font weight",{"id":31,"label":32},"dark","Light and dark mode, following the system by default",[34,35,36,37,38],"backdrop-filter: blur() saturate() for glass, with a thin light border to catch the edge","Large radial-gradient() shapes under filter: blur() for mesh-style colour","Two box-shadows, one light and one dark, for soft UI; inset to \"press\" it","prefers-color-scheme and color-scheme for dark mode","Variable system fonts (SF Pro, Segoe UI Variable) for smooth weight changes","Glass became an OS material and dark mode a default expectation; pure neumorphism faded because its low-contrast controls were hard to see.",[41,46,50,53],{"file":42,"lang":43,"caption":44,"region":45},"era.css","css","Soft UI: a light shadow and a dark one","neu",{"file":47,"lang":48,"caption":49,"region":19},"demo.html","html","A glass card is mostly a blur",{"file":42,"lang":43,"caption":51,"region":52},"Theme tokens for light and dark","theme",{"file":54,"lang":55,"caption":56,"region":57},"era.client.ts","typescript","Follow the OS until the visitor decides","theme-switch",[59,62,65,68,71],{"label":60,"url":61},"backdrop-filter (MDN)","https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002Fbackdrop-filter",{"label":63,"url":64},"prefers-color-scheme (MDN)","https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002F@media\u002Fprefers-color-scheme",{"label":66,"url":67},"Neumorphism (Wikipedia)","https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FNeumorphism",{"label":69,"url":70},"Glassmorphism in User Interfaces (Nielsen Norman Group)","https:\u002F\u002Fwww.nngroup.com\u002Farticles\u002Fglassmorphism\u002F",{"label":72,"url":73},"Variable fonts guide (MDN)","https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_fonts\u002FVariable_fonts_guide",{"next":75,"prev":76},"Continue","Go back",[78],"The weight animation is smooth only where the system UI font is a variable font; elsewhere it steps between the weights available.","\u003Cdiv class=\"dw\" id=\"dw\" data-trait=\"dark\">\n  \u003Cdiv class=\"dw__blobs\" data-trait=\"mesh\" aria-hidden=\"true\">\n    \u003Cspan class=\"dw__blob dw__blob--1\">\u003C\u002Fspan>\n    \u003Cspan class=\"dw__blob dw__blob--2\">\u003C\u002Fspan>\n    \u003Cspan class=\"dw__blob dw__blob--3\">\u003C\u002Fspan>\n    \u003Cspan class=\"dw__blob dw__blob--4\">\u003C\u002Fspan>\n  \u003C\u002Fdiv>\n\n  \u003Cheader class=\"dw__nav glass\">\n    \u003Ca class=\"dw__logo\" href=\"#dw-hero\" aria-label=\"Driftwave home\">\n      \u003Csvg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\u003Cdefs>\u003ClinearGradient id=\"dw-lg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\u003Cstop offset=\"0\" stop-color=\"#ff7ab6\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#6a5cff\"\u002F>\u003C\u002FlinearGradient>\u003C\u002Fdefs>\u003Crect width=\"32\" height=\"32\" rx=\"10\" fill=\"url(#dw-lg)\"\u002F>\u003Cpath d=\"M7 18c3-8 6 4 9-4s6 4 9-2\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\"\u002F>\u003C\u002Fsvg>\n      \u003Cspan>Driftwave\u003C\u002Fspan>\n    \u003C\u002Fa>\n    \u003Cnav aria-label=\"Driftwave\">\n      \u003Ca href=\"#dw-hero\">Listen\u003C\u002Fa>\n      \u003Ca href=\"#dw-wallet\">Wallet\u003C\u002Fa>\n      \u003Ca href=\"#dw-soft\">Studio\u003C\u002Fa>\n    \u003C\u002Fnav>\n    \u003Cbutton class=\"dw__theme\" type=\"button\" role=\"switch\" aria-checked=\"false\" aria-label=\"Dark mode\">\n      \u003Cspan class=\"dw__theme-knob\" aria-hidden=\"true\">\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n\u003Cp class=\"era-stamp\">\u003Cspan class=\"era-stamp__no\">Era 16\u002F17\u003C\u002Fspan> \u003Cspan class=\"era-stamp__years\">2018–2023\u003C\u002Fspan> \u003Cspan class=\"era-stamp__title\">Gradients, glass & soft UI\u003C\u002Fspan>\u003C\u002Fp>\n  \u003C\u002Fheader>\n\n  \u003Csection class=\"dw__hero\" id=\"dw-hero\">\n    \u003Cdiv class=\"dw__copy\">\n      \u003Cp class=\"dw__kicker glass\">New · Artist Wallet 2.0\u003C\u002Fp>\n      \u003Ch1 class=\"dw__title\" data-trait=\"weight\" aria-label=\"Feel every frequency.\">\n        \u003Cspan aria-hidden=\"true\" style=\"--i:0\">F\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:1\">e\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:2\">e\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:3\">l\u003C\u002Fspan>\n        \u003Cspan aria-hidden=\"true\" style=\"--i:5\">e\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:6\">v\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:7\">e\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:8\">r\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:9\">y\u003C\u002Fspan>\n        \u003Cbr>\u003Cspan aria-hidden=\"true\" style=\"--i:11\">f\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:12\">r\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:13\">e\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:14\">q\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:15\">u\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:16\">e\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:17\">n\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:18\">c\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:19\">y\u003C\u002Fspan>\u003Cspan aria-hidden=\"true\" style=\"--i:20\">.\u003C\u002Fspan>\n      \u003C\u002Fh1>\n      \u003Cp class=\"dw__lede\">Stream lossless, tip artists in one tap, and watch every cent you spend land in their wallet. Music and money, finally in sync.\u003C\u002Fp>\n\u003Cnav class=\"era-cta\" aria-label=\"Travel through time\">\u003Ca class=\"era-cta__next\" rel=\"next\" href=\"\u002Feras\u002F17-bento-now\u002F\">\u003Cspan class=\"era-cta__label\">Continue\u003C\u002Fspan> \u003Cspan class=\"era-cta__to\">2023–2026 · Bento & scroll-driven (now)\u003C\u002Fspan>\u003C\u002Fa> \u003Ca class=\"era-cta__prev\" rel=\"prev\" href=\"\u002Feras\u002F15-brutalism\u002F\">\u003Cspan class=\"era-cta__label\">Go back\u003C\u002Fspan> \u003Cspan class=\"era-cta__to\">2016–2024 · Brutalism & neubrutalism\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fnav>\n      \u003Cp class=\"dw__trial\">Or \u003Ca href=\"#dw-wallet\">start a free trial\u003C\u002Fa> · no card needed\u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n    \u003Carticle class=\"dw__player glass\" data-trait=\"glass\" aria-label=\"Now playing\">\n      \u003Cdiv class=\"dw__art\" data-trait=\"illustration\">\n        \u003Csvg viewBox=\"0 0 200 200\" role=\"img\" aria-labelledby=\"dw-art-t\">\n          \u003Ctitle id=\"dw-art-t\">Album art: a glossy 3D sphere inside a floating ring\u003C\u002Ftitle>\n          \u003Cdefs>\n            \u003CradialGradient id=\"dw-sph\" cx=\"35%\" cy=\"30%\" r=\"75%\">\u003Cstop offset=\"0\" stop-color=\"#fff\"\u002F>\u003Cstop offset=\".25\" stop-color=\"#ffb3d9\"\u002F>\u003Cstop offset=\".7\" stop-color=\"#7b5cff\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#2a1a7a\"\u002F>\u003C\u002FradialGradient>\n            \u003ClinearGradient id=\"dw-ring\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\u003Cstop offset=\"0\" stop-color=\"#5ef2ff\"\u002F>\u003Cstop offset=\".5\" stop-color=\"#ffffff\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#ff7ab6\"\u002F>\u003C\u002FlinearGradient>\n            \u003ClinearGradient id=\"dw-bg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\u003Cstop offset=\"0\" stop-color=\"#ffd6a5\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#ff7ab6\"\u002F>\u003C\u002FlinearGradient>\n            \u003CradialGradient id=\"dw-shadow\">\u003Cstop offset=\"0\" stop-color=\"#2a1a7a\" stop-opacity=\".45\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#2a1a7a\" stop-opacity=\"0\"\u002F>\u003C\u002FradialGradient>\n          \u003C\u002Fdefs>\n          \u003Crect width=\"200\" height=\"200\" rx=\"24\" fill=\"url(#dw-bg)\"\u002F>\n          \u003Cellipse cx=\"100\" cy=\"168\" rx=\"56\" ry=\"10\" fill=\"url(#dw-shadow)\"\u002F>\n          \u003Cpath d=\"M28 104a72 22 -12 0 0 144 -30\" fill=\"none\" stroke=\"url(#dw-ring)\" stroke-width=\"9\" stroke-linecap=\"round\" opacity=\".55\"\u002F>\n          \u003Ccircle cx=\"100\" cy=\"96\" r=\"50\" fill=\"url(#dw-sph)\"\u002F>\n          \u003Cellipse cx=\"82\" cy=\"74\" rx=\"16\" ry=\"9\" fill=\"#fff\" opacity=\".55\" transform=\"rotate(-30 82 74)\"\u002F>\n          \u003Cpath d=\"M172 74a72 22 -12 0 1 -144 30\" fill=\"none\" stroke=\"url(#dw-ring)\" stroke-width=\"9\" stroke-linecap=\"round\"\u002F>\n          \u003Ccircle cx=\"156\" cy=\"44\" r=\"10\" fill=\"#5ef2ff\"\u002F>\u003Ccircle cx=\"153\" cy=\"41\" r=\"3\" fill=\"#fff\" opacity=\".8\"\u002F>\n        \u003C\u002Fsvg>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"dw__track\">\n        \u003Ch2>Low Orbit Lullaby\u003C\u002Fh2>\n        \u003Cp>Mira Sol · \u003Cspan>Satellite Hearts\u003C\u002Fspan>\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"dw__progress\" role=\"img\" aria-label=\"1 minute 12 seconds of 3 minutes 48 seconds\">\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cdiv class=\"dw__times\" aria-hidden=\"true\">\u003Cspan>1:12\u003C\u002Fspan>\u003Cspan>3:48\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cdiv class=\"dw__controls\">\n        \u003Cbutton class=\"dw__ctl\" type=\"button\" aria-label=\"Previous track\">\u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\u003Cpath d=\"M6 6h2v12H6zm3.5 6 8.5 6V6z\"\u002F>\u003C\u002Fsvg>\u003C\u002Fbutton>\n        \u003Cbutton class=\"dw__ctl dw__ctl--play\" type=\"button\" aria-pressed=\"false\" aria-label=\"Play\">\u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\u003Cpath class=\"dw__ico-play\" d=\"M8 5v14l11-7z\"\u002F>\u003Cpath class=\"dw__ico-pause\" d=\"M6 5h4v14H6zm8 0h4v14h-4z\"\u002F>\u003C\u002Fsvg>\u003C\u002Fbutton>\n        \u003Cbutton class=\"dw__ctl\" type=\"button\" aria-label=\"Next track\">\u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\u003Cpath d=\"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z\"\u002F>\u003C\u002Fsvg>\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n      \u003Cp class=\"dw__tip\">Every play sends \u003Cstrong>€0.012\u003C\u002Fstrong> straight to Mira.\u003C\u002Fp>\n    \u003C\u002Farticle>\n  \u003C\u002Fsection>\n\n  \u003Csection class=\"dw__wallet\" id=\"dw-wallet\" aria-labelledby=\"dw-wallet-h\">\n    \u003Cdiv class=\"glass dw__card dw__card--balance\">\n      \u003Ch2 id=\"dw-wallet-h\">Your artist wallet\u003C\u002Fh2>\n      \u003Cp class=\"dw__balance\">\u003Cspan>€\u003C\u002Fspan>12.40\u003C\u002Fp>\n      \u003Cp class=\"dw__muted\">sent to 23 artists this month\u003C\u002Fp>\n      \u003Csvg class=\"dw__chart\" viewBox=\"0 0 280 80\" role=\"img\" aria-label=\"Spending rose steadily over the last four weeks\">\n        \u003Cdefs>\u003ClinearGradient id=\"dw-area\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\u003Cstop offset=\"0\" stop-color=\"#ff7ab6\" stop-opacity=\".55\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#ff7ab6\" stop-opacity=\"0\"\u002F>\u003C\u002FlinearGradient>\u003C\u002Fdefs>\n        \u003Cpath d=\"M0 70 C40 60 60 64 90 48 S150 40 180 30 S240 22 280 8 V80 H0Z\" fill=\"url(#dw-area)\"\u002F>\n        \u003Cpath d=\"M0 70 C40 60 60 64 90 48 S150 40 180 30 S240 22 280 8\" fill=\"none\" stroke=\"#ff7ab6\" stroke-width=\"3\" stroke-linecap=\"round\"\u002F>\n      \u003C\u002Fsvg>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"glass dw__card\">\n      \u003Ch3>Top supported\u003C\u002Fh3>\n      \u003Col class=\"dw__list\">\n        \u003Cli>\u003Cspan class=\"dw__av\" style=\"--a:#ff7ab6;--b:#6a5cff\" aria-hidden=\"true\">\u003C\u002Fspan>Mira Sol \u003Cb>€3.10\u003C\u002Fb>\u003C\u002Fli>\n        \u003Cli>\u003Cspan class=\"dw__av\" style=\"--a:#5ef2ff;--b:#3a7bff\" aria-hidden=\"true\">\u003C\u002Fspan>Tidepool \u003Cb>€2.45\u003C\u002Fb>\u003C\u002Fli>\n        \u003Cli>\u003Cspan class=\"dw__av\" style=\"--a:#ffd6a5;--b:#ff6a3d\" aria-hidden=\"true\">\u003C\u002Fspan>Kasa Nine \u003Cb>€1.90\u003C\u002Fb>\u003C\u002Fli>\n      \u003C\u002Fol>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"glass dw__card dw__card--cardart\">\n      \u003Ch3>Driftwave Card\u003C\u002Fh3>\n      \u003Cdiv class=\"dw__plastic\" aria-hidden=\"true\">\u003Cspan>DRIFTWAVE\u003C\u002Fspan>\u003Cspan>•••• 0417\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cp class=\"dw__muted\">1% of every purchase tips the artist you're listening to.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fsection>\n\n  \u003Csection class=\"dw__soft\" id=\"dw-soft\" data-trait=\"soft\" aria-labelledby=\"dw-soft-h\">\n    \u003Ch2 id=\"dw-soft-h\">Studio mixer\u003C\u002Fh2>\n    \u003Cp class=\"dw__muted\">Soft UI: controls extruded from the surface, lit from the top left.\u003C\u002Fp>\n    \u003Cdiv class=\"dw__soft-grid\">\n      \u003Cdiv class=\"dw__neu dw__neu--panel\">\n        \u003Cbutton class=\"dw__neu-btn\" type=\"button\" aria-pressed=\"true\" aria-label=\"Monitor on\">\n          \u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\u003Cpath d=\"M12 3a9 9 0 0 0-9 9v7a2 2 0 0 0 2 2h3v-8H5v-1a7 7 0 0 1 14 0v1h-3v8h3a2 2 0 0 0 2-2v-7a9 9 0 0 0-9-9z\"\u002F>\u003C\u002Fsvg>\n        \u003C\u002Fbutton>\n        \u003Cspan>Monitor\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"dw__neu dw__neu--panel\">\n        \u003Clabel class=\"dw__switch\">\n          \u003Cinput type=\"checkbox\" checked>\n          \u003Cspan class=\"dw__switch-track\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003C\u002Fspan>\n          Spatial audio\n        \u003C\u002Flabel>\n        \u003Clabel class=\"dw__switch\">\n          \u003Cinput type=\"checkbox\">\n          \u003Cspan class=\"dw__switch-track\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003C\u002Fspan>\n          Loudness\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"dw__neu dw__neu--panel dw__neu--wide\">\n        \u003Clabel for=\"dw-vol\">Volume \u003Coutput id=\"dw-vol-out\" for=\"dw-vol\">64\u003C\u002Foutput>\u003C\u002Flabel>\n        \u003Cinput class=\"dw__range\" id=\"dw-vol\" type=\"range\" min=\"0\" max=\"100\" value=\"64\" style=\"--v:64%\">\n        \u003Cdiv class=\"dw__seg\" role=\"group\" aria-label=\"EQ preset\">\n          \u003Cbutton type=\"button\" aria-pressed=\"false\">Bass\u003C\u002Fbutton>\n          \u003Cbutton type=\"button\" aria-pressed=\"true\">Flat\u003C\u002Fbutton>\n          \u003Cbutton type=\"button\" aria-pressed=\"false\">Vocal\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fsection>\n\n  \u003Cfooter class=\"dw__foot\">\n    \u003Cp>© 2021 Driftwave Audio Ltd. · Made with 💜 and backdrop-filter · \u003Ca href=\"#dw-hero\">Back to top\u003C\u002Fa>\u003C\u002Fp>\n  \u003C\u002Ffooter>\n\u003C\u002Fdiv>\n","@layer era, shell;\n@layer era {\n\u002F* Era 16: gradients, glassmorphism and soft UI (neumorphism), with a dark mode. *\u002F\n[data-era=\"16\"] {\n  background: #f3eefe;\n  color: #1d1640;\n  font-family: system-ui, -apple-system, 'SF Pro Display', 'Segoe UI Variable Display', 'Segoe UI', Inter, Roboto, sans-serif;\n\n  &:has(.dw[data-theme='dark']) {\n    background: #0f0b24;\n  }\n  @media (prefers-color-scheme: dark) {\n    &:not(:has(.dw[data-theme='light'])) {\n      background: #0f0b24;\n    }\n  }\n\n  \u002F* ---------- Theme tokens. Light by default, dark via the OS or the switch. ---------- *\u002F\n  .dw {\n    --bg: #f3eefe;\n    --ink: #1d1640;\n    --muted: #4b4470;\n    --glass: rgb(255 255 255 \u002F 0.32);\n    --glass-edge: rgb(255 255 255 \u002F 0.65);\n    --glass-shadow: 0 8px 32px rgb(60 30 140 \u002F 0.18);\n    --soft: #e7e8f0;\n    --soft-hi: #ffffff;\n    --soft-lo: #c3c5d4;\n    --soft-ink: #3a3b55;\n    --accent: #6a5cff;\n    --blob-a: #ff7ab6;\n    --blob-b: #6a5cff;\n    --blob-c: #5ef2ff;\n    --blob-d: #ffc46b;\n    color-scheme: light;\n  }\n  .dw[data-theme='dark'] {\n    --bg: #0f0b24;\n    --ink: #f4f1ff;\n    --muted: #c9c3ec;\n    --glass: rgb(30 22 70 \u002F 0.38);\n    --glass-edge: rgb(255 255 255 \u002F 0.16);\n    --glass-shadow: 0 8px 32px rgb(0 0 0 \u002F 0.45);\n    --soft: #262838;\n    --soft-hi: #31344a;\n    --soft-lo: #17182a;\n    --soft-ink: #dcdcf2;\n    --accent: #9d93ff;\n    --blob-a: #d6338a;\n    --blob-b: #4b3bff;\n    --blob-c: #0fb6c9;\n    --blob-d: #b04cff;\n    color-scheme: dark;\n  }\n  @media (prefers-color-scheme: dark) {\n    .dw:not([data-theme='light']) {\n      --bg: #0f0b24;\n      --ink: #f4f1ff;\n      --muted: #c9c3ec;\n      --glass: rgb(30 22 70 \u002F 0.38);\n      --glass-edge: rgb(255 255 255 \u002F 0.16);\n      --glass-shadow: 0 8px 32px rgb(0 0 0 \u002F 0.45);\n      --soft: #262838;\n      --soft-hi: #31344a;\n      --soft-lo: #17182a;\n      --soft-ink: #dcdcf2;\n      --accent: #9d93ff;\n      --blob-a: #d6338a;\n      --blob-b: #4b3bff;\n      --blob-c: #0fb6c9;\n      --blob-d: #b04cff;\n      color-scheme: dark;\n    }\n  }\n\n  .dw {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    min-height: 100%;\n    padding: 20px clamp(16px, 4cqw, 48px) 40px;\n    background: var(--bg);\n    color: var(--ink);\n    transition: background-color 400ms ease, color 400ms ease;\n  }\n\n  \u002F* ---------- Mesh-like gradient blobs ---------- *\u002F\n  .dw__blobs {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n    filter: blur(48px) saturate(140%);\n  }\n  .dw__blob {\n    position: absolute;\n    width: 46cqmax;\n    height: 46cqmax;\n    max-width: 640px;\n    max-height: 640px;\n    border-radius: 50%;\n    opacity: 0.85;\n    animation: e16-drift 24s ease-in-out infinite alternate;\n  }\n  .dw__blob--1 { left: -10%; top: -8%; background: radial-gradient(circle, var(--blob-a), transparent 72%); }\n  .dw__blob--2 { right: -12%; top: 4%; background: radial-gradient(circle, var(--blob-b), transparent 72%); animation-delay: -6s; animation-duration: 30s; }\n  .dw__blob--3 { left: 20%; top: 38%; background: radial-gradient(circle, var(--blob-c), transparent 70%); animation-delay: -12s; }\n  .dw__blob--4 { right: 4%; bottom: 0; background: radial-gradient(circle, var(--blob-d), transparent 70%); animation-delay: -3s; animation-duration: 34s; }\n\n  \u002F* ---------- Glass ---------- *\u002F\n  .glass {\n    background: var(--glass);\n    -webkit-backdrop-filter: blur(22px) saturate(170%);\n    backdrop-filter: blur(22px) saturate(170%);\n    border: 1px solid var(--glass-edge);\n    box-shadow: var(--glass-shadow), inset 0 1px 0 rgb(255 255 255 \u002F 0.35);\n  }\n\n  a {\n    color: inherit;\n  }\n  :focus-visible {\n    outline: 3px solid var(--accent);\n    outline-offset: 3px;\n  }\n\n  .dw__nav {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 10px 12px 10px 16px;\n    border-radius: 20px;\n    nav {\n      display: flex;\n      gap: 20px;\n      margin-left: auto;\n      font-weight: 500;\n    }\n    nav a {\n      text-decoration: none;\n    }\n    nav a:hover {\n      text-decoration: underline;\n      text-underline-offset: 4px;\n    }\n  }\n  .dw__logo {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-weight: 700;\n    font-size: 18px;\n    letter-spacing: -0.02em;\n    text-decoration: none;\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  \u002F* Neumorphic day\u002Fnight switch *\u002F\n  .dw__theme {\n    position: relative;\n    width: 60px;\n    height: 32px;\n    flex: none;\n    padding: 0;\n    border: 0;\n    border-radius: 999px;\n    background: var(--soft);\n    box-shadow: inset 3px 3px 6px var(--soft-lo), inset -3px -3px 6px var(--soft-hi);\n    cursor: pointer;\n  }\n  .dw__theme-knob {\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 35%, #fff6c9, #ffc46b);\n    box-shadow: 2px 2px 5px var(--soft-lo);\n    transition: transform 300ms cubic-bezier(0.3, 1.4, 0.5, 1), background 300ms;\n  }\n  .dw__theme[aria-checked='true'] .dw__theme-knob {\n    transform: translateX(28px);\n    background: radial-gradient(circle at 65% 35%, transparent 30%, #d8d4ff 31%);\n    box-shadow: none;\n  }\n\n  \u002F* ---------- Hero ---------- *\u002F\n  .dw__hero {\n    display: grid;\n    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);\n    align-items: center;\n    gap: 48px;\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 56px 0 48px;\n  }\n  .dw__kicker {\n    display: inline-block;\n    margin: 0 0 20px;\n    padding: 6px 14px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 600;\n  }\n  .dw__title {\n    margin: 0;\n    font-size: clamp(44px, 7cqw, 88px);\n    line-height: 0.98;\n    letter-spacing: -0.035em;\n    font-weight: 300;\n    font-variation-settings: normal;\n    span {\n      display: inline-block;\n      font-weight: 300;\n      transition: font-weight 400ms ease;\n      animation: e16-weight 2.4s ease-in-out calc(var(--i) * 70ms) 2 alternate;\n    }\n  }\n  \u002F* Variable system fonts (SF Pro, Segoe UI Variable) slide through every weight. *\u002F\n  .dw__title:hover span {\n    font-weight: 900;\n    transition-delay: calc(var(--i) * 25ms);\n  }\n  .dw__lede {\n    max-width: 46ch;\n    margin: 24px 0 32px;\n    font-size: 19px;\n    line-height: 1.55;\n    color: var(--muted);\n  }\n  \u002F* ---------- Stamp: a quiet second row in the glass bar ---------- *\u002F\n  .dw__nav {\n    flex-wrap: wrap;\n    row-gap: 6px;\n  }\n  .era-stamp {\n    flex: 1 0 100%;\n    margin: 0;\n    padding-top: 8px;\n    border-top: 1px solid var(--glass-edge);\n    color: var(--muted);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 20px;\n    letter-spacing: 0.01em;\n  }\n  .era-stamp__no {\n    display: inline-block;\n    margin-right: 2px;\n    padding: 0 8px;\n    border-radius: 999px;\n    background: linear-gradient(120deg, #e0206f, #6a3df0);\n    color: #fff;\n  }\n  .era-stamp__title::before {\n    content: '· ';\n  }\n\n  \u002F* ---------- Travel: a gradient pill and a frosted one ---------- *\u002F\n  .era-cta {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    gap: 14px;\n  }\n  .era-cta a {\n    display: grid;\n    gap: 2px;\n    padding: 14px 26px;\n    border-radius: 999px;\n    text-decoration: none;\n    transition: transform 200ms ease, box-shadow 200ms ease;\n  }\n  .era-cta a:hover {\n    transform: translateY(-2px);\n  }\n  .era-cta a:focus-visible {\n    outline: 3px solid var(--accent);\n    outline-offset: 4px;\n  }\n  .era-cta__label {\n    font-size: 17px;\n    font-weight: 650;\n    letter-spacing: -0.01em;\n  }\n  .era-cta__to {\n    font-size: 13px;\n    font-weight: 500;\n  }\n  .era-cta__next {\n    background: linear-gradient(120deg, #e0206f, #6a3df0 55%, #2563eb);\n    color: #fff;\n    box-shadow: 0 10px 30px -8px rgb(122 77 255 \u002F 0.7), inset 0 1px 0 rgb(255 255 255 \u002F 0.35);\n    text-shadow: 0 1px 2px rgb(30 10 80 \u002F 0.35);\n    .era-cta__label::after {\n      content: ' \\2192';\n    }\n    .era-cta__to {\n      color: rgb(255 255 255 \u002F 0.92);\n    }\n    &:hover {\n      box-shadow: 0 16px 36px -8px rgb(122 77 255 \u002F 0.8), inset 0 1px 0 rgb(255 255 255 \u002F 0.35);\n    }\n  }\n  .era-cta__prev {\n    background: var(--glass);\n    -webkit-backdrop-filter: blur(22px) saturate(170%);\n    backdrop-filter: blur(22px) saturate(170%);\n    border: 1px solid var(--glass-edge);\n    box-shadow: var(--glass-shadow), inset 0 1px 0 rgb(255 255 255 \u002F 0.35);\n    color: var(--ink);\n    .era-cta__label {\n      font-size: 15px;\n    }\n    .era-cta__to {\n      color: var(--muted);\n    }\n  }\n  .dw__trial {\n    margin: 18px 0 0;\n    color: var(--muted);\n    font-size: 14px;\n    a {\n      font-weight: 600;\n    }\n  }\n\n  \u002F* ---------- Player card ---------- *\u002F\n  .dw__player {\n    padding: 20px;\n    border-radius: 28px;\n    transform: rotate(2deg);\n  }\n  .dw__art svg {\n    display: block;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n  }\n  .dw__track {\n    margin-top: 16px;\n    h2 {\n      margin: 0;\n      font-size: 20px;\n      letter-spacing: -0.01em;\n    }\n    p {\n      margin: 2px 0 0;\n      color: var(--muted);\n    }\n  }\n  .dw__progress {\n    height: 6px;\n    margin-top: 16px;\n    border-radius: 3px;\n    background: rgb(127 127 160 \u002F 0.3);\n    span {\n      display: block;\n      width: 32%;\n      height: 100%;\n      border-radius: inherit;\n      background: linear-gradient(90deg, #ff7ab6, #6a5cff);\n    }\n  }\n  .dw__player.is-playing .dw__progress span {\n    animation: e16-progress 30s linear forwards;\n  }\n  .dw__times {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 4px;\n    font-size: 12px;\n    color: var(--muted);\n    font-variant-numeric: tabular-nums;\n  }\n  .dw__controls {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 18px;\n    margin-top: 8px;\n  }\n  .dw__ctl {\n    display: grid;\n    place-items: center;\n    width: 44px;\n    height: 44px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--ink);\n    cursor: pointer;\n    svg {\n      width: 24px;\n      height: 24px;\n      fill: currentColor;\n    }\n  }\n  .dw__ctl--play {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #ff7ab6, #6a5cff);\n    color: #fff;\n    box-shadow: 0 10px 24px -6px rgb(106 92 255 \u002F 0.7);\n  }\n  .dw__ico-pause {\n    display: none;\n  }\n  .dw__ctl--play[aria-pressed='true'] {\n    .dw__ico-play { display: none; }\n    .dw__ico-pause { display: inline; }\n  }\n  .dw__tip {\n    margin: 12px 0 0;\n    text-align: center;\n    font-size: 14px;\n    color: var(--muted);\n  }\n\n  \u002F* ---------- Wallet ---------- *\u002F\n  .dw__wallet {\n    display: grid;\n    grid-template-columns: 1.3fr 1fr 1fr;\n    gap: 20px;\n    max-width: 1120px;\n    margin: 0 auto;\n  }\n  .dw__card {\n    padding: 22px;\n    border-radius: 24px;\n    h2,\n    h3 {\n      margin: 0 0 8px;\n      font-size: 17px;\n      font-weight: 600;\n    }\n  }\n  .dw__balance {\n    margin: 0;\n    font-size: 48px;\n    font-weight: 700;\n    letter-spacing: -0.03em;\n    span {\n      font-weight: 300;\n      margin-right: 2px;\n    }\n  }\n  .dw__muted {\n    margin: 4px 0 0;\n    color: var(--muted);\n  }\n  .dw__chart {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin-top: 12px;\n  }\n  .dw__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    li {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 9px 0;\n      border-bottom: 1px solid var(--glass-edge);\n    }\n    li:last-child {\n      border-bottom: 0;\n    }\n    b {\n      margin-left: auto;\n    }\n  }\n  .dw__av {\n    width: 34px;\n    height: 34px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 30% 30%, #fff8, transparent 40%), linear-gradient(135deg, var(--a), var(--b));\n  }\n  .dw__plastic {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    aspect-ratio: 1.586;\n    max-width: 260px;\n    margin: 8px 0 12px;\n    padding: 14px 16px;\n    box-sizing: border-box;\n    border-radius: 14px;\n    background:\n      radial-gradient(circle at 85% 15%, rgb(255 255 255 \u002F 0.55), transparent 40%),\n      linear-gradient(135deg, #2f7bff, #7a4dff 50%, #ff3d8b);\n    color: #fff;\n    font: 600 13px\u002F1 ui-monospace, Menlo, monospace;\n    letter-spacing: 0.12em;\n    box-shadow: 0 16px 30px -12px rgb(60 30 140 \u002F 0.7);\n    transform: perspective(600px) rotateY(-14deg) rotateX(6deg);\n  }\n\n  \u002F* ---------- Soft UI \u002F neumorphism ---------- *\u002F\n  .dw__soft {\n    max-width: 1120px;\n    margin: 48px auto 0;\n    padding: 32px;\n    border-radius: 32px;\n    background: var(--soft);\n    color: var(--soft-ink);\n    box-shadow: 20px 20px 60px rgb(0 0 0 \u002F 0.12);\n    h2 {\n      margin: 0;\n      font-size: 26px;\n      letter-spacing: -0.02em;\n    }\n    .dw__muted {\n      color: var(--soft-ink);\n      opacity: 0.85;\n    }\n  }\n  .dw__soft-grid {\n    display: grid;\n    grid-template-columns: auto auto 1fr;\n    gap: 28px;\n    margin-top: 28px;\n  }\n  .dw__neu {\n    border-radius: 24px;\n    background: var(--soft);\n    box-shadow:\n      9px 9px 18px var(--soft-lo),\n      -9px -9px 18px var(--soft-hi);\n  }\n  .dw__neu-btn {\n    display: grid;\n    place-items: center;\n    width: 72px;\n    height: 72px;\n    border: 0;\n    border-radius: 50%;\n    background: var(--soft);\n    color: var(--soft-ink);\n    box-shadow: 6px 6px 12px var(--soft-lo), -6px -6px 12px var(--soft-hi);\n    cursor: pointer;\n    transition: box-shadow 200ms ease, color 200ms;\n  }\n  \u002F* Pressed: the light flips inside, as if the button sank into the surface. *\u002F\n  .dw__neu-btn[aria-pressed='true'] {\n    color: var(--accent);\n    box-shadow: inset 6px 6px 12px var(--soft-lo), inset -6px -6px 12px var(--soft-hi);\n  }\n  .dw__neu-btn svg {\n    width: 28px;\n    height: 28px;\n    fill: currentColor;\n  }\n  .dw__neu--panel {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    padding: 22px 26px;\n    font-weight: 600;\n  }\n  .dw__neu--wide {\n    align-items: stretch;\n    label {\n      display: flex;\n      justify-content: space-between;\n    }\n  }\n  .dw__switch {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    align-self: stretch;\n    cursor: pointer;\n    input {\n      position: absolute;\n      opacity: 0;\n    }\n  }\n  .dw__switch-track {\n    position: relative;\n    width: 52px;\n    height: 28px;\n    flex: none;\n    border-radius: 999px;\n    background: var(--soft);\n    box-shadow: inset 3px 3px 6px var(--soft-lo), inset -3px -3px 6px var(--soft-hi);\n    span {\n      position: absolute;\n      left: 3px;\n      top: 3px;\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      background: var(--soft);\n      box-shadow: 3px 3px 6px var(--soft-lo), -2px -2px 4px var(--soft-hi);\n      transition: transform 250ms ease, background 250ms;\n    }\n  }\n  .dw__switch input:checked + .dw__switch-track span {\n    transform: translateX(24px);\n    background: var(--accent);\n  }\n  .dw__switch input:focus-visible + .dw__switch-track {\n    outline: 3px solid var(--accent);\n    outline-offset: 3px;\n  }\n  .dw__range {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 100%;\n    height: 12px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--accent) var(--v), transparent var(--v)), var(--soft);\n    box-shadow: inset 3px 3px 6px var(--soft-lo), inset -3px -3px 6px var(--soft-hi);\n    &::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      background: var(--soft);\n      box-shadow: 4px 4px 8px var(--soft-lo), -4px -4px 8px var(--soft-hi);\n      cursor: grab;\n    }\n    &::-moz-range-thumb {\n      width: 28px;\n      height: 28px;\n      border: 0;\n      border-radius: 50%;\n      background: var(--soft);\n      box-shadow: 4px 4px 8px var(--soft-lo), -4px -4px 8px var(--soft-hi);\n    }\n  }\n  .dw__seg {\n    display: flex;\n    gap: 6px;\n    padding: 6px;\n    border-radius: 16px;\n    box-shadow: inset 3px 3px 6px var(--soft-lo), inset -3px -3px 6px var(--soft-hi);\n    button {\n      flex: 1;\n      padding: 10px 8px;\n      border: 0;\n      border-radius: 12px;\n      background: transparent;\n      color: inherit;\n      font: inherit;\n      font-weight: 600;\n      cursor: pointer;\n    }\n    button[aria-pressed='true'] {\n      background: var(--soft);\n      color: var(--accent);\n      box-shadow: 3px 3px 6px var(--soft-lo), -3px -3px 6px var(--soft-hi);\n    }\n  }\n\n  .dw__foot {\n    max-width: 1120px;\n    margin: 40px auto 0;\n    color: var(--muted);\n    font-size: 14px;\n    text-align: center;\n  }\n\n  @container screen (max-width: 860px) {\n    .dw__hero {\n      grid-template-columns: minmax(0, 1fr);\n      padding-top: 36px;\n    }\n    .dw__player {\n      max-width: 360px;\n      transform: none;\n    }\n    .dw__wallet {\n      grid-template-columns: minmax(0, 1fr);\n    }\n    .dw__soft-grid {\n      grid-template-columns: auto 1fr;\n    }\n    .dw__neu--wide {\n      grid-column: 1 \u002F -1;\n    }\n  }\n  @container screen (max-width: 560px) {\n    .dw__nav nav {\n      display: none;\n    }\n    .dw__theme {\n      margin-left: auto;\n    }\n    .dw__soft {\n      padding: 22px 18px;\n    }\n    .dw__soft-grid {\n      gap: 20px;\n    }\n    .era-cta a {\n      flex: 1 1 100%;\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .dw__blob,\n    .dw__title span {\n      animation: none;\n    }\n    .era-cta a {\n      transition: none;\n    }\n  }\n}\n\n@keyframes e16-drift {\n  to {\n    transform: translate(8%, 10%) scale(1.15);\n  }\n}\n@keyframes e16-weight {\n  50% {\n    font-weight: 900;\n  }\n  100% {\n    font-weight: 100;\n  }\n}\n@keyframes e16-progress {\n  to {\n    width: 100%;\n  }\n}\n\n}",[82,84,86,88],{"caption":44,"file":42,"html":83},"\u003Cpre class=\"shiki github-dark-dimmed\" style=\"background-color:#22272e;color:#adbac7\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.dw__neu\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  border-radius\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">24\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  background\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  box-shadow\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">    9\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 9\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 18\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft-lo\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">),\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">    -9\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> -9\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 18\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft-hi\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.dw__neu-btn\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  display\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">grid\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  place-items\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">center\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  width\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">72\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  height\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">72\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  border\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  border-radius\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">50\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">%\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  background\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft-ink\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  box-shadow\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 12\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft-lo\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">), \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">-6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> -6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 12\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft-hi\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  cursor\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">pointer\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  transition\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: box-shadow \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">200\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">ms\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> ease\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">color\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 200\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">ms\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#768390\">\u002F* Pressed: the light flips inside, as if the button sank into the surface. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.dw__neu-btn\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">[\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">aria-pressed\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'true'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">] {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--accent\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  box-shadow\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">inset\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 12\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft-lo\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">), \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">inset\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> -6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> -6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 12\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">--soft-hi\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"caption":49,"file":47,"html":85},"\u003Cpre class=\"shiki github-dark-dimmed\" style=\"background-color:#22272e;color:#adbac7\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">article\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__player glass\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-trait\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"glass\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-label\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"Now playing\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__art\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-trait\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"illustration\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0 0 200 200\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> role\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"img\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-labelledby\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw-art-t\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">title\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> id\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw-art-t\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Album art: a glossy 3D sphere inside a floating ring<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">title\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">defs\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">radialGradient\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> id\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw-sph\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"35%\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cy\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"30%\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> r\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"75%\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#fff\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\".25\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#ffb3d9\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\".7\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#7b5cff\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#2a1a7a\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">radialGradient\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">linearGradient\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> id\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw-ring\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> x1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> y1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> x2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> y2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#5ef2ff\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\".5\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#ffffff\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#ff7ab6\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">linearGradient\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">linearGradient\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> id\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw-bg\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> x1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> y1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> x2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> y2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#ffd6a5\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#ff7ab6\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">linearGradient\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">radialGradient\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> id\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw-shadow\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#2a1a7a\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-opacity\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\".45\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">stop\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> offset\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#2a1a7a\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stop-opacity\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">radialGradient\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">defs\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">rect\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> width\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"200\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> height\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"200\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> rx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"24\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"url(#dw-bg)\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">ellipse\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"100\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cy\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"168\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> rx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"56\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> ry\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"10\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"url(#dw-shadow)\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">path\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"M28 104a72 22 -12 0 0 144 -30\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stroke\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"url(#dw-ring)\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stroke-width\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"9\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"round\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> opacity\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\".55\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">circle\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"100\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cy\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"96\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> r\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"50\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"url(#dw-sph)\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">ellipse\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"82\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cy\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"74\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> rx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"16\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> ry\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"9\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#fff\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> opacity\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\".55\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> transform\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"rotate(-30 82 74)\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">path\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"M172 74a72 22 -12 0 1 -144 30\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"none\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stroke\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"url(#dw-ring)\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stroke-width\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"9\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> stroke-linecap\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"round\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">circle\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"156\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cy\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"44\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> r\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"10\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#5ef2ff\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">circle\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cx\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"153\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> cy\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"41\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> r\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"3\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> fill\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#fff\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> opacity\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\".8\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__track\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Low Orbit Lullaby<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Mira Sol · <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Satellite Hearts<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__progress\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> role\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"img\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-label\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"1 minute 12 seconds of 3 minutes 48 seconds\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__times\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>1:12<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>3:48<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">span\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__controls\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">button\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__ctl\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> type\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"button\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-label\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"Previous track\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">path\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"M6 6h2v12H6zm3.5 6 8.5 6V6z\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">button\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">button\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__ctl dw__ctl--play\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> type\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"button\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-pressed\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"false\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-label\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"Play\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">path\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__ico-play\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"M8 5v14l11-7z\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">path\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__ico-pause\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"M6 5h4v14H6zm8 0h4v14h-4z\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">button\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">button\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__ctl\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> type\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"button\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-label\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"Next track\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> viewBox\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"0 0 24 24\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> aria-hidden\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"true\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">path\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">svg\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">button\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">div\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"dw__tip\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Every play sends <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">strong\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>€0.012<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">strong\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">> straight to Mira.<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">article\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"caption":51,"file":42,"html":87},"\u003Cpre class=\"shiki github-dark-dimmed\" style=\"background-color:#22272e;color:#adbac7\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.dw\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --bg\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#f3eefe\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --ink\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#1d1640\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --muted\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#4b4470\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --glass\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.32\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --glass-edge\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.65\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --glass-shadow\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 8\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 32\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">60\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 30\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 140\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.18\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#e7e8f0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft-hi\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#ffffff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft-lo\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#c3c5d4\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft-ink\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#3a3b55\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --accent\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#6a5cff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#ff7ab6\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-b\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#6a5cff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-c\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#5ef2ff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#ffc46b\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color-scheme\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">light\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.dw\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">[\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">data-theme\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'dark'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">] {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --bg\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#0f0b24\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --ink\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#f4f1ff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --muted\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#c9c3ec\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --glass\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">30\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 22\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 70\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.38\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --glass-edge\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.16\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --glass-shadow\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 8\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 32\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.45\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#262838\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft-hi\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#31344a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft-lo\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#17182a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --soft-ink\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#dcdcf2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --accent\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#9d93ff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#d6338a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-b\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#4b3bff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-c\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#0fb6c9\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">  --blob-d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#b04cff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color-scheme\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">dark\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">@media\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> (prefers-color-scheme: dark) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  .dw:not\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">([\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">data-theme\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'light'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">]) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --bg\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#0f0b24\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --ink\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#f4f1ff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --muted\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#c9c3ec\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --glass\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">30\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 22\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 70\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.38\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --glass-edge\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 255\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.16\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --glass-shadow\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 8\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 32\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> rgb\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> \u002F \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.45\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --soft\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#262838\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --soft-hi\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#31344a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --soft-lo\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#17182a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --soft-ink\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#dcdcf2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --accent\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#9d93ff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --blob-a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#d6338a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --blob-b\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#4b3bff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --blob-c\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#0fb6c9\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F69D50\">    --blob-d\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#b04cff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">    color-scheme\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">dark\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"caption":56,"file":54,"html":89},"\u003Cpre class=\"shiki github-dark-dimmed\" style=\"background-color:#22272e;color:#adbac7\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#768390\">\u002F** The OS decides until the visitor flips the switch; their choice is remembered. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">let\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> saved\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">:\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> null\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> null\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">try\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  saved \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> localStorage.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">getItem\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'era16-theme'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">} \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">catch\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#768390\">  \u002F* storage blocked *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">const\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\"> apply\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> (\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">theme\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">:\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'light'\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'dark'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  room.dataset.theme \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> theme\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  themeBtn.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">setAttribute\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'aria-checked'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">String\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(theme \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">===\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'dark'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">))\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#DCBDFB\">apply\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(saved \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">===\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'dark'\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> ||\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> saved \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">===\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'light'\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> ?\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> saved \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">:\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> mq.matches \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">?\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'dark'\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'light'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">const\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\"> onScheme\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">  if\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> (\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">!\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">saved) \u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">apply\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(mq.matches \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">?\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'dark'\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'light'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">mq.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">addEventListener\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'change'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, onScheme)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">themeBtn.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">addEventListener\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'click'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, () \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">  const\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> next\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> room.dataset.theme \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">===\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'dark'\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> ?\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'light'\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'dark'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#DCBDFB\">  apply\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(next)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  saved \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> next\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">  try\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    localStorage.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">setItem\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'era16-theme'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, next)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  } \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">catch\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#768390\">    \u002F* ignore *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">})\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1791232162917]