body {
  color: #333;
}

a {
  color: #33f;
  border-bottom: 1px dotted #33f;
}
a:hover {
  border-bottom: 1px solid #f2849e;
}

.tiles article h3 {
  margin-bottom: 2px;
  font-size: 0.9em;
}
.tiles article h2 {
  font-size: 1.3em;
}
.tiles article p {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.5em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  border-radius: 0.5em;
}

header.hero {
  text-align: center;
}
header.hero h1 {
  font-size: 4em;
  margin-bottom: 0.25em;
  text-transform: uppercase;
  letter-spacing: 0.35em;
  line-height: 1.1;
}
header.hero h2 {
  font-size: 1.7em;
  line-height: 1.2;
}

h1.episode {
  font-size: 2.5em;
}
h1.episode span {
  letter-spacing: 0.02em;
  font-size: 1.5em;
}

section h2 {
  margin: 0 0 0.5em;
}
section p {
  margin-bottom: 1em;
}
section.explicit {
  font-size: 0.8em;
  color: #880000;
  margin-bottom: 2em;
}

.audio-player h2 {
  margin: 0 0 0.5em 0.5em;
}

.vote-holder {
  margin-bottom: 2em;
}

.vote {
  margin-top: 2em;
}

.vote-results h2 {
  margin: 2em 0 0.5em;
}

.live-vote, .settled-vote {
  display: none;
}
.live-vote .vote-choice, .settled-vote .vote-choice {
  border: 1px solid #c9c9c9;
  padding-bottom: 1em;
}
.live-vote a, .settled-vote a {
  text-align: center;
  width: 100%;
}
.live-vote .choices, .settled-vote .choices {
  text-align: center;
  padding: 0 1em;
}
.live-vote .choices span, .settled-vote .choices span {
  display: inline-block;
  margin: 0.3em 0.6em;
  padding: 0.5em 1em;
  background-color: rgba(0, 0, 255, 0.1);
  border-radius: 0.5em;
}

.settled-vote .vote-choice {
  opacity: 0.5;
}
.settled-vote .vote-choice.winner {
  opacity: 1;
}

.callout {
  background-color: rgba(0, 0, 255, 0.05);
  font-style: italic;
  color: rgb(100, 0, 0);
  padding: 0 0.1em;
}

@media screen and (max-width: 981px) {
  .listen-on {
    display: none !important;
  }
  .listen-on-mobile-holder {
    display: flex !important;
  }
}
@media screen and (max-width: 736px) {
  .listen-on {
    display: none !important;
  }
  .listen-on-mobile-holder {
    display: flex !important;
  }
  .listen-on-mobile-holder a {
    min-height: 40px !important;
  }
}
.you-left-a-comment {
  width: 100%;
  margin: -1em 0 3em;
  padding: 1em;
  background-color: #f8cdd7;
  text-align: center;
  border-radius: 0.5em;
  opacity: 0;
  transition: opacity 1.5s !important;
}
.you-left-a-comment.fade-in {
  opacity: 1;
}
.you-left-a-comment p {
  margin: 0;
}

.listen-on-mobile-holder {
  display: none;
  margin: 0em 2em;
}
.listen-on-mobile-holder--first {
  margin-top: -1em;
}
.listen-on-mobile-holder--last {
  margin-bottom: 2em;
}

.listen-on, .listen-on-mobile {
  background: transparent none no-repeat center center;
  background-size: contain;
  padding: 0px !important;
}
.listen-on a, .listen-on-mobile a {
  display: block;
  width: 100%;
  min-height: 100px;
  text-decoration: none;
  border: none;
  transition: background-color 0.3s;
  background-color: rgba(255, 255, 255, 0.3);
}
.listen-on a:hover, .listen-on-mobile a:hover {
  background-color: rgba(255, 255, 255, 0);
}
.listen-on--apple, .listen-on-mobile--apple {
  background-image: url(../../images/listen-on-apple-podcasts-logo.png);
}
.listen-on--amazon, .listen-on-mobile--amazon {
  background-image: url(../../images/listen-on-amazon-music-logo.png);
}
.listen-on--youtube, .listen-on-mobile--youtube {
  background-image: url(../../images/listen-on-youtube-logo.png);
}
.listen-on--addict, .listen-on-mobile--addict {
  background-image: url(../../images/listen-on-podcast-addict-logo.png);
}
.listen-on--spotify, .listen-on-mobile--spotify {
  background-image: url(../../images/listen-on-spotify-logo.png);
}

