@charset "utf-8";

@media screen and (max-width: 980px) {
  div.circle.spin.active::after { border-left-width: 2px; border-right-width: 2px; transform: rotate(270deg); transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; border-radius: 50%; border-top: 2px double rgb(14, 183, 218) !important; }
  div.spin.circle { background-image: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 247, 247); border: 0px; box-sizing: border-box; width: 65px; height: 65px; box-shadow: white 0px 0px 0px 1px inset; color: white; font-size: inherit; font-weight: 700; position: relative; vertical-align: middle; background-position: center center !important; background-size: cover !important; }
  div.spin.circle::before, div.spin.circle::after { box-sizing: inherit; content: ""; position: absolute; width: 100%; height: 100%; }
  .spin { width: 5em; height: 5em; padding: 0px; }
  .spin:hover, .spin:focus, .spin:active { color: rgb(14, 183, 218); }
  .spin::before, .spin::after { top: 0px; left: 0px; }
  .spin::before { border: 2px solid white; }
  .spin:hover::before, .spin:focus::before, .spin:active::before, .spin.active::before { border-top-color: rgb(14, 183, 218); border-right-color: rgb(14, 183, 218); border-bottom-color: rgb(14, 183, 218); transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; }
  .spin::after { border: 0px solid transparent; }
  .spin:hover::after, .spin:focus::after, .spin:active::after, .spin.active::after { border-top: 2px solid rgb(14, 183, 218); border-left-width: 2px; border-right-width: 2px; transform: rotate(270deg); transition: transform 0.4s linear, border-left-width linear 0.35s; border-radius: 50%; }
  .spin:visited, a:visited .spin.active { border-top: 2px solid rgb(14, 183, 218); border-left-width: 2px; border-right-width: 2px; transform: rotate(360deg); border-radius: 50%; }
  .circle { border-radius: 100%; box-shadow: none; }
  .circle::before, .circle::after { border-radius: 100%; }
  .collection__image__story { border-radius: 50%; height: 65px; width: 65px; }
  .collection__image__story .circle__image { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; }
  p.story-title { font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; padding-top: 8px; color: black; font-weight: 300; }
  li.story-row { text-align: center; list-style-type: none; padding: 0px 5px; flex-shrink: 0; margin-top: 1px; }
  ul.story-list { height: 120px; display: flex; overflow: auto hidden; margin: 0px; align-items: center; padding-top: 13px; padding-bottom: 3px; background: white; }
}