@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.nautile-theme {
  --ntl-card--description-font-size: 0.9em; }
  .nautile-theme .radios.list {
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr); }
    @media (min-width: 768px) and (max-width: 1223px) {
      .nautile-theme .radios.list {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 767px) {
      .nautile-theme .radios.list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
    .nautile-theme .radios.list ntl-card[is-playing] {
      box-shadow: #ac2a2c 0 0 1em;
      transition-duration: .3s; }
    .nautile-theme .radios.list ntl-card {
      margin: 2em 0;
      border-radius: 0.7em; }
      .nautile-theme .radios.list ntl-card .title {
        text-shadow: 1px 1px 2px #8e1d1d; }
      .nautile-theme .radios.list ntl-card .description {
        font-weight: 500; }
      @media (max-width: 767px) {
        .nautile-theme .radios.list ntl-card {
          margin: 2em 0; } }
  .nautile-theme .radios.description {
    text-align: center;
    line-height: 2em;
    font-size: 1.2em;
    font-weight: 400;
    margin: 1.5em 0 0 0; }
    @media (max-width: 767px) {
      .nautile-theme .radios.description {
        line-height: 2em;
        font-size: 1.2em;
        padding: 1em; } }
  .nautile-theme .player {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gETAioKZK4wsAAAAGlJREFUaN7t2rENwCAQBMELv/+Gz4llWTRgg4YAXp9tMBlpmyTTNu95t91z3WeWd6fdEREj4oe7HOMEdk5EwA47J7DDDjsnsMMOOyewww477LDDDjvssMMOuwjYYYddBOywc/J9xAmfzy6at9KN2XFaiAAAAABJRU5ErkJggg==") #e6dfdf77; }
    @media (max-width: 767px) {
      .nautile-theme .player {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1em; } }
    .nautile-theme .player .caption {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-box-direction: normal;
      -moz-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      font-size: 1.3em;
      line-height: 1.8em;
      font-weight: 400;
      color: #564545; }
      @media (max-width: 767px) {
        .nautile-theme .player .caption {
          font-size: 1.2em;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          text-align: center; } }
      .nautile-theme .player .caption strong {
        font-size: 1.6em;
        color: #8e1d1d;
        text-transform: uppercase;
        font-weight: bold; }
    .nautile-theme .player .station-name {
      font-size: 1.2em;
      position: absolute;
      top: 16em;
      color: #8e1d1d;
      text-transform: uppercase;
      font-weight: bold;
      text-align: right; }
      @media (max-width: 767px) {
        .nautile-theme .player .station-name {
          font-size: 1.7em;
          top: 14em; } }
    .nautile-theme .player.pause .station-name {
      display: none; }
    .nautile-theme .player .wrapper {
      padding: 1.5em 1.5em 0 1.5em;
      width: 22em; }
      @media (max-width: 767px) {
        .nautile-theme .player .wrapper {
          width: auto;
          padding: 1em 0; } }
      .nautile-theme .player .wrapper.img {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        -webkit-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out; }
        @media (max-width: 767px) {
          .nautile-theme .player .wrapper.img {
            padding: 0 0 1.5em 0; } }
        .nautile-theme .player .wrapper.img img {
          width: 100%; }
        .nautile-theme .player .wrapper.img .controls {
          position: absolute;
          z-index: 1;
          --ntl-icon-size: 4em;
          height: 4em;
          cursor: pointer; }
        .nautile-theme .player .wrapper.img .rotating {
          -o-animation: rotating 2s linear infinite;
          -moz-animation: rotating 2s linear infinite;
          -webkit-animation: rotating 2s linear infinite;
          animation: rotating 2s linear infinite; }
        .nautile-theme .player .wrapper.img .jello-horizontal {
          -o-animation: jello-horizontal 0.9s both infinite;
          -moz-animation: jello-horizontal 0.9s both infinite;
          -webkit-animation: jello-horizontal 0.9s both infinite;
          animation: jello-horizontal 0.9s both infinite; }
        .nautile-theme .player .wrapper.img img {
          margin-bottom: 1em;
          border-radius: 0.4em;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-filter: alpha(opacity=0);
          -moz-filter: alpha(opacity=0);
          -o-filter: alpha(opacity=0);
          filter: alpha(opacity=0); }
          @media (max-width: 767px) {
            .nautile-theme .player .wrapper.img img {
              display: none; } }
          .nautile-theme .player .wrapper.img img.fadeIn {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-filter: alpha(opacity=100);
            -moz-filter: alpha(opacity=100);
            -o-filter: alpha(opacity=100);
            filter: alpha(opacity=100); }
            @media (max-width: 767px) {
              .nautile-theme .player .wrapper.img img.fadeIn {
                display: initial; } }