section.episode-image {
  text-align: right;
}
section.episode-image img {
  width: 100%;
  border-radius: 1em;
}

@media screen and (max-width: 981px) {
  section.episode-image {
    display: none;
  }
}
.vote-feedback {
  font-size: 0.8em;
}

.feedback-textbox {
  width: 100%;
  margin-bottom: 1em;
  font-size: 0.8em;
  border: 1px solid #c9c9c9;
  padding: 0.5em;
  border-radius: 0.3em;
}
.feedback-textbox:focus {
  box-shadow: none;
  border-color: #f2849e;
}

@media screen and (max-width: 999px) {
  #header nav#widescreen-menu {
    display: none;
  }
  #header nav {
    background: transparent;
  }
}
@media screen and (min-width: 1000px) {
  #header nav#menu-button {
    display: none;
  }
  #header .inner .logo {
    position: relative;
    z-index: 10001;
  }
  #header .inner .logo.title {
    transition: all 0.35s ease, padding 0.35s ease;
  }
  #header .inner .logo.white-logo {
    color: #fff;
  }
  #header .inner .logo.pinned-logo {
    position: fixed;
    top: 18px;
  }
}
.episode-nav {
  margin-top: 1em;
}
.episode-nav.back-holder {
  text-align: right;
}
.episode-nav.back-holder .button:hover {
  padding-right: 4em;
}
.episode-nav.forward-holder .button:hover {
  padding-left: 4em;
}
.episode-nav .button {
  transition: all 0.75s;
}

@media screen and (max-width: 480px) {
  .episode-nav {
    margin-top: 1em;
  }
  .episode-nav.back-holder {
    text-align: left;
  }
  .episode-nav.forward-holder {
    text-align: right;
  }
}
.fa-bluesky::before {
  content: "";
  background-color: currentColor;
  -webkit-mask: url("/images/bluesky.svg") no-repeat center center;
          mask: url("/images/bluesky.svg") no-repeat center center;
  -webkit-mask-size: cover;
          mask-size: cover;
  height: 0.9em;
  aspect-ratio: 1;
}

.wheel-holder {
  opacity: 0;
  transition: opacity 0.5s;
}

