:root{--font-body: upgrade, sans-serif;--font-mono: zeitung-mono, monotype;--font-display: zeitung, sans-serif;--font-micro: zeitung-micro, sans-serif;--color-off-white: #f9f9f9;--color-gray-200: hsl(0, 0%, 89%);--color-gray-400: hsl(0, 0%, 43%);--color-gray-700: #484848;--color-orange-200: hsl(34, 64%, 92%);--color-orange-400: hsl(30, 100%, 85%);--color-orange-800: hsl(34, 6%, 37%);--color-orange: hsl(30, 100%, 65%);--color-purple-200: #ccadf2;--color-gray-5: hsl(0, 0%, 85%);--color-gray-4: hsl(0, 0%, 65%);--color-gray-5: hsl(0, 0%, 45%);--color-black-5: hsl(0,0%,22%);--color-black-4: hsl(0,0%,12%);--color-black-3: hsl(53, 74%, 7%);--color-black-2: hsl(0, 0%, 10%);--color-near-black: hsl(206, 100%, 4%);--color-gray-yellow: hsl(53, 21%, 98%);--color-yellow-1: hsl(59, 79%, 89%);--color-yellow-1-opacity: hsla(59, 79%, 89%, .4);--color-yellow-2: hsl(43, 90%, 70%);--color-yellow-2-opacity: hsla(43, 90%, 70%, .4);--color-yellow-5: hsl(58, 80%, 61%);--color-orange-1: hsl(43, 90%, 70%);--color-orange-1-opacity: hsla(43, 90%, 70%, .15);--color-orange-5: hsl(22, 80%, 61%);--color-orange-5-opacity: hsla(22, 80%, 61%, .15);--color-orange-6: hsl(8, 80%, 61%);--color-orange-7: hsl(8, 80%, 48%);--color-red-4: hsla(8, 91%, 62%, 1);--color-red-4-opacity: hsla(8, 91%, 62%, .15);--color-red-3: hsla(6, 96%, 65%, 1);--color-red-3-opacity: hsla(6, 96%, 65%, .15);--color-red-2: hsla(6, 96%, 70%, 1);--color-red-2-opacity: hsla(6, 96%, 70%, .15);--color-teal-3: hsl(169, 51%, 53%);--color-teal-3-opacity: hsla(169, 51%, 53%, .15);--color-green-4: hsl(133, 57%, 44%);--color-green-4-opacity: hsla(133, 57%, 44%, .15);--gradient-sunrise: linear-gradient(132deg, var(--color-orange-5) 16%, var(--color-yellow-5) 90%);--gradient-sunset: linear-gradient(132deg, #D65718 0%, #DE7310 40%, #0D226F 100%);--gradient-sunset-radial: radial-gradient(50% 50% at 50% 50%, rgba(255, 153, 94, .2) 0%, rgba(14, 79, 128, .2) 100%);--main-gradient: linear-gradient(90deg, #8fbcff, #afb5fb, #ccadf2, #e4a6e2, #f5a1cf, #ff9eb9, #ff9fa3, #ffa38f);--gradient-transparent-orange: linear-gradient(180deg, transparent 0% 7%, hsla(22, 80%, 61%, .2));--gradient-transparent-gray: linear-gradient(180deg, transparent 0% 7%, hsla(0, 0%, 20%, .2));--gradient-green: linear-gradient(132deg, var(--color-green-4-opacity) 0%, var(--color-teal-3-opacity) 100%);--gradient-red: linear-gradient(132deg, var(--color-red-4-opacity) 0%, var(--color-red-3-opacity) .01%, var(--color-red-2-opacity) 100%);--gradient-orange: linear-gradient(132deg, var(--color-orange-1-opacity) 0%, var(--color-orange-5-opacity) 100%);--theme-code-bg: hsl(206, 28%, 8%);--site-columns: 1fr [main-start] min(940px, 90%) [main-end] 1fr}@media (prefers-color-scheme: dark){:root{--theme-bg: var(--color-near-black);--theme-bg-contrast: var(--color-black-4);--theme-color: var(--color-gray-yellow);--theme-color-700: var(--color-gray-700);--theme-color-400: var(--color-gray-400);--theme-color-200: var(--color-gray-200);--theme-accent: var(--color-orange);--theme-accent-lighter: var(--color-yellow-2);--theme-labels: var(--color-orange-1);--theme-titles: var(--color-yellow-1);--theme-links: var(--color-orange-5);--theme-borders: var(--color-black-4);--theme-borders-contrast: var(--color-yellow-2);--theme-footer: var(--gradient-transparent-orange);--theme-gradient: var(--gradient-sunrise)}}@media (prefers-color-scheme: light){:root{--theme-bg: var(--color-off-white);--theme-bg-contrast: var(--color-gray-5);--theme-color: var(--color-black-3);--theme-text: var(--color-black-3);--theme-color-700: var(--color-gray-700);--theme-color-400: var(--color-gray-400);--theme-color-200: var(--color-gray-200);--theme-accent: var(--color-near-black);--theme-accent-lighter: var(--color-black-3);--theme-labels: var(--color-black-3);--theme-titles: var(--color-black-3);--theme-links: var(--color-black-3);--theme-borders: var(--color-black-2);--theme-borders-contrast: var(--color-black-4);--theme-footer: var(--gradient-transparent-gray);--theme-gradient: var(--gradient-sunset)}}body{background-color:var(--theme-bg);color:var(--theme-color);font-family:var(--font-body)!important;font-weight:300!important;overflow-x:hidden}img{max-width:100%}strong{font-weight:700}a{color:var(--theme-accent);position:relative;text-decoration:none}a:visited{color:var(--theme-accent)}p{line-height:1.5}strong{font-weight:700!important}.gradient-text{background-color:var(--theme-accent);background-image:var(--theme-gradient);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.text-accent{color:var(--theme-accent)}player-bar{left:0;bottom:0;width:100%;border-top:1px solid var(--theme-borders);position:fixed;z-index:1000;background:var(--color-black-4);display:grid;grid-template-columns:var(--site-columns);transition:transform .15s cubic-bezier(0,0,0,1);transform:translateY(82px);--seek-bar-width: 0%}player-bar.open{transform:translateY(0)}player-bar>*{grid-column:2}player-bar .pauseButton{display:none}player-bar .playButton,.pauseButton{min-height:36px;min-width:36px;background:none;border:2px solid #939393;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}player-bar .playButton img{position:relative;left:1px;top:1px}player-bar .pauseButton img{position:relative;top:1px}player-bar .mainBar{display:flex;align-items:center;justify-content:space-between;position:relative;padding-block:22px;gap:12px}player-bar .mainBar:hover .seek-bar-progress-knob{opacity:1}player-bar .mainBar .seek-bar-progress{content:"";display:block;height:4px;width:var(--seek-bar-width);position:absolute;left:0;border-top-right-radius:2px;border-bottom-right-radius:2px;background:var(--color-orange)}player-bar .mainBar .seek-bar-progress-knob{height:12px;width:12px;border-radius:100%;z-index:1000;position:absolute;top:-4px;background:var(--color-orange);left:calc(var(--seek-bar-width) - 6px);opacity:0;transition:opacity .15s cubic-bezier(.5,0,.5,1)}player-bar .mainBar .seek-bar{display:block;height:16px;width:100%;position:absolute;top:0;left:0;background:transparent;cursor:pointer}player-bar .mainBar .seek-bar .seek-bar-track{display:block;height:4px;width:100%;position:absolute;top:0;left:0;background:var(--color-gray-5);cursor:pointer}player-bar .mainBar .time-scrubber-tip{position:absolute;padding:8px 16px;font-family:var(--font-mono);background-color:var(--color-black-5);color:#9e9e9e;font-size:.6275rem;top:-32px;border-radius:4px;opacity:0;transition:opacity .15s cubic-bezier(.5,0,.5,1)}player-bar .controlBar{display:flex;gap:16px}player-bar .currentAudio{display:grid;gap:6px}player-bar .currentAudio .title{color:var(--color-gray-yellow);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}player-bar .author{color:#9e9e9e;font-size:.875rem}player-bar .time{color:#9e9e9e;font-size:.75rem;font-family:var(--font-mono);line-height:1.5}player-bar .time-container{display:flex;align-items:center;gap:16px}player-bar .time-container .speed-settings{display:flex;align-items:center;gap:8px}player-bar .time-container .time-divider{color:#9e9e9e}player-bar .time-container .speed-settings button{border:0;background:none;cursor:pointer;color:#9e9e9e;font-size:.6275rem;font-family:var(--font-mono)}player-bar .time-container .speed-settings button.active-speed{color:var(--color-orange-1);position:relative}player-bar .time-container .speed-settings button:after{content:"";display:block;height:1px;width:100%;background:var(--color-orange-1);transition:transform .25s cubic-bezier(.5,0,.5,1);transform:scale(0);transform-origin:center}player-bar .time-container .speed-settings button.active-speed:after{transform:scale(1)}player-button .player-button{height:56px;width:56px;background:none;border:2px solid #939393;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}player-button .player-button img{position:relative;left:2px;top:1px}@media (max-width: 660px){player-bar .time-container .time-divider,player-bar .time-container .speed-settings{display:none}player-bar .mainBar{grid-column:1 / -1;padding-inline:16px}}