:where(.ui-wheel-of-fortune) {
  --_items: 12;
  all: unset;
  aspect-ratio: 1/1;
  container-type: inline-size;
  direction: ltr;
  display: grid;
  position: relative;
  width: 100%;
}
:where(.ui-wheel-of-fortune)::after {
  aspect-ratio: 1/0.8660254038;
  background-color: crimson;
  -webkit-clip-path: polygon(50% 100%, 100% 0, 0 0);
          clip-path: polygon(50% 100%, 100% 0, 0 0);
  content: "";
  height: 4cqi;
  position: absolute;
  place-self: start center;
  scale: 1.4;
}
:where(.ui-wheel-of-fortune) > * {
  position: absolute;
}
:where(.ui-wheel-of-fortune) button {
  aspect-ratio: 1/1;
  background: hsla(0, 0%, 100%, 0.8);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  place-self: center;
  width: 20cqi;
  height: 20cqi;
}
:where(.ui-wheel-of-fortune) ul {
  all: unset;
  -webkit-clip-path: inset(0 0 0 0 round 50%);
          clip-path: inset(0 0 0 0 round 50%);
  display: grid;
  inset: 0;
  place-content: center start;
}
:where(.ui-wheel-of-fortune) ul li {
  align-content: center;
  aspect-ratio: 1/calc(2 * tan(180deg / var(--_items)));
  background: hsl(calc(360deg / var(--_items) * (var(--_idx))), 100%, 75%);
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  display: grid;
  font-size: 3cqi;
  grid-area: 1/-1;
  padding-left: 4ch;
  rotate: calc(360deg / var(--_items) * (var(--_idx) - 1));
  transform-origin: center right;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 50cqi;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(1) {
  --_idx: 1;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(2) {
  --_idx: 2;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(3) {
  --_idx: 3;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(4) {
  --_idx: 4;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(5) {
  --_idx: 5;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(6) {
  --_idx: 6;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(7) {
  --_idx: 7;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(8) {
  --_idx: 8;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(9) {
  --_idx: 9;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(10) {
  --_idx: 10;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(11) {
  --_idx: 11;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(12) {
  --_idx: 12;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(13) {
  --_idx: 13;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(14) {
  --_idx: 14;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(15) {
  --_idx: 15;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(16) {
  --_idx: 16;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(17) {
  --_idx: 17;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(18) {
  --_idx: 18;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(19) {
  --_idx: 19;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(20) {
  --_idx: 20;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(21) {
  --_idx: 21;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(22) {
  --_idx: 22;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(23) {
  --_idx: 23;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(24) {
  --_idx: 24;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(25) {
  --_idx: 25;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(26) {
  --_idx: 26;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(27) {
  --_idx: 27;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(28) {
  --_idx: 28;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(29) {
  --_idx: 29;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(30) {
  --_idx: 30;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(31) {
  --_idx: 31;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(32) {
  --_idx: 32;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(33) {
  --_idx: 33;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(34) {
  --_idx: 34;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(35) {
  --_idx: 35;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(36) {
  --_idx: 36;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(37) {
  --_idx: 37;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(38) {
  --_idx: 38;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(39) {
  --_idx: 39;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(40) {
  --_idx: 40;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(41) {
  --_idx: 41;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(42) {
  --_idx: 42;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(43) {
  --_idx: 43;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(44) {
  --_idx: 44;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(45) {
  --_idx: 45;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(46) {
  --_idx: 46;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(47) {
  --_idx: 47;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(48) {
  --_idx: 48;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(49) {
  --_idx: 49;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(50) {
  --_idx: 50;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(51) {
  --_idx: 51;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(52) {
  --_idx: 52;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(53) {
  --_idx: 53;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(54) {
  --_idx: 54;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(55) {
  --_idx: 55;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(56) {
  --_idx: 56;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(57) {
  --_idx: 57;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(58) {
  --_idx: 58;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(59) {
  --_idx: 59;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(60) {
  --_idx: 60;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(61) {
  --_idx: 61;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(62) {
  --_idx: 62;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(63) {
  --_idx: 63;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(64) {
  --_idx: 64;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(65) {
  --_idx: 65;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(66) {
  --_idx: 66;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(67) {
  --_idx: 67;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(68) {
  --_idx: 68;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(69) {
  --_idx: 69;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(70) {
  --_idx: 70;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(71) {
  --_idx: 71;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(72) {
  --_idx: 72;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(73) {
  --_idx: 73;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(74) {
  --_idx: 74;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(75) {
  --_idx: 75;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(76) {
  --_idx: 76;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(77) {
  --_idx: 77;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(78) {
  --_idx: 78;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(79) {
  --_idx: 79;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(80) {
  --_idx: 80;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(81) {
  --_idx: 81;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(82) {
  --_idx: 82;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(83) {
  --_idx: 83;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(84) {
  --_idx: 84;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(85) {
  --_idx: 85;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(86) {
  --_idx: 86;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(87) {
  --_idx: 87;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(88) {
  --_idx: 88;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(89) {
  --_idx: 89;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(90) {
  --_idx: 90;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(91) {
  --_idx: 91;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(92) {
  --_idx: 92;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(93) {
  --_idx: 93;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(94) {
  --_idx: 94;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(95) {
  --_idx: 95;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(96) {
  --_idx: 96;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(97) {
  --_idx: 97;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(98) {
  --_idx: 98;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(99) {
  --_idx: 99;
}
:where(.ui-wheel-of-fortune) ul li:nth-of-type(100) {
  --_idx: 100;
}

.button.load-more {
  display: block;
  margin: -5em auto 3em;
  background-color: #fff;
}
.button.load-more:disabled {
  opacity: 1 !important;
  color: rgb(144, 144, 144) !important;
  border-left-color: rgb(144, 144, 144) !important;
  border-right-color: rgb(144, 144, 144) !important;
  border-top-color: rgb(144, 144, 144) !important;
  border-bottom-color: rgb(144, 144, 144) !important;
  cursor: not-allowed;
}

/* for demo */
* {
  box-sizing: border-box;
}

body {
  font-family: system-ui, sans-serif;
  padding: 5cqi;
}/*# sourceMappingURL=extra.css.map */