@charset "UTF-8";

.ac-video-player.threesixty-video,
.localnav-menucta {
  -webkit-tap-highlight-color: transparent
}

.link:link,
.link:visited,
.localnav-title a,
.localnav-title a:hover,
a:link,
a:visited {
  text-decoration: none
}

audio,
canvas,
progress,
sub,
sup,
video {
  vertical-align: baseline
}

[data-grid='A'] .shelf-grid__list,
[data-grid='B'] .shelf-grid__list,
[data-grid='C'] .shelf-grid__list,
[data-grid='D'] .shelf-grid__list,
[data-grid='E'] .shelf-grid__list,
[data-grid='F'] .shelf-grid__list,
[data-grid='G'] .shelf-grid__list,
[data-grid='H'] .shelf-grid__list,
[data-grid=books-brick-row] .shelf-grid__list {
  grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
  grid-template-rows: repeat(var(--grid-rows), max-content);
  grid-column-gap: var(--grid-column-gap)
}

.table,
table {
  border-collapse: collapse
}

#localnav-viewport-emitter {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -1
}

#localnav-viewport-emitter::before {
  content: "ac-localnav:large"
}

@media only screen and (max-width:1023px) {
  #localnav-viewport-emitter::before {
    content: "ac-localnav:medium"
  }

  .localnav-content {
    border-bottom: none
  }
}

.localnav {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  min-width: 1024px;
  z-index: 9997
}

@media only screen and (max-width:1044px) {
  .localnav {
    min-width: 320px
  }
}

.localnav.localnav-stacked {
  height: 66px
}

.localnav-overlap .localnav {
  margin-bottom: -52px
}

.localnav.localnav-stacked .localnav-overlap .localnav {
  margin-bottom: -66px
}

@media only screen and (max-width:767px) {
  #localnav-viewport-emitter::before {
    content: "ac-localnav:small"
  }

  .localnav {
    height: 48px
  }

  .localnav.localnav-stacked {
    height: 63px
  }

  .localnav-overlap .localnav {
    margin-bottom: -48px
  }

  .localnav.localnav-stacked .localnav-overlap .localnav {
    margin-bottom: -63px
  }
}

.topnav-overlap .localnav {
  margin-top: 44px;
  margin-bottom: -96px
}

.topnav-overlap .localnav.localnav-stacked {
  margin-bottom: -110px
}

@media only screen and (max-width:767px) {
  .topnav-overlap .localnav {
    margin-top: 48px;
    margin-bottom: -96px
  }

  .topnav-overlap .localnav.localnav-stacked {
    margin-bottom: -111px
  }
}

.localnav.theme-dark {
  background: 0 0
}

.localnav-menustate {
  display: none
}

.localnav-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  z-index: 1
}

.localnav-content {
  margin: 0 auto;
  max-width: 980px;
  padding: 0 22px;
  position: relative;
  z-index: 2;
  padding-left: calc(22px + constant(safe-area-inset-left));
  padding-right: calc(22px + constant(safe-area-inset-right))
}

@supports (padding:calc(max(0px))) {
  .localnav-content {
    padding-left: calc(max(22px, env(safe-area-inset-left)));
    padding-right: calc(max(22px, env(safe-area-inset-right)))
  }
}

.localnav-content::after,
.localnav-content::before {
  content: ' ';
  display: table
}

.localnav-content::after {
  clear: both
}

@media only screen and (max-width:767px) {
  .localnav-content {
    padding: 0 16px
  }
}

.localnav.css-sticky {
  position: -webkit-sticky;
  position: sticky
}

.localnav.no-css-sticky.localnav-sticking {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: fixed
}

#localnav-sticky-placeholder {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  visibility: hidden;
  z-index: -1
}

#localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
  height: 52px
}

.localnav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking,
.topnav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
  height: 0
}

@media only screen and (max-width:767px) {
  #localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
    height: 48px
  }
}

.localnav-curtain {
  background: rgba(0, 0, 0, .4);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 9996;
  transition: opacity .2s ease
}

@media only screen and (max-width:767px) {
  .localnav-curtain {
    transition: opacity 1s ease .2s, width 0s ease 1.2s, height 0s ease 1.2s
  }

  .localnav-menustate:checked~.localnav-curtain,
  .localnav-menustate:target~.localnav-curtain {
    opacity: 1;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
  }
}

.localnav-menustate:checked~.localnav-curtain,
.localnav-menustate:target~.localnav-curtain {
  transition: opacity 1s ease .1s
}

.localnav-actions {
  float: left;
  padding-top: 18px
}

.localnav.localnav-stacked .localnav-actions {
  padding-top: 34px
}

@media only screen and (max-width:767px) {
  .localnav-actions {
    right: 0;
    padding-left: 22px;
    padding-right: 22px;
    position: absolute;
    top: 0;
    z-index: 1;
    padding-right: calc(22px + constant(safe-area-inset-right))
  }

  @supports (padding:calc(max(0px))) {
    .localnav-actions {
      padding-right: calc(max(22px, env(safe-area-inset-right)))
    }
  }
}

@media only screen and (max-width:767px) and (max-width:767px) {
  .localnav-actions {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px
  }

  .localnav.localnav-stacked .localnav-actions {
    padding-top: 32px
  }
}

.localnav-action {
  margin-left: 24px;
  float: left
}

@media only screen and (max-width:767px) {

  .localnav-action-button,
  .localnav-action-violator {
    margin-left: 17px;
    margin-top: -3px
  }

  .localnav-action-menucta {
    float: left
  }
}

.localnav-action-button .localnav-button,
.localnav-action-violator .localnav-violator {
  margin-top: -1px
}

.localnav-action-product {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  top: auto;
  left: auto
}

.localnav-action-menucta {
  margin-top: -2px;
  position: relative;
  z-index: 1
}

.localnav-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: background-color .5s cubic-bezier(.28, .11, .32, 1)
}

.localnav-background:after {
  background-color: rgba(0, 0, 0, .16);
  margin-left: -490px;
  left: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  width: 980px;
  height: 1px;
  z-index: 1
}

@media only screen and (max-width:767px) {
  .localnav-background {
    min-height: 48px;
    transition: background-color .5s ease .7s
  }

  .localnav.localnav-hero .localnav-background {
    transition-delay: 0s
  }
}

.localnav.localnav-scrim .localnav-background {
  background-color: rgba(255, 255, 255, .9)
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
  .localnav.localnav-scrim .localnav-background {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, .72)
  }
}

.localnav-scrim.localnav.localnav-noblur .localnav-background {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background-color: rgba(255, 255, 255, .9)
}

.localnav-scrim.localnav.theme-dark .localnav-background,
.theme-dark .localnav.localnav-scrim .localnav-background {
  background-color: rgba(29, 29, 31, .9)
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {

  .localnav-scrim.localnav.theme-dark .localnav-background,
  .theme-dark .localnav.localnav-scrim .localnav-background {
    background-color: rgba(29, 29, 31, .72)
  }
}

.localnav-scrim.theme-dark.localnav.localnav-noblur .localnav-background,
.theme-dark .localnav-scrim.localnav.localnav-noblur .localnav-background {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background-color: rgba(29, 29, 31, .9)
}

.localnav.localnav-sticking .localnav-background {
  background-color: rgba(255, 255, 255, .9);
  transition: background-color .5s cubic-bezier(.28, .11, .32, 1);
  transition-property: background-color, -webkit-backdrop-filter;
  transition-property: background-color, backdrop-filter;
  transition-property: background-color, backdrop-filter, -webkit-backdrop-filter
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
  .localnav.localnav-sticking .localnav-background {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, .72)
  }
}

.localnav-sticking.localnav.localnav-noblur .localnav-background {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background-color: rgba(255, 255, 255, .9)
}

.localnav-sticking.localnav.theme-dark .localnav-background,
.theme-dark .localnav.localnav-sticking .localnav-background {
  background-color: rgba(29, 29, 31, .9)
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {

  .localnav-sticking.localnav.theme-dark .localnav-background,
  .theme-dark .localnav.localnav-sticking .localnav-background {
    background-color: rgba(29, 29, 31, .72)
  }
}

.localnav-sticking.theme-dark.localnav.localnav-noblur .localnav-background,
.theme-dark .localnav-sticking.localnav.localnav-noblur .localnav-background {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background-color: rgba(29, 29, 31, .9)
}

.localnav-menustate:checked~.localnav .localnav-background,
.localnav-menustate:target~.localnav .localnav-background {
  background-color: #fff;
  max-height: none;
  transition: background-color .5s ease;
  transition-property: background-color, -webkit-backdrop-filter;
  transition-property: background-color, backdrop-filter;
  transition-property: background-color, backdrop-filter, -webkit-backdrop-filter
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {

  .localnav-menustate:checked~.localnav .localnav-background,
  .localnav-menustate:target~.localnav .localnav-background {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, .9)
  }
}

.localnav-menustate:checked~.localnav.localnav-noblur .localnav-background,
.localnav-menustate:target~.localnav.localnav-noblur .localnav-background {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background-color: #fff
}

.localnav.theme-dark .localnav-background:after,
.theme-dark .localnav .localnav-background:after {
  background-color: rgba(255, 255, 255, .24)
}

.localnav-menustate:checked~.theme-dark.localnav .localnav-background,
.localnav-menustate:target~.theme-dark.localnav .localnav-background,
.theme-dark .localnav-menustate:checked~.localnav .localnav-background,
.theme-dark .localnav-menustate:target~.localnav .localnav-background {
  background-color: #1d1d1f
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {

  .localnav-menustate:checked~.theme-dark.localnav .localnav-background,
  .localnav-menustate:target~.theme-dark.localnav .localnav-background,
  .theme-dark .localnav-menustate:checked~.localnav .localnav-background,
  .theme-dark .localnav-menustate:target~.localnav .localnav-background {
    background-color: rgba(29, 29, 31, .9)
  }
}

.localnav-menustate:checked~.theme-dark.localnav.localnav-noblur .localnav-background,
.localnav-menustate:target~.theme-dark.localnav.localnav-noblur .localnav-background,
.theme-dark .localnav-menustate:checked~.localnav.localnav-noblur .localnav-background,
.theme-dark .localnav-menustate:target~.localnav.localnav-noblur .localnav-background {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background-color: #1d1d1f
}

.localnav.localnav-hero .localnav-background:after {
  background-color: rgba(255, 255, 255, .24)
}

.localnav-hero.localnav.localnav-sticking .localnav-background:after {
  background-color: rgba(0, 0, 0, .16)
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-background:after,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-background:after {
  background-color: rgba(255, 255, 255, .24)
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-background:after,
.localnav-menustate:target~.localnav-hero.localnav .localnav-background:after {
  background-color: rgba(0, 0, 0, .16)
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-background:after,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-background:after,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-background:after,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-background:after {
  background-color: rgba(255, 255, 255, .24)
}

@media only screen and (max-width:1023px) {
  .localnav-background:after {
    margin-left: 0;
    left: 0;
    width: 100%
  }
}

.localnav.localnav-noborder .localnav-background:after {
  display: none
}

.localnav-menustate:checked~.localnav .localnav-background:after,
.localnav-menustate:target~.localnav .localnav-background:after,
.localnav.localnav-scrim .localnav-background:after,
.localnav.localnav-sticking .localnav-background:after {
  margin-left: 0;
  left: 0;
  width: 100%
}

.localnav-menu {
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -.01em;
  float: right;
  margin-top: -3px
}

@media only screen and (max-width:767px) {
  .localnav-menu {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.02em;
    padding-top: 0;
    margin-top: 0;
    width: 100%
  }
}

.localnav-menu-tray {
  float: left;
  padding-top: 18px
}

.localnav.localnav-stacked .localnav-menu-tray {
  padding-top: 34px
}

@media only screen and (max-width:767px) {
  .localnav.localnav-stacked .localnav-menu-tray {
    padding-top: 0
  }

  .localnav-menu-tray {
    float: none;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    width: 100%;
    padding-top: 0;
    max-height: 0;
    transition: max-height .5s cubic-bezier(.28, .11, .32, 1) .4s, visibility 0s linear 1s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-tray,
  .localnav-menustate:target~.localnav .localnav-menu-tray {
    max-height: 400px;
    max-height: calc(100vh - 48px - 48px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
    visibility: visible;
    transition-delay: .2s, 0s
  }
}

@media only screen and (max-width:767px) and (orientation:landscape) {

  .localnav-menustate:checked~.localnav .localnav-menu-tray,
  .localnav-menustate:target~.localnav .localnav-menu-tray {
    max-height: 280px;
    max-height: calc(100vh - 48px - 48px)
  }
}

.localnav-menu-item {
  margin-left: 24px;
  float: left;
  list-style: none
}

@media only screen and (max-width:767px) {

  .localnav-menustate:checked~.localnav.localnav-opening .localnav-menu-tray,
  .localnav-menustate:target~.localnav.localnav-opening .localnav-menu-tray {
    overflow-y: hidden
  }

  .localnav-menustate:checked~.localnav.localnav-sticking .localnav-menu-tray,
  .localnav-menustate:target~.localnav.localnav-sticking .localnav-menu-tray {
    max-height: calc(100vh - 48px)
  }

  .localnav-menu-items {
    opacity: 0;
    padding: 4px 24px 24px;
    transform: translate3d(0, -150px, 0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1) .5s, opacity .7s cubic-bezier(.23, 1, .32, 1) .2s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-items,
  .localnav-menustate:target~.localnav .localnav-menu-items {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: .2s, .4s
  }

  .localnav-menu-item {
    margin-left: 0;
    display: inline-block;
    float: none;
    width: 100%;
    height: 44px
  }

  .localnav-menu-item:first-child .localnav-menu-link {
    border-top: 0
  }

  .localnav.theme-dark .localnav-menu-item,
  .theme-dark .localnav .localnav-menu-item {
    border-color: rgba(255, 255, 255, .24)
  }

  .localnav-menu-item:nth-child(1) .localnav-menu-link {
    transition-delay: 70ms
  }

  .localnav-menu-item:nth-child(2) .localnav-menu-link {
    transition-delay: .14s
  }

  .localnav-menu-item:nth-child(3) .localnav-menu-link {
    transition-delay: .21s
  }

  .localnav-menu-item:nth-child(4) .localnav-menu-link {
    transition-delay: .28s
  }

  .localnav-menu-item:nth-child(5) .localnav-menu-link {
    transition-delay: .35s
  }

  .localnav-menu-item:nth-child(6) .localnav-menu-link {
    transition-delay: .42s
  }

  .localnav-menu-item:nth-child(7) .localnav-menu-link {
    transition-delay: .49s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-item:nth-child(1) .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-item:nth-child(1) .localnav-menu-link {
    transition-delay: .56s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-item:nth-child(2) .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-item:nth-child(2) .localnav-menu-link {
    transition-delay: .49s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-item:nth-child(3) .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-item:nth-child(3) .localnav-menu-link {
    transition-delay: .42s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-item:nth-child(4) .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-item:nth-child(4) .localnav-menu-link {
    transition-delay: .35s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-item:nth-child(5) .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-item:nth-child(5) .localnav-menu-link {
    transition-delay: .28s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-item:nth-child(6) .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-item:nth-child(6) .localnav-menu-link {
    transition-delay: .21s
  }

  .localnav-menustate:checked~.localnav .localnav-menu-item:nth-child(7) .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-item:nth-child(7) .localnav-menu-link {
    transition-delay: .14s
  }
}

.localnav-menu-link {
  color: #000;
  display: inline-block;
  line-height: 22px;
  white-space: nowrap;
  opacity: .88
}

.localnav-menu-link:hover {
  color: #06c;
  opacity: 1;
  text-decoration: none
}

@media only screen and (max-width:767px) {
  .localnav-menu-link {
    border-top: 1px solid rgba(0, 0, 0, .181818);
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1.3;
    opacity: 0;
    transform: translate3d(0, -25px, 0);
    transition: .5s ease;
    transition-property: transform, opacity
  }

  .localnav.theme-dark .localnav-menu-link,
  .theme-dark .localnav .localnav-menu-link {
    border-color: rgba(255, 255, 255, .26087)
  }

  .localnav-menustate:checked~.localnav .localnav-menu-link,
  .localnav-menustate:target~.localnav .localnav-menu-link {
    opacity: .88;
    transform: translate3d(0, 0, 0)
  }
}

.localnav-menucta-chevron,
.localnav-menucta-chevron::after,
.localnav-menucta-chevron::before {
  z-index: 1;
  transition: transform 1s cubic-bezier(.86, 0, .07, 1), transform-origin 1s cubic-bezier(.86, 0, .07, 1)
}

.localnav.theme-dark .localnav-menu-link,
.theme-dark .localnav .localnav-menu-link {
  color: #fff;
  opacity: .92
}

.localnav.theme-dark .localnav-menu-link:hover,
.theme-dark .localnav .localnav-menu-link:hover {
  color: #2997ff;
  opacity: 1
}

.localnav-menustate:checked~.theme-dark.localnav .localnav-menu-link,
.localnav-menustate:target~.theme-dark.localnav .localnav-menu-link,
.theme-dark .localnav-menustate:checked~.localnav .localnav-menu-link,
.theme-dark .localnav-menustate:target~.localnav .localnav-menu-link {
  opacity: .92
}

.localnav.localnav-hero .localnav-menu-link {
  color: #fff;
  opacity: .92
}

.localnav.localnav-hero .localnav-menu-link:hover {
  color: #2997ff;
  opacity: 1
}

.localnav-hero.localnav.localnav-sticking .localnav-menu-link {
  color: #000;
  opacity: .88
}

.localnav-hero.localnav.localnav-sticking .localnav-menu-link:hover {
  color: #06c;
  opacity: 1
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link {
  color: #fff;
  opacity: .92
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link:hover,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link:hover {
  color: #2997ff;
  opacity: 1
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link,
.localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link {
  color: #000;
  opacity: .88
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link:hover,
.localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link:hover {
  color: #06c;
  opacity: 1
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-menu-link,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-menu-link,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link {
  color: #fff;
  opacity: .92
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-menu-link:hover,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-menu-link:hover,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link:hover,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link:hover {
  color: #2997ff;
  opacity: 1
}

.localnav-menu-link.current {
  color: #000;
  opacity: .56;
  cursor: default
}

.localnav-menu-link.current:hover {
  color: #000
}

.localnav-menustate:checked~.localnav .localnav-menu-link.current,
.localnav-menustate:target~.localnav .localnav-menu-link.current {
  opacity: .56;
  border-color: rgba(0, 0, 0, .285714)
}

.localnav.theme-dark .localnav-menu-link.current,
.theme-dark .localnav .localnav-menu-link.current {
  color: #fff;
  opacity: .56
}

.localnav.theme-dark .localnav-menu-link.current:hover,
.theme-dark .localnav .localnav-menu-link.current:hover {
  color: #fff
}

.localnav-menustate:checked~.theme-dark.localnav .localnav-menu-link.current,
.localnav-menustate:target~.theme-dark.localnav .localnav-menu-link.current,
.theme-dark .localnav-menustate:checked~.localnav .localnav-menu-link.current,
.theme-dark .localnav-menustate:target~.localnav .localnav-menu-link.current {
  opacity: .56;
  border-color: rgba(255, 255, 255, .428571)
}

.localnav.localnav-hero .localnav-menu-link.current {
  color: #fff;
  opacity: .56
}

.localnav.localnav-hero .localnav-menu-link.current:hover {
  color: #fff
}

.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current {
  color: #000;
  opacity: .56
}

.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover {
  color: #000
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link.current,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current {
  color: #fff;
  opacity: .56
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link.current:hover,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover {
  color: #fff
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link.current,
.localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link.current {
  color: #000;
  opacity: .56;
  border-color: rgba(0, 0, 0, .285714)
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link.current:hover,
.localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link.current:hover {
  color: #000
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-menu-link.current,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-menu-link.current,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link.current,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link.current {
  color: #fff;
  opacity: .56;
  border-color: rgba(255, 255, 255, .428571)
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-menu-link.current:hover,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-menu-link.current:hover,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-menu-link.current:hover,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-menu-link.current:hover {
  color: #fff
}

.localnav-action-menucta {
  display: none
}

@media only screen and (max-width:767px) {
  .localnav-action-menucta {
    display: block
  }
}

.localnav-menucta {
  margin-right: -11px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  width: 40px;
  height: 30px
}

.localnav-menucta-chevron {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transform: translateY(0);
  opacity: .8
}

.localnav-menucta-chevron::after,
.localnav-menucta-chevron::before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  width: 11px;
  height: 1px;
  background: #000
}

.localnav-menucta-chevron::before {
  right: 50%;
  border-radius: .5px 0 0 .5px;
  transform-origin: 100% 100%;
  transform: rotate(40deg) scaleY(1.1)
}

.localnav-menucta-chevron::after {
  left: 50%;
  border-radius: 0 .5px .5px 0;
  transform-origin: 0 100%;
  transform: rotate(-40deg) scaleY(1.1)
}

.visuallyhidden,
abbr,
button,
fieldset,
iframe {
  border: 0
}

.localnav-menucta-chevron:hover {
  opacity: 1
}

.localnav-menustate:checked~.localnav .localnav-menucta-chevron,
.localnav-menustate:target~.localnav .localnav-menucta-chevron {
  transform: translateY(-8px)
}

.localnav-menustate:checked~.localnav .localnav-menucta-chevron::before,
.localnav-menustate:target~.localnav .localnav-menucta-chevron::before {
  transform-origin: 100% 0;
  transform: rotate(-40deg) scaleY(1.1)
}

.localnav-menustate:checked~.localnav .localnav-menucta-chevron::after,
.localnav-menustate:target~.localnav .localnav-menucta-chevron::after {
  transform-origin: 0 0;
  transform: rotate(40deg) scaleY(1.1)
}

.localnav-menustate:checked~.theme-dark.localnav .localnav-menucta-chevron::after,
.localnav-menustate:checked~.theme-dark.localnav .localnav-menucta-chevron::before,
.localnav-menustate:target~.theme-dark.localnav .localnav-menucta-chevron::after,
.localnav-menustate:target~.theme-dark.localnav .localnav-menucta-chevron::before,
.localnav.localnav-hero .localnav-menucta-chevron::after,
.localnav.localnav-hero .localnav-menucta-chevron::before,
.localnav.theme-dark .localnav-menucta-chevron::after,
.localnav.theme-dark .localnav-menucta-chevron::before,
.theme-dark .localnav .localnav-menucta-chevron::after,
.theme-dark .localnav .localnav-menucta-chevron::before,
.theme-dark .localnav-menustate:checked~.localnav .localnav-menucta-chevron::after,
.theme-dark .localnav-menustate:checked~.localnav .localnav-menucta-chevron::before,
.theme-dark .localnav-menustate:target~.localnav .localnav-menucta-chevron::after,
.theme-dark .localnav-menustate:target~.localnav .localnav-menucta-chevron::before,
.theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::after,
.theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::before,
.theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::after,
.theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::before {
  background: #fff
}

.localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::after,
.localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::before {
  background: #000
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menucta-chevron::after,
.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menucta-chevron::before,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::after,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::before {
  background: #fff
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-menucta-chevron::after,
.localnav-menustate:checked~.localnav-hero.localnav .localnav-menucta-chevron::before,
.localnav-menustate:target~.localnav-hero.localnav .localnav-menucta-chevron::after,
.localnav-menustate:target~.localnav-hero.localnav .localnav-menucta-chevron::before {
  background: #000
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-menucta-chevron::after,
.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-menucta-chevron::before,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-menucta-chevron::after,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-menucta-chevron::before,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-menucta-chevron::after,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-menucta-chevron::before,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-menucta-chevron::after,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-menucta-chevron::before {
  background: #fff
}

.localnav-menucta-anchor {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  z-index: 10
}

@media only screen and (max-width:767px) {
  .localnav-menucta-anchor {
    display: block
  }

  .localnav-menucta-anchor-close {
    display: none
  }
}

.localnav-menucta-anchor:focus {
  outline-offset: -6px;
  width: 100%;
  height: 100%
}

.localnav-menucta-anchor-close {
  display: none
}

.localnav-menucta-anchor-label {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

@media only screen and (max-width:767px) {

  .localnav-menustate:checked~.localnav .localnav-menucta-anchor-open,
  .localnav-menustate:target~.localnav .localnav-menucta-anchor-open {
    display: none
  }

  .localnav-menustate:checked~.localnav .localnav-menucta-anchor-close,
  .localnav-menustate:target~.localnav .localnav-menucta-anchor-close {
    display: block
  }
}

.localnav-title {
  font-size: 21px;
  line-height: 1.14286;
  font-weight: 600;
  letter-spacing: .011em;
  cursor: default;
  display: block;
  float: left;
  margin: 14px 0 -14px;
  padding: 0;
  height: 52px;
  white-space: nowrap
}

@media only screen and (max-width:767px) {
  .localnav-title {
    font-size: 19px;
    line-height: 1.26316;
    font-weight: 600;
    letter-spacing: .012em;
  }

  .localnav-title-compact {
    font-size: 17px;
    line-height: 1.41184;
    font-weight: 600;
    letter-spacing: -.022em;
  }
}

.localnav.localnav-stacked .localnav-title {
  height: 66px
}

@media only screen and (max-width:767px) {
  .localnav-title {
    display: inline-block;
    margin: 12px 0 -12px;
    height: 48px
  }

  .localnav.localnav-stacked .localnav-title {
    height: 63px
  }
}

.heading-collapsed+*,
.links-stacked li+li,
h1+*,
h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+*,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+*,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+*,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+*,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+*,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6,
ol+*,
ol+h1,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
p+*,
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
ul+*,
ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6 {
  margin-top: 0
}

.localnav-title a {
  display: flex;
  flex-direction: column-reverse;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  white-space: nowrap;
  opacity: .88
}

.localnav.localnav-hero .localnav-title a,
.localnav.theme-dark .localnav-title a,
.theme-dark .localnav .localnav-title a {
  opacity: .92
}

.localnav-hero.localnav.localnav-sticking .localnav-title a {
  opacity: .88
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title a,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title a {
  opacity: .92
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-title a,
.localnav-menustate:target~.localnav-hero.localnav .localnav-title a {
  opacity: .88
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-title a,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-title a,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-title a,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-title a {
  opacity: .92
}

.localnav-title,
.localnav-title a {
  color: #000;
  transition: color .5s cubic-bezier(.28, .11, .32, 1)
}

.localnav.localnav-hero .localnav-title,
.localnav.localnav-hero .localnav-title a,
.localnav.theme-dark .localnav-title,
.localnav.theme-dark .localnav-title a,
.theme-dark .localnav .localnav-title,
.theme-dark .localnav .localnav-title a {
  color: #fff
}

.localnav-hero.localnav.localnav-sticking .localnav-title,
.localnav-hero.localnav.localnav-sticking .localnav-title a {
  color: #000
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title,
.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title a,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title a {
  color: #fff
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-title,
.localnav-menustate:checked~.localnav-hero.localnav .localnav-title a,
.localnav-menustate:target~.localnav-hero.localnav .localnav-title,
.localnav-menustate:target~.localnav-hero.localnav .localnav-title a {
  color: #000
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-title,
.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-title a,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-title,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-title a,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-title,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-title a,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-title,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-title a {
  color: #fff
}

.localnav-title-comingsoon,
.localnav-title-subhead {
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: -.01em;
  position: relative;
  top: -1px;
  color: #000;
  opacity: .56
}

.localnav.localnav-stacked .localnav-title-comingsoon,
.localnav.localnav-stacked .localnav-title-subhead {
  opacity: .64
}

.localnav.theme-dark .localnav-title-comingsoon,
.localnav.theme-dark .localnav-title-subhead,
.theme-dark .localnav .localnav-title-comingsoon,
.theme-dark .localnav .localnav-title-subhead {
  color: #fff
}

.theme-dark .localnav.localnav-stacked .localnav-title-comingsoon,
.theme-dark .localnav.localnav-stacked .localnav-title-subhead,
.theme-dark.localnav.localnav-stacked .localnav-title-comingsoon,
.theme-dark.localnav.localnav-stacked .localnav-title-subhead {
  opacity: .61
}

.localnav.localnav-hero .localnav-title-comingsoon,
.localnav.localnav-hero .localnav-title-subhead {
  color: #fff;
  opacity: .56
}

.localnav-hero.localnav.localnav-stacked .localnav-title-comingsoon,
.localnav-hero.localnav.localnav-stacked .localnav-title-subhead {
  opacity: .61
}

.localnav-hero.localnav.localnav-sticking .localnav-title-comingsoon,
.localnav-hero.localnav.localnav-sticking .localnav-title-subhead {
  color: #000
}

.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title-comingsoon,
.localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title-subhead,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title-comingsoon,
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title-subhead {
  color: #fff
}

.localnav-menustate:checked~.localnav-hero.localnav .localnav-title-comingsoon,
.localnav-menustate:checked~.localnav-hero.localnav .localnav-title-subhead,
.localnav-menustate:target~.localnav-hero.localnav .localnav-title-comingsoon,
.localnav-menustate:target~.localnav-hero.localnav .localnav-title-subhead {
  color: #000
}

.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-title-comingsoon,
.localnav-menustate:checked~.localnav-hero.localnav.theme-dark .localnav-title-subhead,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-title-comingsoon,
.localnav-menustate:target~.localnav-hero.localnav.theme-dark .localnav-title-subhead,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-title-comingsoon,
.theme-dark .localnav-menustate:checked~.localnav-hero.localnav .localnav-title-subhead,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-title-comingsoon,
.theme-dark .localnav-menustate:target~.localnav-hero.localnav .localnav-title-subhead {
  color: #fff
}

/*
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1d1d1f
}
*/
:root {
  --r-localnav-height: 52px;
  --r-localnav-stacked-height: 66px;
  --r-localnav-gn-height: var(--r-globalnav-height, 44px);
  --r-localnav-viewport-large-min-width: 1024px;
  --r-localnav-viewport-large-query: (min-width: 1024px);
  --r-localnav-viewport-medium-min-width: 768px;
  --r-localnav-viewport-medium-max-width: 1023px;
  --r-localnav-viewport-medium-query: (min-width: 768px);
  --r-localnav-viewport-small-min-width: 320px;
  --r-localnav-viewport-small-max-width: 767px;
  --r-localnav-viewport-small-query: (min-width: 320px)
}

@media only screen and (max-width:767px) {

  .localnav.localnav-stacked .localnav-title-comingsoon,
  .localnav.localnav-stacked .localnav-title-subhead {
    top: 0
  }

  :root {
    --r-localnav-height: 48px;
    --r-localnav-stacked-height: 63px;
    --r-localnav-gn-height: var(--r-globalnav-height, 48px)
  }
}

@font-face {
  font-family: "Apple WebExp Icons Custom";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/css/sgtb/webexpicons_text.woff) format("woff"), url(/assets/css/sgtb/webexpicons_text.ttf.ttf) format("truetype")
}

abbr,
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
input,
legend,
li,
ol,
p,
pre,
ul {
  margin: 0;
  padding: 0
}

address,
caption,
code,
figcaption,
pre,
th {
  font-size: 1em;
  font-weight: 400;
  font-style: normal
}

caption,
th {
  text-align: left
}

table {
  border-spacing: 0
}

details,
main,
summary {
  display: block
}

/*
button {
  background: 0 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit
}

button:disabled {
  cursor: default
}
*/
:focus {
  outline: rgba(0, 125, 250, .6) solid 4px;
  outline-offset: 1px
}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0
}

::-moz-focus-inner {
  border: 0;
  padding: 0
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
video::cue {
  font-weight: 600
}

.icon::after,
.icon::before,
.modal-close::after,
.modal-close::before,
.more::after,
.more::before {
  line-height: 1;
  alt: ''
}

body,
button,
input,
select,
textarea {
  font-synthesis: none;
  -moz-font-feature-settings: 'kern';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: ltr;
  text-align: left
}

.footnote-diamond,
.footnote-number {
  font-feature-settings: "numr"
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  display: block;
  margin: 0
}

ol,
ul {
  margin-left: 1.17647em
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-top: 0;
  margin-bottom: 0
}

nav ol,
nav ul {
  margin: 0;
  list-style: none
}

li li {
  font-size: 1em
}

.link,
a {
  color: #0070c9;
  letter-spacing: inherit
}

.footnote a:hover,
.link:active,
a:active {
  text-decoration: none
}

.link:disabled,
a:disabled {
  opacity: .32
}

.links-inline,
.links-stacked {
  margin-left: 0;
  margin-right: 0;
  list-style: none
}

.links-inline li {
  display: inline;
  margin: 0
}

.links-inline li:first-child {
  margin-left: 0
}

.links-inline li:last-child {
  margin-right: 0
}

.links-stacked li {
  margin: 0;
  display: block
}

cite,
dfn,
em,
i {
  font-style: italic
}

sub,
sup {
  position: relative;
  font-size: .6em
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

.footnote a {
  vertical-align: inherit;
  color: inherit
}

.footnote-diamond,
.footnote-number,
.footnote-supglyph {
  position: relative;
  vertical-align: baseline
}

.footnote a:hover {
  color: #0070c9
}

.footnote-reduced {
  font-size: .45em
}

sup.footnote-reduced {
  top: -.86em
}

sub.footnote-reduced {
  bottom: -.36em
}

.footnote-supglyph.footnote-reduced {
  font-size: .9em;
  top: -.09em
}

.footnote-diamond {
  font-size: 1em
}

sup.footnote-diamond {
  top: initial
}

sub.footnote-diamond {
  bottom: -.5em
}

.footnote-diamond.footnote-reduced {
  font-size: .9em;
  top: -.09em
}

sub.footnote-diamond.footnote-reduced {
  top: initial;
  bottom: -.52em
}

.footnote-number {
  font-size: 1em
}

sup.footnote-number {
  top: initial
}

sub.footnote-number {
  bottom: -.5em
}

.footnote-number.footnote-reduced {
  font-size: .9em;
  top: -.09em
}

sub.footnote-number.footnote-reduced {
  top: initial;
  bottom: -.52em
}

.justify-content-start {
  justify-content: flex-start
}

.justify-content-end {
  justify-content: flex-end
}

.justify-content-center {
  justify-content: center
}

.justify-content-spacebetween {
  justify-content: space-between
}

.justify-content-spacearound {
  justify-content: space-around
}

.justify-content-spaceevenly {
  justify-content: space-evenly
}

.align-items-start {
  align-items: flex-start
}

.align-items-center {
  align-items: center
}

.align-items-end {
  align-items: flex-end
}

.align-self-start {
  align-self: flex-start
}

.align-self-center {
  align-self: center
}

.align-self-end {
  align-self: flex-end
}

.small-justify-content-start {
  justify-content: flex-start
}

.small-justify-content-end {
  justify-content: flex-end
}

.small-justify-content-center {
  justify-content: center
}

.small-justify-content-spacebetween {
  justify-content: space-between
}

.small-justify-content-spacearound {
  justify-content: space-around
}

.small-justify-content-spaceevenly {
  justify-content: space-evenly
}

.small-align-items-start {
  align-items: flex-start
}

.small-align-items-center {
  align-items: center
}

.small-align-items-end {
  align-items: flex-end
}

.small-align-self-start {
  align-self: flex-start
}

.small-align-self-center {
  align-self: center
}

.small-align-self-end {
  align-self: flex-end
}

@media only screen and (min-width:735px) {
  .medium-justify-content-start {
    justify-content: flex-start
  }

  .medium-justify-content-end {
    justify-content: flex-end
  }

  .medium-justify-content-center {
    justify-content: center
  }

  .medium-justify-content-spacebetween {
    justify-content: space-between
  }

  .medium-justify-content-spacearound {
    justify-content: space-around
  }

  .medium-justify-content-spaceevenly {
    justify-content: space-evenly
  }

  .medium-align-items-start {
    align-items: flex-start
  }

  .medium-align-items-center {
    align-items: center
  }

  .medium-align-items-end {
    align-items: flex-end
  }

  .medium-align-self-start {
    align-self: flex-start
  }

  .medium-align-self-center {
    align-self: center
  }

  .medium-align-self-end {
    align-self: flex-end
  }
}

@media only screen and (min-width:1069px) {
  .large-justify-content-start {
    justify-content: flex-start
  }

  .large-justify-content-end {
    justify-content: flex-end
  }

  .large-justify-content-center {
    justify-content: center
  }

  .large-justify-content-spacebetween {
    justify-content: space-between
  }

  .large-justify-content-spacearound {
    justify-content: space-around
  }

  .large-justify-content-spaceevenly {
    justify-content: space-evenly
  }

  .large-align-items-start {
    align-items: flex-start
  }

  .large-align-items-center {
    align-items: center
  }

  .large-align-items-end {
    align-items: flex-end
  }

  .large-align-self-start {
    align-self: flex-start
  }

  .large-align-self-center {
    align-self: center
  }

  .large-align-self-end {
    align-self: flex-end
  }
}

.selfclear::after,
.selfclear::before {
  content: ' ';
  display: table
}

.selfclear::after {
  clear: both
}

.visuallyhidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0
}

.nowrap {
  display: inline-block;
  text-decoration: inherit;
  white-space: nowrap
}

.clear {
  clear: both
}

.cursor-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.cursor-grabbing {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.cursor-pointer,
.modal-close {
  cursor: pointer
}

.icon::after,
.icon::before,
.more::after,
.more::before {
  color: inherit;
  font-family: sgtb icons, Apple WebExp Icons Custom;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  position: relative;
  z-index: 1;
  text-decoration: none
}

.icon::before,
.more::before {
  display: none
}

.icon-after::after,
.more::after {
  padding-left: .3em;
  top: 0
}

.icon-before::before {
  padding-right: .3em;
  display: inline-block;
  top: 0
}

.icon-before::after {
  display: none
}

.icon-before.icon-apple::before {
  padding-right: 0;
  display: inline-block;
  top: 0
}

.icon-before.icon-apple::after {
  display: none
}

.icon-apple::after,
.icon-apple::before {
  content: ""
}

.icon-chevrondown::after,
.icon-chevrondown::before {
  content: ""
}

.icon-chevrondowncircle::after,
.icon-chevrondowncircle::before {
  content: ""
}

.icon-chevronleft::after,
.icon-chevronleft::before {
  content: ""
}

.icon-chevronleftcircle::after,
.icon-chevronleftcircle::before {
  content: ""
}

.icon-chevronright::after,
.icon-chevronright::before {
  content: ""
}

.icon-chevronrightcircle::after,
.icon-chevronrightcircle::before {
  content: ""
}

.icon-chevronup::after,
.icon-chevronup::before {
  content: ""
}

.icon-chevronupcircle::after,
.icon-chevronupcircle::before {
  content: ""
}

.icon-downloadcircle::after,
.icon-downloadcircle::before {
  content: ""
}

.icon-arrowupcircle::after,
.icon-arrowupcircle::before {
  content: "􀁶"
}

.icon-external::after,
.icon-external::before {
  content: ""
}

.icon-share::after,
.icon-share::before {
  content: ""
}

.icon-search::after,
.icon-search::before {
  content: ""
}

.icon-arkit::after,
.icon-arkit::before {
  content: ""
}

.icon-pausecircle::after,
.icon-pausecircle::before {
  content: ""
}

.icon-pausesolid::after,
.icon-pausesolid::before {
  content: ""
}

.icon-playcircle::after,
.icon-playcircle::before {
  content: ""
}

.icon-playsolid::after,
.icon-playsolid::before {
  content: ""
}

.icon-replay::after,
.icon-replay::before {
  content: ""
}

.icon-stopcircle::after,
.icon-stopcircle::before {
  content: ""
}

.icon-stopsolid::after,
.icon-stopsolid::before {
  content: ""
}

.icon-circle::after,
.icon-circle::before {
  content: ""
}

.icon-check::after,
.icon-check::before {
  content: ""
}

.icon-checkcircle::after,
.icon-checkcircle::before {
  content: ""
}

.icon-checksolid::after,
.icon-checksolid::before {
  content: ""
}

.icon-reset::after,
.icon-reset::before {
  content: ""
}

.icon-resetcircle::after,
.icon-resetcircle::before {
  content: ""
}

.icon-resetsolid::after,
.icon-resetsolid::before {
  content: ""
}

.icon-exclamation::after,
.icon-exclamation::before {
  content: ""
}

.icon-exclamationcircle::after,
.icon-exclamationcircle::before {
  content: ""
}

.icon-exclamationsolid::after,
.icon-exclamationsolid::before {
  content: ""
}

.icon-exclamationtriangle::after,
.icon-exclamationtriangle::before {
  content: ""
}

.icon-exclamationtrianglesolid::after,
.icon-exclamationtrianglesolid::before {
  content: ""
}

.icon-infocircle::after,
.icon-infocircle::before {
  content: ""
}

.icon-infosolid::after,
.icon-infosolid::before {
  content: ""
}

.icon-question::after,
.icon-question::before {
  content: ""
}

.icon-questioncircle::after,
.icon-questioncircle::before {
  content: ""
}

.icon-questionsolid::after,
.icon-questionsolid::before {
  content: ""
}

.icon-plus::after,
.icon-plus::before {
  content: ""
}

.icon-pluscircle::after,
.icon-pluscircle::before {
  content: ""
}

.icon-plussolid::after,
.icon-plussolid::before {
  content: ""
}

.icon-minus::after,
.icon-minus::before {
  content: ""
}

.icon-minuscircle::after,
.icon-minuscircle::before {
  content: ""
}

.icon-minussolid::after,
.icon-minussolid::before {
  content: ""
}

.icon-1circle::after,
.icon-1circle::before {
  content: ""
}

.icon-2circle::after,
.icon-2circle::before {
  content: ""
}

.icon-3circle::after,
.icon-3circle::before {
  content: ""
}

.icon-4circle::after,
.icon-4circle::before {
  content: ""
}

.icon-5circle::after,
.icon-5circle::before {
  content: ""
}

.icon-6circle::after,
.icon-6circle::before {
  content: ""
}

.icon-7circle::after,
.icon-7circle::before {
  content: ""
}

.icon-8circle::after,
.icon-8circle::before {
  content: ""
}

.icon-9circle::after,
.icon-9circle::before {
  content: ""
}

.icon-10circle::after,
.icon-10circle::before {
  content: ""
}

.icon-11circle::after,
.icon-11circle::before {
  content: ""
}

.icon-12circle::after,
.icon-12circle::before {
  content: ""
}

.icon-13circle::after,
.icon-13circle::before {
  content: ""
}

.icon-14circle::after,
.icon-14circle::before {
  content: ""
}

.icon-15circle::after,
.icon-15circle::before {
  content: ""
}

.icon-16circle::after,
.icon-16circle::before {
  content: ""
}

.icon-17circle::after,
.icon-17circle::before {
  content: ""
}

.icon-18circle::after,
.icon-18circle::before {
  content: ""
}

.icon-19circle::after,
.icon-19circle::before {
  content: ""
}

.icon-20circle::after,
.icon-20circle::before {
  content: ""
}

.icon-close::after,
.icon-close::before {
  content: ""
}

.icon-closecompact::after,
.icon-closecompact::before {
  content: ""
}

.icon-paddleleft::after,
.icon-paddleleft::before {
  content: ""
}

.icon-paddleleftcompact::after,
.icon-paddleleftcompact::before {
  content: ""
}

.icon-paddleright::after,
.icon-paddleright::before {
  content: ""
}

.icon-paddlerightcompact::after,
.icon-paddlerightcompact::before {
  content: ""
}

.icon-paddleup::after,
.icon-paddleup::before {
  content: ""
}

.icon-paddleupcompact::after,
.icon-paddleupcompact::before {
  content: ""
}

.icon-paddledown::after,
.icon-paddledown::before {
  content: ""
}

.icon-paddledowncompact::after,
.icon-paddledowncompact::before {
  content: ""
}

.icon-thumbnailreplay::after,
.icon-thumbnailreplay::before {
  content: ""
}

.icon-thumbnailpause::after,
.icon-thumbnailpause::before {
  content: ""
}

.icon-thumbnailplay::after,
.icon-thumbnailplay::before {
  content: ""
}

.icon-externalrtl::after,
.icon-externalrtl::before {
  content: ""
}

.icon-questionrtl::after,
.icon-questionrtl::before {
  content: ""
}

.icon-questioncirclertl::after,
.icon-questioncirclertl::before {
  content: ""
}

.icon-questionsolidrtl::after,
.icon-questionsolidrtl::before {
  content: ""
}

.icon-star::after,
.icon-star::before {
  content: ""
}

.icon-progress-play::after,
.icon-progress-play::before {
  content: ""
}

.icon-progress-stop::after,
.icon-progress-stop::before {
  content: ""
}

.icon-progress-pause::after,
.icon-progress-pause::before {
  content: ""
}

.icon-legacy-close::after,
.icon-legacy-close::before {
  content: ""
}

.icon-musicvideo::after,
.icon-musicvideo::before {
  content: ""
}

.icon-imessage::after,
.icon-imessage::before {
  content: ""
}

.icon-watch::after,
.icon-watch::before {
  content: ""
}

.icon-screenshots::after,
.icon-screenshots::before {
  content: ""
}

.icon-digitalbooklet::after,
.icon-digitalbooklet::before {
  content: ""
}

.icon-play::after,
.icon-play::before {
  content: ""
}

.icon-pause::after,
.icon-pause::before {
  content: ""
}

.icon-explicit::after,
.icon-explicit::before {
  content: ""
}

.icon-explicit-large::after,
.icon-explicit-large::before {
  content: ""
}

.icon-clean::after,
.icon-clean::before {
  content: ""
}

.icon-clean-large::after,
.icon-clean-large::before {
  content: ""
}

.icon-mediaplayer-previous::after,
.icon-mediaplayer-previous::before {
  content: ""
}

.icon-mediaplayer-play::after,
.icon-mediaplayer-play::before {
  content: ""
}

.icon-mediaplayer-pause::after,
.icon-mediaplayer-pause::before {
  content: ""
}

.icon-mediaplayer-stop::after,
.icon-mediaplayer-stop::before {
  content: ""
}

.icon-mediaplayer-next::after,
.icon-mediaplayer-next::before {
  content: ""
}

.icon-close-solid::after,
.icon-close-solid::before {
  content: ""
}

.icon-sharrow::after,
.icon-sharrow::before {
  content: ""
}

.icon-embed-facebook::after,
.icon-embed-facebook::before {
  content: ""
}

.icon-embed-twitter::after,
.icon-embed-twitter::before {
  content: ""
}

.icon-embed-link::after,
.icon-embed-link::before {
  content: ""
}

.icon-embed-copylink::after,
.icon-embed-copylink::before {
  content: ""
}

.icon-embed-weibo::after,
.icon-embed-weibo::before {
  content: ""
}

.icon-shuffle::after,
.icon-shuffle::before {
  content: ""
}

.icon-user::after,
.icon-user::before {
  content: ""
}

.icon-book-review::after,
.icon-book-review::before {
  content: ""
}

.icon-review-quote::after,
.icon-review-quote::before {
  content: ""
}

.icon-review-quote-rtl::after,
.icon-review-quote-rtl::before {
  content: ""
}

.icon-explicit-ko::after,
.icon-explicit-ko::before {
  content: ""
}

.more::after,
.more::before {
  content: ""
}

.more-block {
  margin-top: .5em
}

.icon-wrapper .icon,
.icon-wrapper .icon-after::after,
.icon-wrapper .icon-before::before,
.icon-wrapper .more::after {
  display: inline;
  position: static
}

a.icon-wrapper {
  text-decoration: none
}

a.icon-wrapper:hover .icon-copy {
  text-decoration: underline
}

html[dir=rtl] .icon-external::after,
html[dir=rtl] .icon-external::before {
  content: ""
}

html[dir=rtl] .icon-wrapper {
  unicode-bidi: bidi-override
}

html[dir=rtl] .icon-copy {
  unicode-bidi: embed
}

body,
html {
  box-sizing: border-box;
  background-color: #f5f5f7
}

*,
::after,
::before {
  box-sizing: inherit
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 1em;
  font-weight: 400
}

ol li,
ul li {
  list-style: none
}

ol,
ul {
  margin: 0
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  body {
    min-height: 100vh
  }
}

.l-row {
  padding: 0;
  font-size: 0
}

.l-row--peek {
  display: flex;
  align-items: flex-end
}

.l-row--ratings-grid {
  display: flex;
  flex-wrap: wrap
}

.l-row--margin-top {
  margin-top: 20px
}

.l-column {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px
}

.l-row {
  margin-left: -3.39506%
}

.l-column {
  margin-left: 3.28358%
}

.small-valign-top {
  vertical-align: top !important;
  align-self: start
}

.small-valign-center {
  vertical-align: middle !important;
  align-self: center
}

.small-valign-bottom {
  vertical-align: bottom !important;
  align-self: end
}

@media only screen and (max-width:734px) {
  .l-column--small-hide+.l-column {
    margin-left: 0
  }

  .l-row--peek {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: auto;
    min-width: 100%;
    white-space: nowrap;
    margin-bottom: -9.75px;
    margin-left: -6.25vw;
    margin-right: -6.25vw;
    padding-left: 6.25vw;
    padding-right: 6.25vw
  }

  .l-row--peek::after {
    content: '';
    display: block;
    flex: 0 0 6.25vw;
    align-self: stretch
  }

  .l-row--peek .l-column:first-child {
    margin-left: 0
  }

  .l-row--peek .small-1 {
    flex-shrink: 0;
    width: 19.41231vw;
    max-width: 19.41231vw
  }

  .l-row--peek .small-2 {
    flex-shrink: 0;
    width: 42.10821vw;
    max-width: 42.10821vw
  }

  .l-row--peek .small-3 {
    flex-shrink: 0;
    width: 64.8041vw;
    max-width: 64.8041vw
  }

  .l-row--peek .small-4 {
    flex-shrink: 0;
    width: 87.5vw;
    max-width: 87.5vw
  }

  .l-row--peek .small-5 {
    flex-shrink: 0;
    width: 110.1959vw;
    max-width: 110.1959vw
  }

  .l-row--peek .small-6 {
    flex-shrink: 0;
    width: 132.89179vw;
    max-width: 132.89179vw
  }

  .l-row--peek .small-7 {
    flex-shrink: 0;
    width: 155.58769vw;
    max-width: 155.58769vw
  }

  .l-row--peek .small-8 {
    flex-shrink: 0;
    width: 178.28358vw;
    max-width: 178.28358vw
  }

  .l-row--peek .small-9 {
    flex-shrink: 0;
    width: 200.97948vw;
    max-width: 200.97948vw
  }

  .l-row--peek .small-10 {
    flex-shrink: 0;
    width: 223.67537vw;
    max-width: 223.67537vw
  }

  .l-row--peek .small-11 {
    flex-shrink: 0;
    width: 246.37127vw;
    max-width: 246.37127vw
  }

  .l-row--peek .small-12 {
    flex-shrink: 0;
    width: 269.06716vw;
    max-width: 269.06716vw
  }

  .l-row--peek .small-offset-1 {
    margin-left: 11.61692%
  }

  .l-row--peek .small-offset-2 {
    margin-left: 19.95025%
  }

  .l-row--peek .small-offset-3 {
    margin-left: 28.28358%
  }

  .l-row--peek .small-offset-4 {
    margin-left: 36.61692%
  }

  .l-row--peek .small-offset-5 {
    margin-left: 44.95025%
  }

  .l-row--peek .small-offset-6 {
    margin-left: 53.28358%
  }

  .l-row--peek .small-offset-7 {
    margin-left: 61.61692%
  }

  .l-row--peek .small-offset-8 {
    margin-left: 69.95025%
  }

  .l-row--peek .small-offset-9 {
    margin-left: 78.28358%
  }

  .l-row--peek .small-offset-10 {
    margin-left: 86.61692%
  }

  .l-row--peek .small-offset-11 {
    margin-left: 94.95025%
  }

  .l-row--peek .small-offset-12 {
    margin-left: 103.28358%
  }

  .l-row--peek .l-column {
    white-space: normal;
    padding-bottom: 9.75px
  }
}

.small-1 {
  flex-shrink: 0;
  width: 5.04975%;
  max-width: 5.04975%
}

.small-2 {
  flex-shrink: 0;
  width: 13.38308%;
  max-width: 13.38308%
}

.small-3 {
  flex-shrink: 0;
  width: 21.71642%;
  max-width: 21.71642%
}

.small-4 {
  flex-shrink: 0;
  width: 30.04975%;
  max-width: 30.04975%
}

.small-5 {
  flex-shrink: 0;
  width: 38.38308%;
  max-width: 38.38308%
}

.small-6 {
  flex-shrink: 0;
  width: 46.71642%;
  max-width: 46.71642%
}

.small-7 {
  flex-shrink: 0;
  width: 55.04975%;
  max-width: 55.04975%
}

.small-8 {
  flex-shrink: 0;
  width: 63.38308%;
  max-width: 63.38308%
}

.small-9 {
  flex-shrink: 0;
  width: 71.71642%;
  max-width: 71.71642%
}

.small-10 {
  flex-shrink: 0;
  width: 80.04975%;
  max-width: 80.04975%
}

.small-11 {
  flex-shrink: 0;
  width: 88.38308%;
  max-width: 88.38308%
}

.small-12 {
  flex-shrink: 0;
  width: 96.71642%;
  max-width: 96.71642%
}

.small-offset-1 {
  margin-left: 11.61692%
}

.small-offset-2 {
  margin-left: 19.95025%
}

.small-offset-3 {
  margin-left: 28.28358%
}

.small-offset-4 {
  margin-left: 36.61692%
}

.small-offset-5 {
  margin-left: 44.95025%
}

.small-offset-6 {
  margin-left: 53.28358%
}

.small-offset-7 {
  margin-left: 61.61692%
}

.small-offset-8 {
  margin-left: 69.95025%
}

.small-offset-9 {
  margin-left: 78.28358%
}

.small-offset-10 {
  margin-left: 86.61692%
}

.small-offset-11 {
  margin-left: 94.95025%
}

.small-offset-12 {
  margin-left: 103.28358%
}

@media only screen and (min-width:735px) {
  .small-1 {
    flex-shrink: 0;
    width: 5.44316%;
    max-width: 5.44316%
  }

  .small-2 {
    flex-shrink: 0;
    width: 13.77649%;
    max-width: 13.77649%
  }

  .small-3 {
    flex-shrink: 0;
    width: 22.10983%;
    max-width: 22.10983%
  }

  .small-4 {
    flex-shrink: 0;
    width: 30.44316%;
    max-width: 30.44316%
  }

  .small-5 {
    flex-shrink: 0;
    width: 38.77649%;
    max-width: 38.77649%
  }

  .small-6 {
    flex-shrink: 0;
    width: 47.10983%;
    max-width: 47.10983%
  }

  .small-7 {
    flex-shrink: 0;
    width: 55.44316%;
    max-width: 55.44316%
  }

  .small-8 {
    flex-shrink: 0;
    width: 63.77649%;
    max-width: 63.77649%
  }

  .small-9 {
    flex-shrink: 0;
    width: 72.10983%;
    max-width: 72.10983%
  }

  .small-10 {
    flex-shrink: 0;
    width: 80.44316%;
    max-width: 80.44316%
  }

  .small-11 {
    flex-shrink: 0;
    width: 88.77649%;
    max-width: 88.77649%
  }

  .small-12 {
    flex-shrink: 0;
    width: 97.10983%;
    max-width: 97.10983%
  }

  .small-offset-1 {
    margin-left: 11.22351%
  }

  .small-offset-2 {
    margin-left: 19.55684%
  }

  .small-offset-3 {
    margin-left: 27.89017%
  }

  .small-offset-4 {
    margin-left: 36.22351%
  }

  .small-offset-5 {
    margin-left: 44.55684%
  }

  .small-offset-6 {
    margin-left: 52.89017%
  }

  .small-offset-7 {
    margin-left: 61.22351%
  }

  .small-offset-8 {
    margin-left: 69.55684%
  }

  .small-offset-9 {
    margin-left: 77.89017%
  }

  .small-offset-10 {
    margin-left: 86.22351%
  }

  .small-offset-11 {
    margin-left: 94.55684%
  }

  .small-offset-12 {
    margin-left: 102.89017%
  }
}

@media only screen and (min-width:1069px) {
  .small-1 {
    flex-shrink: 0;
    width: 6.39456%;
    max-width: 6.39456%
  }

  .small-2 {
    flex-shrink: 0;
    width: 14.72789%;
    max-width: 14.72789%
  }

  .small-3 {
    flex-shrink: 0;
    width: 23.06122%;
    max-width: 23.06122%
  }

  .small-4 {
    flex-shrink: 0;
    width: 31.39456%;
    max-width: 31.39456%
  }

  .small-5 {
    flex-shrink: 0;
    width: 39.72789%;
    max-width: 39.72789%
  }

  .small-6 {
    flex-shrink: 0;
    width: 48.06122%;
    max-width: 48.06122%
  }

  .small-7 {
    flex-shrink: 0;
    width: 56.39456%;
    max-width: 56.39456%
  }

  .small-8 {
    flex-shrink: 0;
    width: 64.72789%;
    max-width: 64.72789%
  }

  .small-9 {
    flex-shrink: 0;
    width: 73.06122%;
    max-width: 73.06122%
  }

  .small-10 {
    flex-shrink: 0;
    width: 81.39456%;
    max-width: 81.39456%
  }

  .small-11 {
    flex-shrink: 0;
    width: 89.72789%;
    max-width: 89.72789%
  }

  .small-12 {
    flex-shrink: 0;
    width: 98.06122%;
    max-width: 98.06122%
  }

  .small-offset-1 {
    margin-left: 10.27211%
  }

  .small-offset-2 {
    margin-left: 18.60544%
  }

  .small-offset-3 {
    margin-left: 26.93878%
  }

  .small-offset-4 {
    margin-left: 35.27211%
  }

  .small-offset-5 {
    margin-left: 43.60544%
  }

  .small-offset-6 {
    margin-left: 51.93878%
  }

  .small-offset-7 {
    margin-left: 60.27211%
  }

  .small-offset-8 {
    margin-left: 68.60544%
  }

  .small-offset-9 {
    margin-left: 76.93878%
  }

  .small-offset-10 {
    margin-left: 85.27211%
  }

  .small-offset-11 {
    margin-left: 93.60544%
  }

  .small-offset-12 {
    margin-left: 101.93878%
  }
}

@media only screen and (min-width:735px) {
  .l-row {
    margin-left: -2.97619%
  }

  .l-column {
    margin-left: 2.89017%
  }

  .medium-valign-top {
    vertical-align: top !important;
    align-self: start
  }

  .medium-valign-center {
    vertical-align: middle !important;
    align-self: center
  }

  .medium-valign-bottom {
    vertical-align: bottom !important;
    align-self: end
  }
}

@media only screen and (min-width:735px) and (max-width:734px) {
  .l-column--small-hide+.l-column {
    margin-left: 0
  }
}

@media only screen and (min-width:735px) {
  .medium-1 {
    flex-shrink: 0;
    width: 5.44316%;
    max-width: 5.44316%
  }

  .medium-2 {
    flex-shrink: 0;
    width: 13.77649%;
    max-width: 13.77649%
  }

  .medium-3 {
    flex-shrink: 0;
    width: 22.10983%;
    max-width: 22.10983%
  }

  .medium-4 {
    flex-shrink: 0;
    width: 30.44316%;
    max-width: 30.44316%
  }

  .medium-5 {
    flex-shrink: 0;
    width: 38.77649%;
    max-width: 38.77649%
  }

  .medium-6 {
    flex-shrink: 0;
    width: 47.10983%;
    max-width: 47.10983%
  }

  .medium-7 {
    flex-shrink: 0;
    width: 55.44316%;
    max-width: 55.44316%
  }

  .medium-8 {
    flex-shrink: 0;
    width: 63.77649%;
    max-width: 63.77649%
  }

  .medium-9 {
    flex-shrink: 0;
    width: 72.10983%;
    max-width: 72.10983%
  }

  .medium-10 {
    flex-shrink: 0;
    width: 80.44316%;
    max-width: 80.44316%
  }

  .medium-11 {
    flex-shrink: 0;
    width: 88.77649%;
    max-width: 88.77649%
  }

  .medium-12 {
    flex-shrink: 0;
    width: 97.10983%;
    max-width: 97.10983%
  }

  .medium-offset-1 {
    margin-left: 11.22351%
  }

  .medium-offset-2 {
    margin-left: 19.55684%
  }

  .medium-offset-3 {
    margin-left: 27.89017%
  }

  .medium-offset-4 {
    margin-left: 36.22351%
  }

  .medium-offset-5 {
    margin-left: 44.55684%
  }

  .medium-offset-6 {
    margin-left: 52.89017%
  }

  .medium-offset-7 {
    margin-left: 61.22351%
  }

  .medium-offset-8 {
    margin-left: 69.55684%
  }

  .medium-offset-9 {
    margin-left: 77.89017%
  }

  .medium-offset-10 {
    margin-left: 86.22351%
  }

  .medium-offset-11 {
    margin-left: 94.55684%
  }

  .medium-offset-12 {
    margin-left: 102.89017%
  }
}

@media only screen and (min-width:1069px) {
  .medium-1 {
    flex-shrink: 0;
    width: 6.39456%;
    max-width: 6.39456%
  }

  .medium-2 {
    flex-shrink: 0;
    width: 14.72789%;
    max-width: 14.72789%
  }

  .medium-3 {
    flex-shrink: 0;
    width: 23.06122%;
    max-width: 23.06122%
  }

  .medium-4 {
    flex-shrink: 0;
    width: 31.39456%;
    max-width: 31.39456%
  }

  .medium-5 {
    flex-shrink: 0;
    width: 39.72789%;
    max-width: 39.72789%
  }

  .medium-6 {
    flex-shrink: 0;
    width: 48.06122%;
    max-width: 48.06122%
  }

  .medium-7 {
    flex-shrink: 0;
    width: 56.39456%;
    max-width: 56.39456%
  }

  .medium-8 {
    flex-shrink: 0;
    width: 64.72789%;
    max-width: 64.72789%
  }

  .medium-9 {
    flex-shrink: 0;
    width: 73.06122%;
    max-width: 73.06122%
  }

  .medium-10 {
    flex-shrink: 0;
    width: 81.39456%;
    max-width: 81.39456%
  }

  .medium-11 {
    flex-shrink: 0;
    width: 89.72789%;
    max-width: 89.72789%
  }

  .medium-12 {
    flex-shrink: 0;
    width: 98.06122%;
    max-width: 98.06122%
  }

  .medium-offset-1 {
    margin-left: 10.27211%
  }

  .medium-offset-2 {
    margin-left: 18.60544%
  }

  .medium-offset-3 {
    margin-left: 26.93878%
  }

  .medium-offset-4 {
    margin-left: 35.27211%
  }

  .medium-offset-5 {
    margin-left: 43.60544%
  }

  .medium-offset-6 {
    margin-left: 51.93878%
  }

  .medium-offset-7 {
    margin-left: 60.27211%
  }

  .medium-offset-8 {
    margin-left: 68.60544%
  }

  .medium-offset-9 {
    margin-left: 76.93878%
  }

  .medium-offset-10 {
    margin-left: 85.27211%
  }

  .medium-offset-11 {
    margin-left: 93.60544%
  }

  .medium-offset-12 {
    margin-left: 101.93878%
  }

  .l-row {
    margin-left: -1.97711%
  }

  .l-column {
    margin-left: 1.93878%
  }

  .large-valign-top {
    vertical-align: top !important;
    align-self: start
  }

  .large-valign-center {
    vertical-align: middle !important;
    align-self: center
  }

  .large-valign-bottom {
    vertical-align: bottom !important;
    align-self: end
  }
}

@media only screen and (min-width:1069px) and (max-width:734px) {
  .l-column--small-hide+.l-column {
    margin-left: 0
  }
}

.l-column--grid {
  vertical-align: baseline;
  margin-bottom: 3.28358%
}

@media only screen and (min-width:735px) {
  .l-column--grid {
    margin-bottom: 2.89017%
  }
}

@media only screen and (min-width:1069px) {
  .large-1 {
    flex-shrink: 0;
    width: 6.39456%;
    max-width: 6.39456%
  }

  .large-2 {
    flex-shrink: 0;
    width: 14.72789%;
    max-width: 14.72789%
  }

  .large-3 {
    flex-shrink: 0;
    width: 23.06122%;
    max-width: 23.06122%
  }

  .large-4 {
    flex-shrink: 0;
    width: 31.39456%;
    max-width: 31.39456%
  }

  .large-5 {
    flex-shrink: 0;
    width: 39.72789%;
    max-width: 39.72789%
  }

  .large-6 {
    flex-shrink: 0;
    width: 48.06122%;
    max-width: 48.06122%
  }

  .large-7 {
    flex-shrink: 0;
    width: 56.39456%;
    max-width: 56.39456%
  }

  .large-8 {
    flex-shrink: 0;
    width: 64.72789%;
    max-width: 64.72789%
  }

  .large-9 {
    flex-shrink: 0;
    width: 73.06122%;
    max-width: 73.06122%
  }

  .large-10 {
    flex-shrink: 0;
    width: 81.39456%;
    max-width: 81.39456%
  }

  .large-11 {
    flex-shrink: 0;
    width: 89.72789%;
    max-width: 89.72789%
  }

  .large-12 {
    flex-shrink: 0;
    width: 98.06122%;
    max-width: 98.06122%
  }

  .large-offset-1 {
    margin-left: 10.27211%
  }

  .large-offset-2 {
    margin-left: 18.60544%
  }

  .large-offset-3 {
    margin-left: 26.93878%
  }

  .large-offset-4 {
    margin-left: 35.27211%
  }

  .large-offset-5 {
    margin-left: 43.60544%
  }

  .large-offset-6 {
    margin-left: 51.93878%
  }

  .large-offset-7 {
    margin-left: 60.27211%
  }

  .large-offset-8 {
    margin-left: 68.60544%
  }

  .large-offset-9 {
    margin-left: 76.93878%
  }

  .large-offset-10 {
    margin-left: 85.27211%
  }

  .large-offset-11 {
    margin-left: 93.60544%
  }

  .large-offset-12 {
    margin-left: 101.93878%
  }

  .l-column--grid {
    margin-bottom: 1.93878%
  }

  .l-column--grid.large-1:nth-child(12n+1):nth-last-child(-n+12),
  .l-column--grid.large-1:nth-child(12n+1):nth-last-child(-n+12)~.l-column--grid {
    margin-bottom: 0
  }
}

@media only screen and (min-width:735px) and (max-width:1068px) {

  .l-column--grid.medium-12:nth-child(1n+1):nth-last-child(-n+1),
  .l-column--grid.medium-12:nth-child(1n+1):nth-last-child(-n+1)~.l-column--grid,
  .l-column--grid.medium-1:nth-child(12n+1):nth-last-child(-n+12),
  .l-column--grid.medium-1:nth-child(12n+1):nth-last-child(-n+12)~.l-column--grid,
  .l-column--grid.medium-2:nth-child(6n+1):nth-last-child(-n+6),
  .l-column--grid.medium-2:nth-child(6n+1):nth-last-child(-n+6)~.l-column--grid,
  .l-column--grid.medium-3:nth-child(4n+1):nth-last-child(-n+4),
  .l-column--grid.medium-3:nth-child(4n+1):nth-last-child(-n+4)~.l-column--grid,
  .l-column--grid.medium-4:nth-child(3n+1):nth-last-child(-n+3),
  .l-column--grid.medium-4:nth-child(3n+1):nth-last-child(-n+3)~.l-column--grid,
  .l-column--grid.medium-6:nth-child(2n+1):nth-last-child(-n+2),
  .l-column--grid.medium-6:nth-child(2n+1):nth-last-child(-n+2)~.l-column--grid,
  .l-row--ratings-grid .medium-0.5~.l-column--grid.medium-1:nth-child(12n+2):nth-last-child(-n+12),
  .l-row--ratings-grid .medium-0.5~.l-column--grid.medium-1:nth-child(12n+2):nth-last-child(-n+12)~.l-column--grid,
  .l-row--ratings-grid .medium-1.5~.l-column--grid.medium-3:nth-child(4n+2):nth-last-child(-n+4),
  .l-row--ratings-grid .medium-1.5~.l-column--grid.medium-3:nth-child(4n+2):nth-last-child(-n+4)~.l-column--grid,
  .l-row--ratings-grid .medium-1~.l-column--grid.medium-2:nth-child(6n+2):nth-last-child(-n+6),
  .l-row--ratings-grid .medium-1~.l-column--grid.medium-2:nth-child(6n+2):nth-last-child(-n+6)~.l-column--grid,
  .l-row--ratings-grid .medium-2~.l-column--grid.medium-4:nth-child(3n+2):nth-last-child(-n+3),
  .l-row--ratings-grid .medium-2~.l-column--grid.medium-4:nth-child(3n+2):nth-last-child(-n+3)~.l-column--grid,
  .l-row--ratings-grid .medium-3~.l-column--grid.medium-6:nth-child(2n+2):nth-last-child(-n+2),
  .l-row--ratings-grid .medium-3~.l-column--grid.medium-6:nth-child(2n+2):nth-last-child(-n+2)~.l-column--grid,
  .l-row--ratings-grid .medium-6~.l-column--grid.medium-12:nth-child(1n+2):nth-last-child(-n+1),
  .l-row--ratings-grid .medium-6~.l-column--grid.medium-12:nth-child(1n+2):nth-last-child(-n+1)~.l-column--grid {
    margin-bottom: 0
  }
}

.l-column--equal-height {
  align-self: stretch
}

body {
  min-width: 320px
}

.small-hide {
  display: none
}

.small-show {
  display: block
}

.small-show-inline {
  display: inline
}

.small-show-inlineblock {
  display: inline-block
}

@media only screen and (min-width:735px) {
  .medium-hide {
    display: none
  }

  .medium-show {
    display: block
  }

  .medium-show-inline {
    display: inline
  }

  .medium-show-inlineblock {
    display: inline-block
  }
}

@media only screen and (min-width:1069px) {

  .l-column--grid.large-12:nth-child(1n+1):nth-last-child(-n+1),
  .l-column--grid.large-12:nth-child(1n+1):nth-last-child(-n+1)~.l-column--grid,
  .l-column--grid.large-2:nth-child(6n+1):nth-last-child(-n+6),
  .l-column--grid.large-2:nth-child(6n+1):nth-last-child(-n+6)~.l-column--grid,
  .l-column--grid.large-3:nth-child(4n+1):nth-last-child(-n+4),
  .l-column--grid.large-3:nth-child(4n+1):nth-last-child(-n+4)~.l-column--grid,
  .l-column--grid.large-4:nth-child(3n+1):nth-last-child(-n+3),
  .l-column--grid.large-4:nth-child(3n+1):nth-last-child(-n+3)~.l-column--grid,
  .l-column--grid.large-6:nth-child(2n+1):nth-last-child(-n+2),
  .l-column--grid.large-6:nth-child(2n+1):nth-last-child(-n+2)~.l-column--grid,
  .l-row--ratings-grid .large-0.5~.l-column--grid.large-1:nth-child(12n+2):nth-last-child(-n+12),
  .l-row--ratings-grid .large-0.5~.l-column--grid.large-1:nth-child(12n+2):nth-last-child(-n+12)~.l-column--grid,
  .l-row--ratings-grid .large-1.5~.l-column--grid.large-3:nth-child(4n+2):nth-last-child(-n+4),
  .l-row--ratings-grid .large-1.5~.l-column--grid.large-3:nth-child(4n+2):nth-last-child(-n+4)~.l-column--grid,
  .l-row--ratings-grid .large-1~.l-column--grid.large-2:nth-child(6n+2):nth-last-child(-n+6),
  .l-row--ratings-grid .large-1~.l-column--grid.large-2:nth-child(6n+2):nth-last-child(-n+6)~.l-column--grid,
  .l-row--ratings-grid .large-2~.l-column--grid.large-4:nth-child(3n+2):nth-last-child(-n+3),
  .l-row--ratings-grid .large-2~.l-column--grid.large-4:nth-child(3n+2):nth-last-child(-n+3)~.l-column--grid,
  .l-row--ratings-grid .large-3~.l-column--grid.large-6:nth-child(2n+2):nth-last-child(-n+2),
  .l-row--ratings-grid .large-3~.l-column--grid.large-6:nth-child(2n+2):nth-last-child(-n+2)~.l-column--grid,
  .l-row--ratings-grid .large-6~.l-column--grid.large-12:nth-child(1n+2):nth-last-child(-n+1),
  .l-row--ratings-grid .large-6~.l-column--grid.large-12:nth-child(1n+2):nth-last-child(-n+1)~.l-column--grid {
    margin-bottom: 0
  }

  .large-4-of-8 {
    width: calc((100% - 1.93878% - 19px)/ 2);
    max-width: calc((100% - 1.93878% - 19px)/ 2)
  }

  .large-4-of-8:not(:first-child) {
    margin-left: 19px
  }

  .large-hide {
    display: none
  }

  .large-show {
    display: block
  }

  .large-show-inline {
    display: inline
  }

  .large-show-inlineblock {
    display: inline-block
  }

  .large-show-tablecell {
    display: table-cell
  }
}

.small-show-tablecell {
  display: table-cell
}

.l-content-width {
  margin-left: auto;
  margin-right: auto;
  width: 87.5%
}

@media only screen and (min-width:735px) {
  .medium-show-tablecell {
    display: table-cell
  }

  .l-content-width {
    margin-left: auto;
    margin-right: auto;
    width: 692px
  }
}

@media only screen and (min-width:1069px) {
  .l-content-width {
    margin-left: auto;
    margin-right: auto;
    width: 980px
  }
}

@media only screen and (max-width:734px) {

  .l-column--grid.small-12:nth-child(1n+1):nth-last-child(-n+1),
  .l-column--grid.small-12:nth-child(1n+1):nth-last-child(-n+1)~.l-column--grid,
  .l-column--grid.small-1:nth-child(12n+1):nth-last-child(-n+12),
  .l-column--grid.small-1:nth-child(12n+1):nth-last-child(-n+12)~.l-column--grid,
  .l-column--grid.small-2:nth-child(6n+1):nth-last-child(-n+6),
  .l-column--grid.small-2:nth-child(6n+1):nth-last-child(-n+6)~.l-column--grid,
  .l-column--grid.small-3:nth-child(4n+1):nth-last-child(-n+4),
  .l-column--grid.small-3:nth-child(4n+1):nth-last-child(-n+4)~.l-column--grid,
  .l-column--grid.small-4:nth-child(3n+1):nth-last-child(-n+3),
  .l-column--grid.small-4:nth-child(3n+1):nth-last-child(-n+3)~.l-column--grid,
  .l-column--grid.small-6:nth-child(2n+1):nth-last-child(-n+2),
  .l-column--grid.small-6:nth-child(2n+1):nth-last-child(-n+2)~.l-column--grid,
  .l-row--ratings-grid .small-0.5~.l-column--grid.small-1:nth-child(12n+2):nth-last-child(-n+12),
  .l-row--ratings-grid .small-0.5~.l-column--grid.small-1:nth-child(12n+2):nth-last-child(-n+12)~.l-column--grid,
  .l-row--ratings-grid .small-1.5~.l-column--grid.small-3:nth-child(4n+2):nth-last-child(-n+4),
  .l-row--ratings-grid .small-1.5~.l-column--grid.small-3:nth-child(4n+2):nth-last-child(-n+4)~.l-column--grid,
  .l-row--ratings-grid .small-1~.l-column--grid.small-2:nth-child(6n+2):nth-last-child(-n+6),
  .l-row--ratings-grid .small-1~.l-column--grid.small-2:nth-child(6n+2):nth-last-child(-n+6)~.l-column--grid,
  .l-row--ratings-grid .small-2~.l-column--grid.small-4:nth-child(3n+2):nth-last-child(-n+3),
  .l-row--ratings-grid .small-2~.l-column--grid.small-4:nth-child(3n+2):nth-last-child(-n+3)~.l-column--grid,
  .l-row--ratings-grid .small-3~.l-column--grid.small-6:nth-child(2n+2):nth-last-child(-n+2),
  .l-row--ratings-grid .small-3~.l-column--grid.small-6:nth-child(2n+2):nth-last-child(-n+2)~.l-column--grid,
  .l-row--ratings-grid .small-6~.l-column--grid.small-12:nth-child(1n+2):nth-last-child(-n+1),
  .l-row--ratings-grid .small-6~.l-column--grid.small-12:nth-child(1n+2):nth-last-child(-n+1)~.l-column--grid {
    margin-bottom: 0
  }

  .l-content-width--small-full-width {
    width: 100%
  }
}

@media only screen and (min-width:735px) {
  .l-content-width--small-only {
    width: auto
  }
}

#ember-app,
body>.ember-view {
  /*background-color: #fff */
  background-color: #000
}

.l-viewport-centered {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}

.l-viewport-centered--with-header-footer {
  justify-content: center
}

.l-viewport-centered--with-header-footer>:first-child {
  margin-bottom: auto
}

.l-viewport-centered--with-header-footer>:last-child {
  margin-top: auto
}

.l-viewport-footer-content {
  margin: 0 auto;
  max-width: 980px;
  padding: 0 22px;
  padding-left: calc($-ac-gf-content-spacer + constant(safe-area-inset-left));
  padding-right: calc($-ac-gf-content-spacer + constant(safe-area-inset-right));
  box-sizing: content-box
}

.ac-gf-footer-locale-lang {
  visibility: hidden
}

footer#ac-globalfooter .ac-gf-footer {
  border-top: none
}

@media only screen and (inverted-colors) {

  .no-inversion,
  img:not(picture>img),
  picture,
  video {
    filter: invert(1)
  }
}

address[dir=rtl],
article[dir=rtl],
blockquote[dir=rtl],
dd[dir=rtl],
details[dir=rtl],
dialog[dir=rtl],
div[dir=rtl],
dl[dir=rtl],
dt[dir=rtl],
fieldset[dir=rtl],
form[dir=rtl],
h1[dir=rtl],
h2[dir=rtl],
h3[dir=rtl],
h4[dir=rtl],
h5[dir=rtl],
h6[dir=rtl],
nav[dir=rtl],
ol[dir=rtl],
p[dir=rtl],
pre[dir=rtl],
section[dir=rtl],
table[dir=rtl],
ul[dir=rtl] {
  text-align: initial;
  direction: rtl
}

bdo[dir=rtl],
span[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override
}

.truncate-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.truncate-single-line--block {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.has-modal {
  overflow: hidden
}

.has-modal-full-viewport {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.has-modal-full-viewport body {
  height: 100%;
  overflow: hidden
}

.modal {
  position: fixed;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none
}

.modal-standard {
  overflow: auto;
  padding: 54px 0;
  background: rgba(0, 0, 0, .48);
  -webkit-overflow-scrolling: touch
}

.modal-standard .content-table {
  display: table;
  width: 100%;
  height: 100%
}

.modal-standard .content-cell {
  display: table-cell;
  vertical-align: middle
}

.modal-standard .content-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 87.5%
}

@media only screen and (min-width:735px) {
  .modal-standard .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 692px
  }
}

@media only screen and (min-width:1069px) {
  .modal-standard .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 980px
  }
}

.modal-standard .content-padding {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  padding: 60px 8.33333%;
  background: #fff;
  border-radius: 18px
}

.modal-standard .modal-close {
  left: 22px
}

.modal-standard.theme-dark .content-padding,
.theme-dark .modal-standard .content-padding {
  background: #1d1d1f
}

.modal-full-viewport {
  background: #fff;
  padding: 96px 0
}

@media only screen and (min-width:735px) {
  .modal-full-viewport {
    padding: 80px 0
  }
}

.modal-full-viewport.remove-container-padding {
  padding: 0
}

.modal-full-viewport.theme-dark,
.theme-dark .modal-full-viewport {
  background: #000
}

.modal-open {
  display: block;
  z-index: 11000
}

.modal-open:focus {
  outline-offset: -4px
}

.modal-close {
  position: absolute;
  display: flex;
  z-index: 9999;
  overflow: hidden;
  top: 24px;
  left: 24px;
  margin: 0;
  padding: 0;
  font-size: 40px;
  line-height: 1;
  background: 0 0;
  border: 0;
  color: rgba(134, 134, 139, .8)
}

.modal-close::after,
.modal-close::before {
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  position: relative;
  z-index: 1;
  text-decoration: none;
  content: ""
}

.ac-video-player.threesixty-video .ac-video-blockade,
.modal-close::before {
  display: none
}

.modal-close:hover {
  color: #86868b
}

.theme-dark .modal-close {
  color: rgba(110, 110, 115, .8)
}

.theme-dark .modal-close:hover {
  color: #6e6e73
}

.modal-close::after {
  width: .9em;
  height: .9em;
  top: .05em;
  padding: 0;
  font-weight: 300
}

@media only screen and (min-width:735px) {
  .modal-close {
    top: 20px;
    left: 20px;
    font-size: 32px
  }

  [data-grid='A'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

.ac-video-icon {
  background-repeat: no-repeat
}

.ac-video-icon.controls-airplay-button,
.ac-video-icon.icon-ctrl_airplay {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.5%2C14.8c0.5%2C0.7%2C0.2%2C1.2-0.6%2C1.2H6.1c-0.8%2C0-1.1-0.5-0.6-1.2l3.7-5.4c0.4-0.7%2C1.2-0.7%2C1.6%2C0L14.5%2C14.8z%0A%09%20M17.4%2C0H2.6C1.2%2C0%2C0%2C1.2%2C0%2C2.6v6.7C0%2C10.8%2C1.2%2C12%2C2.6%2C12H4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S4.3%2C11%2C4%2C11H2.6C1.7%2C11%2C1%2C10.3%2C1%2C9.4V2.6%0A%09C1%2C1.7%2C1.7%2C1%2C2.6%2C1h14.8C18.3%2C1%2C19%2C1.7%2C19%2C2.6v6.7c0%2C0.9-0.7%2C1.6-1.6%2C1.6H16c-0.3%2C0-0.5%2C0.2-0.5%2C0.5S15.7%2C12%2C16%2C12h1.4%0A%09c1.4%2C0%2C2.6-1.2%2C2.6-2.6V2.6C20%2C1.2%2C18.8%2C0%2C17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.controls-airplay-button.airplay-active,
.ac-video-icon.icon-ctrl_airplay_active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%232997ff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ectrl_airplay_active%3C%2Ftitle%3E%3Crect%20id%3D%22Bounding-Box%22%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%3Cpath%20id%3D%22ctrl_airplay_active%22%20class%3D%22cls-2%22%20d%3D%22M10.8%2C9.4a.87.87%2C0%2C0%2C0-1.6%2C0L5.5%2C14.8c-.5.7-.2%2C1.2.6%2C1.2h7.8c.8%2C0%2C1.1-.5.6-1.2ZM20%2C2.6V9.4A2.65%2C2.65%2C0%2C0%2C1%2C17.4%2C12H16a.5.5%2C0%2C0%2C1%2C0-1h1.4A1.58%2C1.58%2C0%2C0%2C0%2C19%2C9.4V2.6A1.58%2C1.58%2C0%2C0%2C0%2C17.4%2C1H2.6A1.58%2C1.58%2C0%2C0%2C0%2C1%2C2.6V9.3A1.61%2C1.61%2C0%2C0%2C0%2C2.6%2C11H4a.5.5%2C0%2C0%2C1%2C0%2C1H2.6A2.65%2C2.65%2C0%2C0%2C1%2C0%2C9.4V2.6A2.65%2C2.65%2C0%2C0%2C1%2C2.6%2C0H17.4A2.65%2C2.65%2C0%2C0%2C1%2C20%2C2.6Z%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_arrow,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-bottom,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-left,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-right,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-top {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229px%22%20height%3D%2210px%22%20viewBox%3D%220%200%209%2010%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.6%2C5.8c0.7-0.4%2C0.7-1.2%2C0-1.6L2.2%2C0.5C1.5%2C0%2C1%2C0.3%2C1%2C1.1v7.8C1%2C9.7%2C1.5%2C10%2C2.2%2C9.5L7.6%2C5.8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20width%3D%229%22%20height%3D%2210%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.89%2C16H2.11C0.95%2C16%2C0%2C15.04%2C0%2C13.87V2.13C0%2C0.96%2C0.95%2C0%2C2.11%2C0h15.79%0AC19.05%2C0%2C20%2C0.96%2C20%2C2.13v11.73C20%2C15.04%2C19.05%2C16%2C17.89%2C16z%20M7.92%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0c0.04-1.83-1.24-2.87-2.99-2.87%0AS3.34%2C5.31%2C3.34%2C7.53s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78c-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43%0Ac-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92S7.92%2C6.13%2C7.92%2C6.96z%20M15.17%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0%0Ac0.04-1.83-1.24-2.87-2.99-2.87s-3.04%2C1.23-3.04%2C3.44s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78%0Ac-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43c-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92%0AS15.17%2C6.13%2C15.17%2C6.96z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_default {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.5%2C15.99h-15c-1.38%2C0-2.5-1.19-2.5-2.64V2.64C0%2C1.18%2C1.12%2C0%2C2.5%2C0h15C18.88%2C0%2C20%2C1.18%2C20%2C2.64%0A%09%09v10.71C20%2C14.81%2C18.88%2C15.99%2C17.5%2C15.99z%20M2.5%2C1C1.67%2C1%2C1%2C1.73%2C1%2C2.64v10.71c0%2C0.91%2C0.67%2C1.64%2C1.5%2C1.64h15%0A%09%09c0.83%2C0%2C1.5-0.74%2C1.5-1.64V2.64C19%2C1.73%2C18.33%2C1%2C17.5%2C1H2.5z%20M4.75%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23H8.01%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%20M12%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23h-1.26%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.controls-text-tracks-toggle-button,
.ac-video-icon.icon-ctrl_cc_off {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C1C18.3%2C1%2C19%2C1.7%2C19%2C2.5v8c0%2C0.8-0.7%2C1.5-1.6%2C1.5H16l-4%2C2.5V12H2.6C1.7%2C12%2C1%2C11.3%2C1%2C10.4%0A%09V2.5C1%2C1.7%2C1.7%2C1%2C2.6%2C1H17.4%20M9.5%2C8h7C16.8%2C8%2C17%2C7.8%2C17%2C7.5S16.8%2C7%2C16.5%2C7h-7C9.2%2C7%2C9%2C7.2%2C9%2C7.5S9.2%2C8%2C9.5%2C8%20M3.5%2C8h4%0A%09C7.8%2C8%2C8%2C7.8%2C8%2C7.5S7.8%2C7%2C7.5%2C7h-4C3.2%2C7%2C3%2C7.2%2C3%2C7.5S3.2%2C8%2C3.5%2C8%20M12.5%2C10h4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S16.8%2C9%2C16.5%2C9h-4%0A%09C12.2%2C9%2C12%2C9.2%2C12%2C9.5S12.2%2C10%2C12.5%2C10%20M3.5%2C10h7c0.3%2C0%2C0.5-0.2%2C0.5-0.5S10.8%2C9%2C10.5%2C9h-7C3.2%2C9%2C3%2C9.2%2C3%2C9.5S3.2%2C10%2C3.5%2C10%20M17.4%2C0%0A%09H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3%0A%09h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0L17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.controls-text-tracks-toggle-button.text-tracks-visible,
.ac-video-icon.icon-ctrl_cc_on {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C0H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9%0A%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0z%20M3.5%2C7h4C7.8%2C7%2C8%2C7.2%2C8%2C7.5%0A%09S7.8%2C8%2C7.5%2C8h-4C3.2%2C8%2C3%2C7.8%2C3%2C7.5S3.2%2C7%2C3.5%2C7z%20M10.5%2C10h-7C3.2%2C10%2C3%2C9.8%2C3%2C9.5S3.2%2C9%2C3.5%2C9h7C10.8%2C9%2C11%2C9.2%2C11%2C9.5%0A%09S10.8%2C10%2C10.5%2C10z%20M16.5%2C10h-4C12.2%2C10%2C12%2C9.8%2C12%2C9.5S12.2%2C9%2C12.5%2C9h4C16.8%2C9%2C17%2C9.2%2C17%2C9.5S16.8%2C10%2C16.5%2C10z%20M16.5%2C8h-7%0A%09C9.2%2C8%2C9%2C7.8%2C9%2C7.5S9.2%2C7%2C9.5%2C7h7C16.8%2C7%2C17%2C7.2%2C17%2C7.5S16.8%2C8%2C16.5%2C8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before,
.ac-video-icon.icon-ctrl_check {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%2218px%22%20viewBox%3D%220%200%201222%202444%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpolygon%20class%3D%22fill%22%20points%3D%22154.84%2C1317.22%2043.16%2C1437.31%20469.88%2C1834.18%201179.1%2C1168.83%201066.9%2C1049.23%20469.4%2C1609.76%0A%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%228%22%20height%3D%2218%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.controls-full-screen-button,
.ac-video-icon.icon-ctrl_fullscreen {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.87%2C9.97l-4.89%2C4.9C2.17%2C14.96%2C2.38%2C15%2C2.61%2C15h3.91c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.79%2C16%2C6.51%2C16%0A%09%09H2.61C1.17%2C16%2C0%2C14.82%2C0%2C13.37V9.51c0-0.28%2C0.22-0.5%2C0.5-0.5S1%2C9.23%2C1%2C9.51v3.86c0%2C0.23%2C0.05%2C0.45%2C0.13%2C0.65l4.89-4.89%0A%09%09c0.23-0.23%2C0.61-0.23%2C0.85%2C0C7.1%2C9.36%2C7.1%2C9.74%2C6.87%2C9.97z%20M13.4%2C0H9.5C9.23%2C0%2C9%2C0.22%2C9%2C0.5S9.23%2C1%2C9.5%2C1h3.89%0A%09%09c0.22%2C0%2C0.43%2C0.05%2C0.63%2C0.13L9.09%2C6.06c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85c0.12%2C0.12%2C0.27%2C0.18%2C0.42%2C0.18s0.31-0.06%2C0.42-0.18l4.93-4.93%0A%09%09C14.95%2C2.18%2C15%2C2.4%2C15%2C2.63V6.5C15%2C6.78%2C15.23%2C7%2C15.5%2C7S16%2C6.78%2C16%2C6.5V2.63C16%2C1.18%2C14.83%2C0%2C13.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.controls-full-screen-button.is-fullscreen,
.ac-video-icon.icon-ctrl_fullscreen_exit {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7%2C11.65v3.86c0%2C0.28-0.22%2C0.5-0.5%2C0.5S6%2C15.79%2C6%2C15.51v-3.86C6%2C11.42%2C5.95%2C11.2%2C5.87%2C11l-4.84%2C4.82%0A%09%09C0.91%2C15.94%2C0.76%2C16%2C0.6%2C16c-0.15%2C0-0.31-0.06-0.42-0.18c-0.23-0.24-0.23-0.62%2C0-0.85l4.86-4.84C4.84%2C10.05%2C4.63%2C10%2C4.41%2C10H0.5%0A%09%09C0.23%2C10%2C0%2C9.78%2C0%2C9.5S0.23%2C9%2C0.5%2C9h3.91C5.84%2C9%2C7%2C10.19%2C7%2C11.65z%20M15.5%2C6h-3.89c-0.22%2C0-0.43-0.05-0.62-0.13l4.83-4.84%0A%09%09c0.23-0.23%2C0.23-0.61%2C0-0.85s-0.61-0.23-0.85%2C0l-4.83%2C4.84C10.05%2C4.82%2C10%2C4.6%2C10%2C4.36V0.5C10%2C0.22%2C9.78%2C0%2C9.5%2C0S9%2C0.22%2C9%2C0.5v3.87%0A%09%09C9%2C5.82%2C10.17%2C7%2C11.61%2C7h3.89C15.78%2C7%2C16%2C6.77%2C16%2C6.5S15.78%2C6%2C15.5%2C6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_pause,
.is-playing .ac-video-icon.controls-play-pause-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m22%2064.715v-43.388c0-2.555%201.452-4.327%204.6-4.327h5.8c3.185%200%204.6%201.731%204.6%204.327v43.388c0%202.554-1.411%204.285-4.6%204.285h-5.8c-3.148%200-4.6-1.731-4.6-4.285zm26%200v-43.388c0-2.596%201.452-4.327%204.6-4.327h5.847c3.142%200%204.553%201.772%204.553%204.327v43.388c0%202.554-1.411%204.285-4.556%204.285h-5.844c-3.148%200-4.6-1.731-4.6-4.285z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.controls-picture-in-picture-button.is-picture-in-picture,
.ac-video-icon.icon-ctrl_pip_active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.99%2C16h-5.93c-1.26%2C0-2.01-1.02-2.01-2v-0.5c0-0.28%2C0.22-0.5%2C0.5-0.5s0.5%2C0.22%2C0.5%2C0.5V14%0A%09%09c0%2C0.49%2C0.38%2C1%2C1.01%2C1h5.93c0.57%2C0%2C1-0.43%2C1-1v-3c0-0.27-0.12-0.54-0.32-0.73c-0.13-0.13-0.37-0.29-0.67-0.26h-0.49%0A%09%09c-0.28%2C0-0.5-0.22-0.5-0.5s0.22-0.5%2C0.5-0.5h0.48c0.5-0.02%2C1%2C0.18%2C1.38%2C0.54C19.77%2C9.92%2C20%2C10.45%2C20%2C10.99v3%0A%09%09C20%2C15.12%2C19.12%2C16%2C17.99%2C16z%20M0%2C2v7c0%2C1.1%2C0.9%2C2%2C2%2C2h11c1.1%2C0%2C2-0.9%2C2-2V2c0-1.1-0.9-2-2-2H2C0.9%2C0%2C0%2C0.9%2C0%2C2z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.controls-picture-in-picture-button,
.ac-video-icon.icon-ctrl_pip_default {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.49%2C12H2.43C0.93%2C12%2C0%2C10.77%2C0%2C9.63V2.37C0%2C1.22%2C0.85%2C0%2C2.43%2C0h11.21C14.8%2C0%2C16%2C0.89%2C16%2C2.37v3.11%0A%09%09c0%2C0.28-0.22%2C0.5-0.5%2C0.5S15%2C5.75%2C15%2C5.48V2.37C15%2C1.48%2C14.3%2C1%2C13.63%2C1H2.43C1.26%2C1%2C1%2C1.99%2C1%2C2.37v7.27C1%2C10.19%2C1.46%2C11%2C2.43%2C11%0A%09%09h4.06c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.76%2C12%2C6.49%2C12z%20M10%2C11v3c0%2C1.1%2C0.9%2C2%2C2%2C2h6c1.1%2C0%2C2-0.9%2C2-2v-3c0-1.1-0.9-2-2-2h-6%0A%09%09C10.9%2C9%2C10%2C9.9%2C10%2C11z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.controls-play-pause-button,
.ac-video-icon.icon-ctrl_play {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m22%2064.728v-43.373c0-3.501%202.1-5.355%204.737-5.355a6.365%206.365%200%200%201%203.748%201.071l36.083%2021.048c2.471%201.442%203.831%202.636%203.831%204.9s-1.359%203.46-3.831%204.9l-36.083%2021.01a6.365%206.365%200%200%201%20-3.748%201.071c-2.637%200-4.737-1.812-4.737-5.272z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_replay,
.end-state .ac-video-icon.controls-play-pause-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m37.932%2037.972a4.4%204.4%200%200%201%201.557-3.4l3.36-3.319h-.492c-8.4%200-14.67%206.679-14.67%2015.695a15.326%2015.326%200%201%200%2030.652%200%205.614%205.614%200%201%201%2011.228%200%2026.533%2026.533%200%201%201%20-53.067%200%2025.734%2025.734%200%200%201%2025.9-26.187h.041l-2.95-2.909a4.4%204.4%200%200%201%20-1.557-3.4%205.4%205.4%200%200%201%205.366-5.452%204.8%204.8%200%200%201%203.606%201.557l11.351%2011.6a5.329%205.329%200%200%201%201.762%204.016%205.414%205.414%200%200%201%20-1.762%204.016l-11.351%2011.635a4.819%204.819%200%200%201%20-3.606%201.476%205.352%205.352%200%200%201%20-5.368-5.328z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.controls-toggle-mute-volume-button.is-muted,
.ac-video-icon.icon-ctrl_volume_mute {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M9%2C7.48L5.34%2C3.81l2.34-2.07c0.21-0.23%2C0.55-0.3%2C0.84-0.19C8.82%2C1.66%2C9.01%2C1.95%2C9%2C2.26V7.48z%0A%09%09%20M9%2C12.29v1.46c0%2C0.31-0.19%2C0.59-0.49%2C0.71c-0.09%2C0.03-0.18%2C0.05-0.28%2C0.05c-0.21%2C0-0.41-0.09-0.56-0.25L4%2C11H1%0A%09%09c-0.51%2C0-1-0.42-1-0.99V5.98C0%2C5.43%2C0.48%2C5%2C0.99%2C5h0.74L9%2C12.29z%20M12.57%2C13.91c0.13-0.01%2C0.26-0.07%2C0.35-0.17%0A%09%09c0.19-0.21%2C0.17-0.52-0.04-0.71L2.07%2C2.21C1.86%2C2.03%2C1.55%2C2.04%2C1.36%2C2.26C1.18%2C2.47%2C1.19%2C2.78%2C1.41%2C2.96l10.81%2C10.82%0A%09%09C12.31%2C13.88%2C12.44%2C13.92%2C12.57%2C13.91z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.controls-toggle-mute-volume-button,
.ac-video-icon.icon-ctrl_volume_on {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.07%2C15.9c-0.14%2C0-0.29-0.05-0.4-0.16c-0.23-0.22-0.24-0.58-0.02-0.81%0A%09%09c1.79-1.88%2C2.78-4.34%2C2.78-6.93c0-2.62-1-5.09-2.82-6.97c-0.22-0.23-0.22-0.6%2C0-0.82c0.22-0.22%2C0.58-0.23%2C0.8%2C0%0A%09%09c0.01%2C0.01%2C0.04%2C0.04%2C0.05%2C0.06c2%2C2.07%2C3.12%2C4.83%2C3.12%2C7.74c0%2C2.89-1.1%2C5.63-3.1%2C7.73C16.37%2C15.84%2C16.22%2C15.9%2C16.07%2C15.9z%0A%09%09%20M12.91%2C13.03c1.36-1.29%2C2.17-3.17%2C2.17-5.03c0-1.85-0.81-3.73-2.17-5.03c-0.23-0.22-0.59-0.21-0.81%2C0.02%0A%09%09c-0.22%2C0.23-0.21%2C0.59%2C0.02%2C0.81c1.14%2C1.09%2C1.82%2C2.66%2C1.82%2C4.2c0%2C1.55-0.68%2C3.12-1.81%2C4.2c-0.23%2C0.22-0.24%2C0.58-0.02%2C0.81%0A%09%09c0.11%2C0.12%2C0.26%2C0.18%2C0.42%2C0.18C12.65%2C13.19%2C12.79%2C13.14%2C12.91%2C13.03z%20M7.68%2C1.74L4%2C5.01H0.99C0.48%2C5.01%2C0%2C5.44%2C0%2C5.99v3.98%0A%09%09c0%2C0.57%2C0.48%2C0.99%2C1%2C0.99h3l3.67%2C3.3c0.16%2C0.16%2C0.36%2C0.25%2C0.56%2C0.25c0.1%2C0%2C0.19-0.02%2C0.28-0.05C8.81%2C14.34%2C9%2C14.06%2C9%2C13.75V2.26%0A%09%09c0.01-0.31-0.18-0.6-0.48-0.71C8.23%2C1.44%2C7.9%2C1.52%2C7.68%2C1.74z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_close {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2013%2013%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.31%2C6.5l5.09-5.09c0.22-0.22%2C0.22-0.59%2C0-0.81s-0.59-0.22-0.81%2C0L6.5%2C5.69L1.41%2C0.59%0A%09%09c-0.22-0.22-0.59-0.22-0.81%2C0s-0.22%2C0.59%2C0%2C0.81L5.69%2C6.5l-5.09%2C5.09c-0.22%2C0.22-0.22%2C0.59%2C0%2C0.81c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17%0A%09%09s0.29-0.06%2C0.41-0.17L6.5%2C7.31l5.09%2C5.09c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17s0.29-0.06%2C0.41-0.17c0.22-0.22%2C0.22-0.59%2C0-0.81L7.31%2C6.5z%0A%09%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-share_embed {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2024%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.03%2C1.28l-2.85%2C14.79c-0.09%2C0.26-0.32%2C0.43-0.58%2C0.43c-0.06%2C0-0.12-0.01-0.18-0.03%0A%09%09c-0.15-0.05-0.28-0.15-0.35-0.3c-0.07-0.14-0.09-0.3-0.04-0.45l2.85-14.8c0.05-0.16%2C0.16-0.29%2C0.3-0.36s0.3-0.09%2C0.46-0.04%0A%09%09C13.96%2C0.63%2C14.13%2C0.97%2C14.03%2C1.28z%20M23.48%2C8.62c0.01-0.04%2C0.02-0.08%2C0.02-0.12s-0.01-0.08-0.02-0.12s-0.01-0.07-0.02-0.11%0A%09%09c-0.02-0.04-0.04-0.08-0.07-0.12c-0.02-0.02-0.02-0.05-0.04-0.07l-0.01-0.01c-0.01-0.01-0.01-0.02-0.02-0.02l-5.79-5.39%0A%09%09c-0.24-0.23-0.62-0.21-0.85%2C0.03s-0.21%2C0.62%2C0.03%2C0.85l5.32%2C4.95l-5.32%2C4.95c-0.24%2C0.23-0.26%2C0.61-0.03%2C0.85%0A%09%09c0.12%2C0.13%2C0.28%2C0.19%2C0.44%2C0.19c0.15%2C0%2C0.29-0.05%2C0.41-0.16l5.79-5.39c0.01-0.01%2C0.01-0.02%2C0.02-0.02l0.01-0.01%0A%09%09c0.02-0.02%2C0.03-0.05%2C0.04-0.07c0.03-0.04%2C0.05-0.07%2C0.07-0.12C23.47%2C8.69%2C23.47%2C8.65%2C23.48%2C8.62z%20M7.33%2C2.7%0A%09%09C7.1%2C2.45%2C6.73%2C2.44%2C6.48%2C2.67L0.69%2C8.06c-0.01%2C0-0.01%2C0.01-0.02%2C0.02L0.66%2C8.09C0.64%2C8.11%2C0.63%2C8.14%2C0.62%2C8.16%0A%09%09C0.59%2C8.2%2C0.56%2C8.23%2C0.54%2C8.28c-0.01%2C0.03-0.02%2C0.07-0.02%2C0.1C0.51%2C8.42%2C0.5%2C8.46%2C0.5%2C8.5s0.01%2C0.08%2C0.02%2C0.12%0A%09%09c0.01%2C0.03%2C0.01%2C0.07%2C0.02%2C0.1C0.56%2C8.76%2C0.59%2C8.8%2C0.62%2C8.84c0.02%2C0.02%2C0.02%2C0.05%2C0.04%2C0.07l0.01%2C0.01%0A%09%09c0.01%2C0.01%2C0.01%2C0.02%2C0.02%2C0.02l5.79%2C5.39c0.12%2C0.11%2C0.26%2C0.16%2C0.41%2C0.16c0.16%2C0%2C0.32-0.06%2C0.44-0.19%0A%09%09c0.23-0.24%2C0.21-0.62-0.03-0.85L1.98%2C8.5L7.3%2C3.54C7.54%2C3.32%2C7.56%2C2.94%2C7.33%2C2.7z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2224%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_fb {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2016%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.78%2C2.22C14.93%2C2.37%2C15%2C2.56%2C15%2C2.78v12.44c0%2C0.22-0.07%2C0.4-0.22%2C0.55%0A%09%09C14.63%2C15.93%2C14.44%2C16%2C14.22%2C16h-3.56v-5.42h1.82l0.27-2.11h-2.09V7.12c0-0.34%2C0.06-0.59%2C0.19-0.74c0.16-0.19%2C0.45-0.29%2C0.85-0.29%0A%09%09h1.12V4.2c-0.14-0.02-0.34-0.03-0.6-0.05c-0.35-0.02-0.69-0.04-1.03-0.04c-0.54%2C0-1.02%2C0.11-1.43%2C0.32%0A%09%09c-0.4%2C0.22-0.72%2C0.54-0.93%2C0.95C8.59%2C5.81%2C8.47%2C6.32%2C8.47%2C6.91v1.56H6.65v2.11h1.82V16h-6.7c-0.22%2C0-0.4-0.07-0.55-0.22%0A%09%09C1.07%2C15.63%2C0.99%2C15.43%2C1%2C15.22V2.78c0-0.21%2C0.08-0.41%2C0.23-0.55S1.57%2C2%2C1.78%2C2h12.44C14.44%2C2%2C14.63%2C2.07%2C14.78%2C2.22z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_link {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2017%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.37%2C10.15c-0.15%2C0-0.31-0.06-0.42-0.18L6.83%2C9.87c-1.32-1.35-1.28-3.41%2C0.1-4.79l3.68-3.68%0A%09%09c1.33-1.33%2C3.66-1.33%2C4.99%2C0c1.38%2C1.38%2C1.38%2C3.61%2C0%2C4.99l-1.75%2C1.75c-0.23%2C0.23-0.61%2C0.23-0.85%2C0c-0.23-0.23-0.23-0.61%2C0-0.85%0A%09%09l1.75-1.75c0.91-0.91%2C0.91-2.38%2C0-3.29c-0.88-0.88-2.41-0.88-3.29%2C0L7.78%2C5.93c-0.9%2C0.9-0.94%2C2.23-0.09%2C3.09l0.1%2C0.1%0A%09%09c0.23%2C0.23%2C0.23%2C0.61%2C0%2C0.85C7.67%2C10.09%2C7.52%2C10.15%2C7.37%2C10.15z%20M6.39%2C15.6l3.68-3.68c1.37-1.37%2C1.4-3.48%2C0.07-4.81l-0.09-0.09%0A%09%09c-0.23-0.23-0.61-0.23-0.85%2C0c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85l0.09%2C0.09c0.87%2C0.87%2C0.84%2C2.21-0.07%2C3.12l-3.68%2C3.68%0A%09%09c-0.88%2C0.88-2.41%2C0.88-3.29%2C0c-0.91-0.91-0.91-2.38%2C0-3.29l1.79-1.79c0.23-0.23%2C0.23-0.61%2C0-0.85c-0.23-0.23-0.61-0.23-0.85%2C0%0A%09%09l-1.79%2C1.79c-1.38%2C1.37-1.38%2C3.61%2C0%2C4.99c0.67%2C0.67%2C1.55%2C1.03%2C2.49%2C1.03S5.73%2C16.26%2C6.39%2C15.6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_twitter {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2019%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.94%2C2.88c-0.26%2C0.34-0.57%2C0.61-0.93%2C0.83C16.7%2C3.63%2C17.36%2C3.44%2C18%2C3.15%0A%09%09c-0.47%2C0.72-1.05%2C1.33-1.74%2C1.84c0.06%2C1.36-0.16%2C2.72-0.63%2C3.99c-0.45%2C1.22-1.08%2C2.3-1.9%2C3.25c-0.86%2C0.99-1.91%2C1.8-3.1%2C2.36%0A%09%09c-1.3%2C0.61-2.71%2C0.91-4.25%2C0.91c-0.97%2C0-1.91-0.14-2.82-0.41c-0.88-0.28-1.72-0.67-2.49-1.18c0.27%2C0.04%2C0.54%2C0.06%2C0.83%2C0.06%0A%09%09c0.79%2C0%2C1.57-0.13%2C2.32-0.4c0.72-0.26%2C1.38-0.63%2C1.98-1.12c-1.5-0.03-2.81-1.02-3.23-2.46c0.21%2C0.05%2C0.43%2C0.07%2C0.64%2C0.07%0A%09%09c0.32%2C0%2C0.62-0.04%2C0.92-0.13C4%2C9.82%2C3.53%2C9.61%2C3.1%2C9.27C2.23%2C8.6%2C1.73%2C7.56%2C1.74%2C6.46V6.43C2.23%2C6.7%2C2.76%2C6.85%2C3.32%2C6.86%0A%09%09C2.84%2C6.54%2C2.47%2C6.12%2C2.2%2C5.61C1.92%2C5.09%2C1.77%2C4.53%2C1.77%2C3.92c0-0.63%2C0.15-1.22%2C0.46-1.78c0.86%2C1.08%2C1.94%2C1.96%2C3.16%2C2.6%0A%09%09C6.64%2C5.4%2C7.98%2C5.77%2C9.4%2C5.84c-0.06-0.26-0.09-0.53-0.09-0.8c0-0.64%2C0.16-1.24%2C0.47-1.79c0.87-1.55%2C2.78-2.18%2C4.4-1.45%0A%09%09C14.62%2C2%2C15%2C2.27%2C15.32%2C2.62c0.78-0.16%2C1.51-0.45%2C2.2-0.86C17.4%2C2.17%2C17.2%2C2.54%2C16.94%2C2.88L16.94%2C2.88z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2219%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-view_field,
.compass-wrapper .ac-video-icon.compass-field {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%3E%0A%09%3Crect%20class%3D%22no-fill%22%20width%3D%2238%22%20height%3D%2238%22%2F%3E%0A%09%3Cpath%20style%3D%22opacity%3A0.32%3Bfill%3A%23FFFFFF%3B%22%20d%3D%22M25.11%2C11.73c0%2C0-2.5-2.23-6.11-2.23s-6.11%2C2.23-6.11%2C2.23c-0.38%2C0.32-0.61%2C0.8-0.61%2C1.33%0A%09%09c0%2C0.48%2C0.19%2C0.91%2C0.5%2C1.23c0.32%2C0.32%2C5.24%2C5.32%2C5.46%2C5.53c0.2%2C0.19%2C0.47%2C0.31%2C0.77%2C0.31s0.57-0.12%2C0.77-0.31%0A%09%09c0.22-0.21%2C5.14-5.21%2C5.46-5.53c0.31-0.32%2C0.5-0.75%2C0.5-1.23C25.73%2C12.53%2C25.49%2C12.05%2C25.11%2C11.73z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-view_ring,
.compass-wrapper .ac-video-icon.compass-ring {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%20id%3D%22View_Ring_1_%22%3E%0A%09%3Cpolyline%20class%3D%22no-fill%22%20points%3D%220%2C0%2038%2C0%2038%2C38%200%2C38%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22opacity%3A0.32%22%20d%3D%22M28.4%2C9.3C26%2C6.9%2C22.7%2C5.6%2C19%2C5.6s-7%2C1.4-9.4%2C3.8C7%2C11.8%2C5.4%2C15.2%2C5.4%2C19c0%2C7.5%2C6.1%2C13.6%2C13.6%2C13.6%0A%09%09S32.6%2C26.5%2C32.6%2C19C32.6%2C15.2%2C31%2C11.8%2C28.4%2C9.3z%20M19%2C30.4c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.2%2C1.3-6.2%2C3.4-8.3c2.1-2%2C4.9-3.2%2C8-3.2%0A%09%09s5.9%2C1.3%2C8%2C3.2c2.2%2C2.1%2C3.4%2C5.1%2C3.4%2C8.3C30.4%2C25.3%2C25.3%2C30.4%2C19%2C30.4z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22display%3Anone%3B%22%20d%3D%22M19%2C30.5c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.3%2C1.3-6.3%2C3.5-8.4S16%2C7.5%2C19%2C7.5s5.9%2C1.3%2C7.9%2C3.1%0A%09%09c2.2%2C2.1%2C3.5%2C5.1%2C3.5%2C8.4C30.4%2C25.4%2C25.3%2C30.5%2C19%2C30.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20d%3D%22M19%2C5.5c-3.6%2C0-6.9%2C1.4-9.4%2C3.8l0%2C0C9.4%2C9.5%2C9.3%2C9.7%2C9.3%2C10c0%2C0.6%2C0.5%2C1%2C1%2C1%0A%09%09c0.4%2C0%2C0.6-0.2%2C0.8-0.4C13%2C8.8%2C15.9%2C7.5%2C19%2C7.5s6%2C1.3%2C7.9%2C3.1c0.2%2C0.2%2C0.4%2C0.4%2C0.8%2C0.4c0.5%2C0%2C1-0.4%2C1-1c0-0.3-0.1-0.5-0.3-0.7l0%2C0%0A%09%09C25.9%2C6.9%2C22.6%2C5.5%2C19%2C5.5z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-view_scrim,
.compass-wrapper .ac-video-icon.compass-background {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Sticker-Sheet%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22view_scrim%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22boundingbox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22icon%22%20fill%3D%22%236E6E73%22%20fill-rule%3D%22nonzero%22%20opacity%3D%220.4%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E")
}

.ac-video-player {
  cursor: none
}

.ac-video-player:-webkit-full-screen {
  background: #000;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1
}

.ac-video-player:-ms-fullscreen {
  background: #000;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1
}

.ac-video-player:fullscreen {
  background: #000;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1
}

.ac-video-player .ac-video-blockade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%
}

.ac-video-player>* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ac-video-player.threesixty-video .end-state .controls-play-pause-button-container,
.ac-video-player.threesixty-video .start-state .controls-play-pause-button-container {
  pointer-events: all
}

.ac-video-player.threesixty-video .threesixty-video-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%
}

.ac-video-player.threesixty-video .threesixty-video-container .threesixty-renderer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.ac-video-player video {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.ac-video-player video,
.ac-video-player video img {
  display: block;
  outline: 0
}

.ac-video-player video::-webkit-media-controls-start-playback-button {
  background: rgba(0, 0, 0, .25);
  -webkit-clip-path: none;
  clip-path: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.ac-video-player video::-webkit-media-controls-start-playback-background {
  background: rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  -webkit-clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
  clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}

.ac-video-player video::-webkit-media-controls-start-playback-glyph,
.ac-video-player video::-webkit-media-controls-start-playback-tint {
  background: 0 0
}

.ac-video-controls.captions-selector-showing .ac-video-captions-selector-container {
  visibility: visible;
  opacity: 1;
  transition: opacity .5s ease
}

.ac-video-controls .ac-video-captions-selector-container {
  background-color: rgba(29, 29, 31, .56);
  border-radius: 6px;
  position: absolute;
  bottom: 20px;
  left: -7px;
  padding: 8px 14px 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: all;
  transition: opacity .5s ease, visibility 0s ease .5s
}

.ac-video-controls .ac-video-captions-selector-container.showing {
  visibility: visible;
  opacity: 1
}

.ac-video-controls .ac-video-captions-selector-container .ac-video-captions-selector-title {
  color: rgba(255, 255, 255, .52);
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector {
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
  margin: 0;
  padding-left: 12px;
  white-space: nowrap
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li:not(.showing):hover {
  text-decoration: underline
}

.ac-video-player .end-state-container .end-state-item .end-state-link,
.link,
.shelf-grid-nav__arrow:hover {
  text-decoration: none
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 18px;
  left: 14px;
  margin-top: -1px
}

video::cue {
  background-color: #000;
  color: #fff;
}

.ac-video-player-text-track-container {
  position: absolute;
  z-index: 9;
  bottom: 20%;
  left: 0;
  right: 0;
  text-align: center;
  display: inline-block
}

.ac-video-player-text-track {
  display: none;
  padding: 2px 4px;
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  text-align: center;
  background-color: #000
}

.ac-video-player-text-track-container:empty,
.ac-video-player-text-track.is-visible:empty {
  display: none
}

.ac-video-player-text-track.is-visible {
  display: inline-block
}

.ac-video-poster {
  transition: opacity .5s linear;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1
}

.ac-video-poster img {
  display: block;
  width: 100%;
  height: auto
}

.ac-video-poster.ac-video-poster-hide {
  opacity: 0;
  pointer-events: none
}

.ac-video-controls {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden
}

.ac-video-controls.mobile {
  display: none
}

.ac-video-controls [data-focus-method=mouse],
.ac-video-controls [data-focus-method=mouse].ac-slider-chapter-container:focus::before {
  outline: 0
}

.ac-video-controls.hidden {
  visibility: hidden
}

.ac-video-controls.start-state .controls-container {
  opacity: 1;
  background: rgba(0, 0, 0, .16);
  transition: all .5s cubic-bezier(.4, 0, .6, 1)
}

.ac-video-controls.start-state .center-button-container {
  opacity: 1;
  transform: translateY(0)
}

.ac-video-controls.start-state .controls-social-tray,
.ac-video-controls.start-state .main-controls-container {
  opacity: 0;
  pointer-events: none;
  visibility: hidden
}

.ac-video-controls.start-state.mobile {
  display: block
}

.ac-video-controls.start-state.mobile .controls-container .is-playing {
  display: none
}

.ac-video-controls.end-state .controls-container {
  opacity: 1;
  background: rgba(0, 0, 0, .56);
  transition: all .5s cubic-bezier(.4, 0, .6, 1)
}

.ac-video-controls.end-state .center-button-container,
.ac-video-controls.end-state .controls-social-tray {
  opacity: 1;
  transform: translateY(0)
}

.ac-video-controls.end-state .main-controls-container {
  opacity: 0;
  pointer-events: none;
  visibility: hidden
}

.ac-video-controls.end-state.mobile {
  display: block
}

.ac-video-controls .controls-container {
  background: linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .56));
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s cubic-bezier(.4, 0, .6, 1)
}

.ac-video-controls.hide-cursor .center-button-container,
.ac-video-controls.hide-cursor .controls-container {
  cursor: none
}

.was-loading .ac-video-controls .center-button-container {
  transition: none
}

.ac-video-controls .center-button-container,
.ac-video-controls .controls-social-tray,
.ac-video-controls .main-controls-container {
  opacity: 0;
  transition: opacity .4s cubic-bezier(.4, 0, .6, 1) 50ms, transform .5s cubic-bezier(.4, 0, .6, 1)
}

.ac-video-controls .controls-social-tray {
  width: 100%;
  position: absolute;
  z-index: 3
}

.ac-video-controls .controls-social-tray.hidden {
  display: none
}

.ac-video-controls .main-controls-container {
  direction: ltr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  z-index: 3
}

.ac-video-player.small .ac-video-controls .main-controls-container {
  height: 36px
}

.ac-video-player.medium .ac-video-controls .main-controls-container {
  height: 46px
}

.ac-video-player.large .ac-video-controls .main-controls-container {
  height: 58px
}

.ac-video-controls .main-controls {
  display: flex;
  height: 100%;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none
}

.ac-video-player.small .ac-video-controls .main-controls {
  padding: 0 8px 10px
}

.ac-video-player.medium .ac-video-controls .main-controls {
  padding: 0 16px 20px
}

.ac-video-player.large .ac-video-controls .main-controls {
  padding: 0 31px 30px
}

.ac-video-controls .main-controls-item {
  flex: 1;
  position: relative;
  top: 0
}

.ac-video-player.small .ac-video-controls .main-controls-item {
  padding-left: 7px;
  padding-right: 7px
}

.ac-video-player.large .ac-video-controls .main-controls-item,
.ac-video-player.medium .ac-video-controls .main-controls-item {
  padding-left: 9px;
  padding-right: 9px
}

.ac-video-player.medium .ac-video-controls .main-controls-item,
.ac-video-player.small .ac-video-controls .main-controls-item {
  height: 36px
}

.ac-video-player.large .ac-video-controls .main-controls-item {
  height: 40px
}

.ac-video-controls .main-controls-item:first-child {
  margin-left: 0
}

.ac-video-controls .main-controls-item:last-child {
  margin-right: 0
}

.user-hover {
  cursor: default
}

.user-hover .controls-container {
  opacity: 1;
  transition: opacity 1s cubic-bezier(.4, .1, .4, 1)
}

.user-hover .center-button-container {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .4s cubic-bezier(0, 0, .2, 1) .25s, transform .5s cubic-bezier(0, 0, .2, 1) .2s
}

.user-hover .controls-social-tray {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .4s cubic-bezier(0, 0, .2, 1) .35s, transform .5s cubic-bezier(0, 0, .2, 1) .3s
}

.user-hover .main-controls-container {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .4s cubic-bezier(0, 0, .2, 1) 50ms, transform .5s cubic-bezier(0, 0, .2, 1)
}

.user-hover .start-state .controls-container {
  background: rgba(0, 0, 0, .32)
}

.user-hover .end-state .controls-container {
  background: rgba(0, 0, 0, .64)
}

.mouse-leave .center-button-container,
.mouse-leave .controls-social-tray,
.mouse-leave .main-controls-container {
  transform: translateY(20px)
}

.initial-play .center-button-container,
.initial-play .controls-social-tray,
.initial-play .main-controls-container {
  transition: opacity .4s cubic-bezier(.4, 0, .6, 1) 50ms, transform .5s cubic-bezier(.4, 0, .6, 1)
}

.threesixty-video {
  cursor: none
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-button,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container *,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar *,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray *,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper *,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container * {
  pointer-events: none
}

.threesixty-video.recently-dragging .ac-video-controls .controls-container,
.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-button,
.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-progress-bar,
.threesixty-video.user-hover .ac-video-controls .center-button-container {
  cursor: -webkit-grab;
  cursor: grab
}

.controls-button:hover,
.threesixty-video.user-hover .ac-video-controls.end-state .center-button-container,
.threesixty-video.user-hover .ac-video-controls.start-state .center-button-container,
.user-hover .controls-play-pause-button,
.user-hover .controls-play-pause-button-container {
  cursor: pointer
}

.threesixty-video .ac-video-controls.mobile {
  display: flex
}

.threesixty-video .ac-video-controls.mobile .controls-container {
  display: block
}

.threesixty-video .ac-video-controls.mobile:not(.start-state):not(.end-state) .controls-play-pause-button-container {
  pointer-events: none
}

.button-wrapper {
  position: relative;
  height: 100%
}

.controls-button {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  box-sizing: content-box;
  pointer-events: all
}

.controls-progress-time,
.live-stream .live-stream-text {
  color: #fff;
  font-weight: 600;
  line-height: 1
}

.is-playing .loading .ac-video-icon.controls-play-pause-button,
.loading .ac-video-icon.controls-play-pause-button,
.loading .ac-video-icon.icon-ctrl_pause,
.loading .ac-video-icon.icon-ctrl_play,
.loading .is-playing .ac-video-icon.controls-play-pause-button {
  background-image: none
}

.ac-video-icon {
  background-position: 50% 50%;
  opacity: .8;
  transition: opacity .5s ease
}

.main-controls:hover .ac-video-icon,
.sharing-state:hover .ac-video-icon {
  opacity: .56 !important
}

.sharing-state:hover .textarea-active .ac-video-icon {
  opacity: .8 !important
}

.center-button-container:hover .ac-video-icon,
.controls-social-tray .ac-video-icon:hover,
.controls-social-tray .textarea-active .ac-video-icon:hover,
.main-controls .ac-video-icon:hover {
  opacity: 1 !important
}

.controls-social-tray,
.main-controls-container {
  cursor: default
}

.controls-play-pause-button-container {
  width: 100%;
  height: 100%
}

.controls-play-pause-button-container.hidden {
  display: none
}

.controls-play-pause-button {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .75;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: 0 0;
  transition: transform .2s ease, opacity .3s ease
}

.ac-video-player.medium .controls-play-pause-button,
.ac-video-player.small .controls-play-pause-button {
  width: 52px;
  height: 52px
}

.ac-video-player.large .controls-play-pause-button {
  width: 86px;
  height: 86px
}

.controls-airplay-button,
.controls-picture-in-picture-button,
.controls-text-tracks-toggle-button {
  width: 20px;
  max-width: 20px
}

.controls-play-pause-button-container:active .controls-play-pause-button {
  transform: scale(.9) translateX(-50%) translateY(-50%)
}

.controls-play-pause-button::after {
  content: " ";
  display: block
}

.controls-airplay-button.airplay-unsupported,
.controls-full-screen-button.fullscreen-unsupported,
.controls-picture-in-picture-button.picture-in-picture-unsupported,
.controls-text-tracks-toggle-button.no-text-tracks,
.end-state .controls-play-pause-button::after,
.is-playing .controls-play-pause-button::after {
  display: none
}

.controls-toggle-mute-volume-button {
  bottom: 0;
  width: 20px;
  max-width: 20px
}

.ac-video-player.medium .controls-toggle-mute-volume-button,
.ac-video-player.small .controls-toggle-mute-volume-button {
  height: 36px
}

.ac-video-player.large .controls-toggle-mute-volume-button {
  height: 40px
}

.ac-video-player.small .controls-toggle-mute-volume-button {
  padding-left: 7px;
  padding-right: 7px;
  margin-left: -7px;
  margin-right: -7px
}

.ac-video-player.large .controls-toggle-mute-volume-button,
.ac-video-player.medium .controls-toggle-mute-volume-button {
  padding-left: 9px;
  padding-right: 9px;
  margin-left: -9px;
  margin-right: -9px
}

.ac-video-controls.captions-selector-showing .controls-text-tracks-toggle-button {
  opacity: 1 !important
}

.controls-full-screen-button {
  width: 16px;
  max-width: 16px
}

.controls-progress {
  display: flex;
  pointer-events: none
}

.ac-video-player.small .controls-progress {
  margin-left: 6px;
  margin-right: 0;
  padding-right: 0 !important
}

.ac-video-player.medium .controls-progress {
  margin-left: 6px;
  margin-right: 6px
}

.ac-video-player.large .controls-progress {
  margin-left: 18px;
  margin-right: 18px
}

.controls-progress-bar {
  cursor: pointer;
  pointer-events: all;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px
}

.ac-video-player.small .controls-progress-bar {
  margin-right: 13px
}

.controls-progress-bar:hover .ac-slider-thumb-background {
  opacity: 1;
  transform: scale(.83333);
  transition: transform .25s ease, opacity .25s ease
}

.controls-progress-bar:hover .ac-slider-chapter-container .ac-slider-chapter-marker {
  opacity: .56
}

.controls-progress-bar:active .ac-slider-thumb-background {
  transform: scale(1)
}

.controls-progress-time {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  position: relative
}

.ac-video-player.medium .controls-progress-time,
.ac-video-player.small .controls-progress-time {
  top: 13px
}

.ac-video-player.large .controls-progress-time {
  top: 15px
}

.controls-progress-time .label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.ac-video-player.small .controls-progress-time-2 {
  display: none
}

.controls-elapsed-time,
.controls-remaining-time {
  display: block
}

.controls-time-maxwidth {
  display: block;
  visibility: hidden
}

.ac-video-controls.mobile .controls-volume .controls-volume-level-indicator,
.live-stream {
  display: none
}

.longform.ac-video-player .controls-time-maxwidth::after {
  content: ':4'
}

.controls-progress-indicator {
  width: 100%;
  height: 4px;
  position: relative
}

.ac-video-player.medium .controls-progress-indicator,
.ac-video-player.small .controls-progress-indicator {
  padding-top: 16px;
  padding-bottom: 16px
}

.ac-video-player.large .controls-progress-indicator {
  padding-top: 18px;
  padding-bottom: 18px
}

.controls-progress-indicator .ac-slider-runnable-track {
  background: rgba(255, 255, 255, .16);
  border-radius: 2px;
  position: relative;
  width: 100%;
  height: 100%
}

.controls-progress-indicator .ac-slider-ax-track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.controls-progress-indicator .ac-slider-hover-track {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.controls-progress-indicator .ac-slider-hover-notch {
  position: absolute;
  height: 100%;
  width: 1px;
  background: #fff;
  z-index: 9;
  opacity: 0;
  transition: opacity .3s cubic-bezier(.4, 0, .6, 1);
  pointer-events: none
}

.hover.controls-progress-indicator .ac-slider-hover-notch {
  opacity: 1;
  transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.hover.controls-progress-indicator .ac-slider-hover-notch.hidden {
  opacity: 0
}

.controls-progress-indicator .ac-slider-hover-notch.invert-element {
  background: #000
}

.controls-progress-indicator .ac-slider-chapters-track {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.controls-progress-indicator .ac-slider-chapter-container {
  box-sizing: content-box;
  position: absolute;
  height: 4px;
  width: 9px;
  padding: 18px 0;
  background-color: transparent;
  top: -18px;
  opacity: 1;
  transform: translateX(-50%);
  border-right: 2px solid transparent;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  cursor: pointer
}

.controls-progress-indicator .ac-slider-chapter-container.hidden-chapter {
  pointer-events: none
}

.controls-progress-indicator .ac-slider-chapter-container.hidden-chapter .ac-slider-chapter-marker {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker {
  position: relative;
  height: 4px;
  width: 4px;
  margin: 0 auto;
  background-color: #fff;
  transition: transform .25s ease, opacity .4s ease, border-radius .25s ease;
  transform: scaleX(.25);
  border-radius: 0;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0)
}

.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker span {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker.invert-element {
  background: #000
}

.controls-progress-indicator .ac-slider-chapter-container::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  height: 10px;
  width: 10px
}

.controls-progress-indicator .ac-slider-chapter-container:focus .ac-slider-chapter-marker,
.controls-progress-indicator .ac-slider-chapter-container:hover .ac-slider-chapter-marker {
  opacity: 1;
  transform: scale(1);
  border-radius: 100%
}

.controls-progress-indicator .ac-slider-chapter-container:focus {
  outline: 0
}

.controls-progress-indicator .ac-slider-chapter-container:focus::before {
  outline: rgba(0, 125, 250, .6) solid 4px;
  outline-offset: 1px
}

.controls-progress-indicator .ac-slider-chapter-container:focus::before[data-focus-method=mouse]:not(input):not(textarea):not(select),
.controls-progress-indicator .ac-slider-chapter-container:focus::before[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0
}

.controls-progress-indicator .ac-slider-inner-track {
  position: absolute;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1
}

.controls-progress-indicator .ac-slider-scrubbed {
  position: absolute;
  background: #fff;
  height: 4px;
  width: 100%;
  margin-left: calc(-100% + (4px / 2));
  z-index: 1
}

.controls-progress-indicator .ac-slider-buffered {
  position: absolute;
  background: #FFF;
  height: 4px;
  border-radius: 2px;
  width: 100%;
  margin-left: calc(-100% + (4px / 2));
  opacity: .16
}

.controls-progress-indicator .ac-slider-thumb {
  border-radius: 50%;
  height: 4px;
  width: 4px;
  position: relative;
  z-index: 10
}

.controls-progress-indicator .ac-slider-thumb-background-wrapper {
  height: 12px;
  width: 12px;
  position: absolute;
  top: -18px;
  left: -4px;
  padding-top: 14px;
  padding-bottom: 14px
}

.controls-progress-indicator .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background,
.controls-progress-indicator .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background {
  transform: scale(1)
}

.controls-progress-indicator .ac-slider-thumb-background {
  background: #fff;
  border-radius: 50%;
  height: 12px;
  width: 100%;
  opacity: 0;
  transform: scale(.33333);
  transform-origin: 50% 50%;
  transition: transform .25s ease, opacity .25s ease .25s;
  will-change: transform
}

.controls-progress-indicator .ac-slider-thumb-overlay {
  position: absolute;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  height: 12px;
  transform: scale(.33333);
  transform-origin: 50% 50%;
  transition: transform .25s ease;
  width: 100%
}

.controls-progress-indicator.ac-slider-inactive .ac-slider-thumb {
  visibility: hidden
}

.controls-volume {
  cursor: pointer;
  max-width: 20px
}

.controls-volume:hover {
  height: 90px
}

.controls-volume .controls-volume-level-indicator {
  bottom: 35px;
  left: 7px;
  width: 4px;
  padding: 10px 10px 0;
  height: 60px;
  position: absolute;
  pointer-events: none
}

.controls-volume .controls-volume-level-indicator:active .ac-slider-thumb-background {
  transform: scale(1)
}

.controls-volume .ac-slider-runnable-track {
  border-radius: 2px;
  position: relative;
  width: 100%;
  height: 100%;
  left: -4px;
  padding-left: 4px;
  padding-right: 4px
}

.controls-volume .ac-slider-background {
  background: rgba(255, 255, 255, .32);
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  width: 4px;
  height: 4px;
  opacity: 0;
  transition: height .2345s cubic-bezier(.4, 0, .6, 1), opacity 67ms cubic-bezier(.4, 0, .6, 1) 335ms
}

.controls-volume .ac-slider-inner-track {
  border-radius: 2px;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  height: 0;
  width: 4px;
  transform-style: preserve-3d;
  transition: height 335ms cubic-bezier(.4, 0, .6, 1), opacity 67ms cubic-bezier(.4, 0, .6, 1) 335ms
}

.controls-volume .ac-slider-thumb-wrapper {
  width: 12px;
  height: 0;
  bottom: 0;
  left: 1px;
  position: absolute;
  z-index: 10;
  transition: height 335ms cubic-bezier(.4, 0, .6, 1)
}

.controls-volume .ac-slider-thumb {
  background: #fff;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top: auto;
  position: absolute;
  opacity: 0;
  transform: scale(.4);
  transform-origin: 50% 100%;
  transition: transform 201ms cubic-bezier(.4, 0, .6, 1) 201ms, opacity 67ms cubic-bezier(.4, 0, .6, 1) 335ms;
  will-change: transform
}

.controls-volume .ac-slider-thumb-background-wrapper {
  width: 12px;
  height: 12px;
  position: absolute;
  top: -1px;
  left: -1px
}

.controls-volume .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background,
.controls-volume .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background {
  transform: scale(1)
}

.controls-volume .ac-slider-thumb-background {
  background: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transform: scale(.83333);
  transform-origin: 50% 50%;
  transition: transform .25s ease
}

.controls-volume .ac-slider-scrubbed {
  background: #fff;
  bottom: calc(100% - (10px / 2));
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  transition: margin-bottom 335ms linear;
  will-change: bottom
}

.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive),
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator,
.controls-volume:active,
.controls-volume:active .controls-volume-level-indicator,
.controls-volume:hover,
.controls-volume:hover .controls-volume-level-indicator {
  pointer-events: all
}

.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-ax-track,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator .ac-slider-ax-track,
.controls-volume:active .ac-slider-ax-track,
.controls-volume:active .controls-volume-level-indicator .ac-slider-ax-track,
.controls-volume:hover .ac-slider-ax-track,
.controls-volume:hover .controls-volume-level-indicator .ac-slider-ax-track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-toggle-mute-volume-button,
.controls-volume:active .controls-toggle-mute-volume-button,
.controls-volume:hover .controls-toggle-mute-volume-button {
  opacity: 1 !important
}

.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-background,
.controls-volume:active .ac-slider-background,
.controls-volume:hover .ac-slider-background {
  height: 100%;
  opacity: 1;
  transition: height .2345s ease-out, opacity 33.5ms ease-out
}

.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-inner-track,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb-wrapper,
.controls-volume:active .ac-slider-inner-track,
.controls-volume:active .ac-slider-thumb-wrapper,
.controls-volume:hover .ac-slider-inner-track,
.controls-volume:hover .ac-slider-thumb-wrapper {
  height: 100%;
  transition: height 268ms ease-out 67ms
}

.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb,
.controls-volume:active .ac-slider-thumb,
.controls-volume:hover .ac-slider-thumb {
  opacity: 1;
  transform: scale(1);
  transition: transform .25125s ease-out 50.25ms, opacity 50.25ms ease-out 50.25ms
}

.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-scrubbed,
.controls-volume:active .ac-slider-scrubbed,
.controls-volume:hover .ac-slider-scrubbed {
  margin-bottom: 5px;
  transition: margin-bottom 335ms linear
}

.live-stream {
  text-align: center;
  white-space: nowrap
}

.live-stream .live-stream-text {
  font-size: 12px;
  letter-spacing: -.01em;
  display: block;
  position: relative
}

.ac-video-player.medium .live-stream .live-stream-text,
.ac-video-player.small .live-stream .live-stream-text {
  top: 12px
}

.ac-video-player.large .live-stream .live-stream-text {
  top: 14px
}

.live-stream .live-stream-text::before {
  content: '';
  width: 5px;
  height: 5px;
  background: rgba(255, 48, 55, .8);
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle
}

.ac-video-live .main-controls {
  max-width: 420px
}

.ac-video-live .controls-progress {
  display: none
}

.ac-video-live .live-stream {
  display: block
}

.ac-video-player.small .loading-indicator {
  width: 52px;
  height: 52px;
  bottom: 4px;
  right: 2px
}

.ac-video-player.large .loading-indicator,
.ac-video-player.medium .loading-indicator {
  width: 86px;
  height: 86px;
  bottom: 8px;
  right: 2px
}

.ac-video-player .loading-indicator-container {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  justify-content: center;
  top: 0;
  pointer-events: none;
  z-index: 15
}

.ac-video-player .loading-indicator-container span {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.ac-video-player .loading-indicator {
  opacity: 0;
  align-self: center;
  position: relative;
  transition: opacity 1s ease;
  transform: translateX(50%) translateY(50%)
}

.ac-video-player.medium.loading .loading-indicator>*,
.ac-video-player.small.loading .loading-indicator>* {
  width: 3px;
  height: 9px;
  border-radius: 1.5px
}

.ac-video-player.loading .controls-container {
  opacity: 1
}

.ac-video-player.loading .controls-container .controls-play-pause-button-container {
  transform: translateY(0);
  opacity: 1
}

.ac-video-player.loading .loading-indicator-container {
  visibility: visible
}

.ac-video-player.loading .loading-indicator {
  display: block;
  opacity: 1
}

.ac-video-player.loading .loading-indicator>* {
  width: 5px;
  height: 15px;
  background: #d2d2d7;
  position: absolute;
  display: block;
  opacity: 0;
  border-radius: 2.5px;
  -webkit-animation-name: loading-fade;
  animation-name: loading-fade;
  -webkit-animation-direction: forward;
  animation-direction: forward;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1, .1, 0, .3);
  animation-timing-function: cubic-bezier(1, .1, 0, .3)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title.hidden,
.ac-video-player .ac-video-overlay-container.hidden,
.ac-video-player.small .ac-slider-chapters-track,
.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-chapter-title,
.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-image {
  display: none
}

.ac-video-player.loading .loading-indicator>:nth-child(0) {
  transform: rotate(-30deg) translate(0, -136%);
  -webkit-animation-delay: -83.33ms;
  animation-delay: -83.33ms
}

.ac-video-player.loading .loading-indicator>:nth-child(1) {
  transform: rotate(0) translate(0, -136%);
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.ac-video-player.loading .loading-indicator>:nth-child(2) {
  transform: rotate(30deg) translate(0, -136%);
  -webkit-animation-delay: 83.33ms;
  animation-delay: 83.33ms
}

.ac-video-player.loading .loading-indicator>:nth-child(3) {
  transform: rotate(60deg) translate(0, -136%);
  -webkit-animation-delay: .16667s;
  animation-delay: .16667s
}

.ac-video-player.loading .loading-indicator>:nth-child(4) {
  transform: rotate(90deg) translate(0, -136%);
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}

.ac-video-player.loading .loading-indicator>:nth-child(5) {
  transform: rotate(120deg) translate(0, -136%);
  -webkit-animation-delay: .33333s;
  animation-delay: .33333s
}

.ac-video-player.loading .loading-indicator>:nth-child(6) {
  transform: rotate(150deg) translate(0, -136%);
  -webkit-animation-delay: .41667s;
  animation-delay: .41667s
}

.ac-video-player.loading .loading-indicator>:nth-child(7) {
  transform: rotate(180deg) translate(0, -136%);
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.ac-video-player.loading .loading-indicator>:nth-child(8) {
  transform: rotate(210deg) translate(0, -136%);
  -webkit-animation-delay: .58333s;
  animation-delay: .58333s
}

.ac-video-player.loading .loading-indicator>:nth-child(9) {
  transform: rotate(240deg) translate(0, -136%);
  -webkit-animation-delay: .66667s;
  animation-delay: .66667s
}

.ac-video-player.loading .loading-indicator>:nth-child(10) {
  transform: rotate(270deg) translate(0, -136%);
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}

.ac-video-player.loading .loading-indicator>:nth-child(11) {
  transform: rotate(300deg) translate(0, -136%);
  -webkit-animation-delay: .83333s;
  animation-delay: .83333s
}

.ac-video-player.loading .loading-indicator>:nth-child(12) {
  transform: rotate(330deg) translate(0, -136%);
  -webkit-animation-delay: .91667s;
  animation-delay: .91667s
}

@-webkit-keyframes loading-fade {
  from {
    opacity: 1
  }

  75%,
  to {
    opacity: .12
  }
}

@keyframes loading-fade {
  from {
    opacity: 1
  }

  75%,
  to {
    opacity: .12
  }
}

.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay {
  bottom: 16px
}

.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay {
  width: 96px;
  bottom: 26px
}

.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
  height: 56px
}

.ac-video-player.medium .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 40px
}

.ac-video-player.medium .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image,
.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 96px
}

.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
  width: 56px;
  bottom: 26px
}

.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay {
  width: 144px;
  bottom: 36px
}

.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
  height: 81px
}

.ac-video-player.large .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 60px
}

.ac-video-player.large .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image,
.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 144px
}

.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
  width: 81px;
  bottom: 36px
}

.ac-video-player .ac-video-overlay-container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11
}

.ac-video-player .ac-video-overlay-container div {
  bottom: 0;
  position: absolute;
  width: 100%
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay {
  display: flex;
  flex-direction: column;
  align-items: center
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
  position: relative;
  margin-bottom: 11px;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .3s cubic-bezier(0, 0, .2, 1) 50ms, transform .35s cubic-bezier(0, 0, .2, 1) 50ms
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image.hidden {
  opacity: 0;
  transition-duration: .15s;
  transition-delay: .15s
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title,
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time {
  position: relative;
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: -.09px;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .3s cubic-bezier(0, 0, .2, 1), transform .35s cubic-bezier(0, 0, .2, 1);
  color: #fff;
  text-align: center
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time {
  margin-bottom: 13px;
  width: 180px;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum"
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title {
  margin-bottom: 5px
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title:not(:last-child) {
  width: 180px
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-image {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .35s cubic-bezier(.4, 0, .6, 1), transform .4s cubic-bezier(.4, 0, .6, 1)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-chapter-title,
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-time {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .3s cubic-bezier(.4, 0, .6, 1), transform .4s cubic-bezier(.4, 0, .6, 1)
}

.ac-video-player.user-hover .end-state .ac-video-overlay-container,
.ac-video-player.user-hover .start-state .ac-video-overlay-container {
  visibility: hidden
}

.ac-video-player.user-hover .ac-video-overlay-container {
  visibility: visible
}

.ac-video-player .end-state-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 82px;
  pointer-events: none
}

.ac-video-player .end-state-container {
  display: flex;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding: 0 30px 30px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  pointer-events: all;
  cursor: default;
  transform: translateY(20px)
}

.compass-wrapper,
.threesixty-ui .ac-video-controls .compass-wrapper {
  transform: translateY(0)
}

.ac-video-player .end-state-container .end-state-item {
  opacity: 0
}

.ac-video-player .end-state-container .end-state-item:hover .end-state-text-container:before {
  opacity: 1
}

.ac-video-player .end-state-container .end-state-item .end-state-text-container {
  display: inline-block;
  position: relative
}

.ac-video-player .end-state-container .end-state-item .end-state-text-container:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: opacity .5s ease
}

.ac-video-player .end-state .end-state-container {
  transform: translateY(0);
  transition: transform .5s cubic-bezier(0, 0, .2, 1);
  visibility: visible
}

.ac-video-player .end-state .end-state-container.hidden {
  display: none
}

.ac-video-player .end-state .end-state-container:hover .end-state-item:hover {
  opacity: 1
}

.ac-video-player .end-state .end-state-container .end-state-item {
  margin: 0 auto;
  font-size: 17px;
  letter-spacing: -.37px;
  line-height: 21px;
  opacity: .8;
  transition: opacity .5s ease
}

.ac-video-player .end-state .end-state-container .end-state-item:first-child {
  padding-top: .2em;
  padding-bottom: .2em
}

.ac-video-player .end-state .end-state-container .end-state-item:last-child {
  padding-top: .2em
}

.ac-video-player .end-state .end-state-container .end-state-item:only-child {
  padding-top: 0;
  padding-bottom: 0
}

.ac-video-player .end-state .end-state-container .end-state-item .end-state-link {
  color: #fff
}

.ac-video-player.medium .end-state-wrapper {
  height: 72px
}

.ac-video-player.medium .end-state-container {
  padding: 0 20px 20px
}

.ac-video-player.medium .end-state-item {
  font-size: 17px;
  letter-spacing: -.37px;
  line-height: 25px
}

.ac-video-player.small .end-state-wrapper {
  height: 58px
}

.ac-video-player.small .end-state-container {
  padding: 0 10px 10px
}

.ac-video-player.small .end-state .end-state-container .end-state-item {
  font-size: 14px;
  letter-spacing: -.22px;
  line-height: 20px
}

.ac-video-player.small .end-state .end-state-container .end-state-item:only-child {
  padding-bottom: 10px
}

html[dir=rtl] .controls-social-tray {
  direction: rtl
}

.sharing-state {
  text-align: center;
  pointer-events: none
}

.ac-video-player.small .sharing-state {
  height: 40px
}

.ac-video-player.medium .sharing-state {
  height: 48px
}

.ac-video-player.large .sharing-state {
  height: 54px
}

.sharing-state .acv-fb-share {
  width: 1em;
  max-width: 1em;
  background-size: 16px
}

.mobile.sharing-state .acv-fb-share {
  background-size: 21.6px
}

.sharing-state .acv-tw-share {
  width: 1.1875em;
  max-width: 1.1875em;
  background-size: 19px
}

.mobile.sharing-state .acv-tw-share {
  background-size: 25.65px
}

.sharing-state .copy-link {
  width: 1.0625em;
  max-width: 1.0625em;
  background-size: 17px
}

.mobile.sharing-state .copy-link {
  background-size: 22.95px
}

.sharing-state .copy-embed-code {
  display: none !important
}

.sharing-state.embed-enabled .copy-embed-code {
  display: inline-flex !important;
  width: 1.5em;
  max-width: 1.5em;
  background-size: 24px
}

.mobile.sharing-state.embed-enabled .copy-embed-code {
  background-size: 32.4px
}

.sharing-state .textinput-close-button {
  width: 13px;
  background-size: 13px
}

.mobile.sharing-state .textinput-close-button {
  width: 17.55px;
  background-size: 17.55px
}

.sharing-state .container {
  background: rgba(110, 110, 115, .4);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  font-size: 0;
  padding-left: 5px;
  padding-right: 5px
}

.mobile.sharing-state .container {
  padding-left: 6.75px;
  padding-right: 6.75px
}

.ac-video-player.small .sharing-state .container {
  margin-top: 10px
}

.ac-video-player.medium .sharing-state .container {
  margin-top: 18px
}

.ac-video-player.large .sharing-state .container {
  margin-top: 24px
}

.sharing-state .container.hidden {
  display: none
}

.sharing-state .container button {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  cursor: pointer;
  box-sizing: content-box;
  line-height: 0;
  display: inline-flex;
  height: 30px
}

.mobile.sharing-state .container button {
  height: 40.5px
}

.sharing-state .container .sharing-button-container button {
  pointer-events: auto;
  font: initial;
  opacity: .8;
  transition: opacity 342ms ease-out 38ms, max-width .19s ease-out, padding .19s ease-out, transform .19s ease-out;
  font-size: 16px;
  padding-left: 9px;
  padding-right: 9px
}

.ac-video-player .error-state-wrapper .error-state-container .error-state-message,
.sharing-state .container .textarea-container .copy-area {
  font-family: Helvetica, Arial, sans-serif;
}

.table__row__duration-counter,
.table__row__price,
.we-audio-controls__time {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums
}

.mobile.sharing-state .container .sharing-button-container button {
  font-size: 21.6px;
  padding-left: 12.15px;
  padding-right: 12.15px
}

.sharing-state .container .sharing-button-container button.hide-button {
  display: none
}

.sharing-state .container .textarea-container {
  font-size: 0;
  visibility: hidden
}

.sharing-state .container .textarea-container span {
  display: inline-flex
}

.sharing-state .container .textarea-container .copy-area {
  background: 0 0;
  border: none;
  color: #fff;
  font-weight: 600;
  width: 0;
  margin: 0;
  padding-left: 1px;
  padding-right: 1px;
  text-align: left;
  transition: width .38s ease-out, transform .38s ease-out;
  transition-duration: .19s;
  font-size: 11px
}

.sharing-state .container .textarea-container .copy-area:focus {
  outline: 0
}

.mobile.sharing-state .container .textarea-container .copy-area {
  font-size: 14.85px
}

.sharing-state .container .textarea-container .textinput-close-button {
  opacity: 0;
  max-width: 0;
  padding: 0;
  transition: opacity .38s ease-out, max-width .19s ease-out, padding .19s ease-out
}

.sharing-state .container.textarea-active {
  pointer-events: all;
  background: rgba(110, 110, 115, .56)
}

.compass-wrapper,
.compass-wrapper .compass {
  border: 0;
  margin: 0;
  color: transparent;
  background-color: transparent;
  white-space: nowrap;
  text-transform: uppercase
}

.sharing-state .container.textarea-active .textarea-container {
  visibility: visible
}

.sharing-state .container.textarea-active .textarea-container .copy-area {
  width: 212px;
  transition: width .38s cubic-bezier(0, 0, .2, 1), transform .38s cubic-bezier(0, 0, .2, 1)
}

.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
  opacity: .8;
  padding-left: 9px;
  padding-right: 9px;
  transition: opacity .19s cubic-bezier(0, 0, .2, 1) .19s, max-width .19s cubic-bezier(0, 0, .2, 1), padding .19s cubic-bezier(0, 0, .2, 1);
  max-width: 13px
}

.mobile.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
  max-width: 17.55px
}

.sharing-state .container.textarea-active .sharing-container button:not(.active) {
  opacity: 0;
  max-width: 0;
  padding: 0;
  visibility: hidden;
  transition: opacity .19s cubic-bezier(0, 0, .2, 1), max-width .38s cubic-bezier(0, 0, .2, 1), padding .38s cubic-bezier(0, 0, .2, 1)
}

.compass-wrapper .compass-field,
.compass-wrapper .compass-ring {
  max-width: 38px;
  margin-top: 0;
  margin-left: 0;
  pointer-events: none;
  position: absolute
}

.sharing-state .container.textarea-active .sharing-container button.active {
  opacity: .8;
  visibility: visible;
  transition: opacity .19s cubic-bezier(0, 0, .2, 1)
}

.threesixty-ui {
  cursor: -webkit-grab;
  cursor: grab
}

.threesixty-video .ac-video-controls .compass-wrapper {
  display: inline-block
}

.ac-video-controls .compass-wrapper {
  display: none
}

.compass-wrapper {
  padding: 0;
  overflow: visible;
  position: absolute;
  top: calc(50% - (38px / 2));
  right: 24px;
  height: 38px;
  width: 38px;
  z-index: 2;
  opacity: 0;
  transition: opacity .4s cubic-bezier(.4, 0, .6, 1), transform .5s cubic-bezier(.4, 0, .6, 1)
}

.compass-wrapper .compass-background {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  transition: transform 275ms cubic-bezier(.4, 0, .6, 1) 60ms
}

.compass-wrapper.show-arrows .compass-background {
  transform: scale(1.8);
  transition: transform 335ms cubic-bezier(.4, 0, .6, 1)
}

.compass-wrapper .compass {
  padding: 0;
  overflow: hidden;
  cursor: inherit;
  width: 38px;
  height: 38px
}

.compass-wrapper .compass-ring {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  will-change: transform
}

.compass-wrapper:hover {
  cursor: pointer
}

.compass-wrapper .compass-field {
  width: 38px;
  height: 38px;
  top: 0
}

.compass-wrapper .compass-arrows {
  pointer-events: none;
  position: absolute;
  width: 68px;
  height: 68px;
  top: -15px;
  left: -15px;
  opacity: 0;
  transition: opacity 275ms cubic-bezier(.4, 0, .6, 1) 60ms
}

.compass-wrapper .compass-arrows .compass-arrow-bottom,
.compass-wrapper .compass-arrows .compass-arrow-left,
.compass-wrapper .compass-arrows .compass-arrow-right,
.compass-wrapper .compass-arrows .compass-arrow-top {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  pointer-events: none;
  cursor: inherit;
  position: absolute;
  width: 19px;
  height: 19px;
  opacity: .56;
  will-change: opacity;
  transition: transform 275ms cubic-bezier(.4, 0, .6, 1) 30ms
}

.compass-wrapper .compass-arrows .compass-arrow-bottom:active,
.compass-wrapper .compass-arrows .compass-arrow-bottom:focus,
.compass-wrapper .compass-arrows .compass-arrow-left:active,
.compass-wrapper .compass-arrows .compass-arrow-left:focus,
.compass-wrapper .compass-arrows .compass-arrow-right:active,
.compass-wrapper .compass-arrows .compass-arrow-right:focus,
.compass-wrapper .compass-arrows .compass-arrow-top:active,
.compass-wrapper .compass-arrows .compass-arrow-top:focus {
  opacity: 1
}

.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-bottom,
.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-left,
.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-right,
.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-top {
  pointer-events: all
}

.compass-wrapper .compass-arrows .compass-arrow-top {
  top: 0;
  left: 24px;
  transform: rotate(-90deg) translateX(-7px) scale(.55)
}

.compass-wrapper .compass-arrows .compass-arrow-right {
  top: 24px;
  left: 47px;
  transform: translateX(-7px) scale(.55)
}

.compass-wrapper .compass-arrows .compass-arrow-bottom {
  top: 48px;
  left: 25px;
  transform: rotate(90deg) translateX(-7px) scale(.55)
}

.compass-wrapper .compass-arrows .compass-arrow-left {
  top: 24px;
  left: 2px;
  transform: rotate(180deg) translateX(-7px) scale(.55)
}

.compass-wrapper.show-arrows .compass-arrows {
  opacity: 1;
  transition: opacity 275ms cubic-bezier(.4, 0, .6, 1) 60ms
}

.compass-wrapper.show-arrows .compass-arrow-bottom,
.compass-wrapper.show-arrows .compass-arrow-left,
.compass-wrapper.show-arrows .compass-arrow-right,
.compass-wrapper.show-arrows .compass-arrow-top {
  pointer-events: all;
  transition: transform 275ms cubic-bezier(.4, 0, .6, 1) 60ms
}

.compass-wrapper.show-arrows .compass-arrow-top {
  transform: rotate(-90deg) translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-right {
  transform: translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-bottom {
  transform: rotate(90deg) translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-left {
  transform: rotate(180deg) translateX(0) scale(1)
}

.ac-video-controls.end-state .compass-wrapper,
.ac-video-controls.start-state .compass-wrapper {
  visibility: hidden;
  pointer-events: none;
  opacity: 0
}

.threesixty-ui .compass-wrapper {
  opacity: 1;
  transition: opacity .4s cubic-bezier(0, 0, .2, 1) .25s, transform .5s cubic-bezier(0, 0, .2, 1) .2s
}

.mouse-leave .compass-wrapper {
  transform: translateY(20px);
  transition-delay: 50ms
}

.dragging .compass-wrapper {
  transform: translateY(0)
}

.dragging .compass {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.ac-video-player .error-state-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden
}

.ac-video-player .error-state-wrapper .error-state-container {
  display: flex;
  visibility: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  pointer-events: all;
  cursor: default;
  background: rgba(0, 0, 0, .67)
}

.ac-player-tablet .modal,
.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container.hidden {
  display: none
}

.ac-video-player .error-state-wrapper .error-state-container .error-state-message {
  background-color: rgba(29, 29, 31, .8);
  border-radius: 6px;
  font-size: 17px;
  color: #fff;
  opacity: 1;
  letter-spacing: -.37px;
  text-align: center;
  line-height: 20px;
  min-width: 40px;
  max-width: 360px;
  padding: 10px 16px;
  outline: 0
}

.ac-video-player:not(.idle-state).media-error .ac-video-controls {
  opacity: 0;
  visibility: hidden
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper {
  visibility: visible;
  pointer-events: all
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container {
  transform: translateY(0);
  transition: opacity .5s ease;
  visibility: visible
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container:hover .end-state-item:hover {
  opacity: 1
}

.has-modal.modal-open .modal {
  display: block
}

.modal .ac-video-player .ac-video-not-supported {
  background-color: transparent !important
}

.ac-modal-video-pip {
  opacity: 0;
  pointer-events: none;
  display: block
}

.modal .modal-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center
}

.modal .modal-content.center-horizontal {
  display: flex;
  justify-content: center
}

.modal .modal-content.center-horizontal .ac-player-container {
  position: relative;
  width: auto
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio {
  max-width: 1536px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player {
  max-height: 640px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio {
  max-width: 1624px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio .ac-video-player {
  max-height: 750px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio {
  max-width: 563px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio .ac-video-player {
  max-height: 1218px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio .ac-video-player,
.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio .ac-video-player {
  max-height: 960px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio {
  max-width: 960px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio {
  max-width: 540px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio.ac-films-modal-mobile {
  max-width: 720px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-films-modal-mobile .ac-video-player {
  max-height: 85vh
}

.modal .modal-content.center-horizontal .ac-player-container .ac-video-player {
  width: auto;
  height: 100vh;
  max-height: 720px
}

.modal .modal-content.center-horizontal .ac-player-container .ac-video-player video {
  width: auto;
  min-width: 320px
}

.modal .modal-content .ac-player-container {
  max-width: 1280px;
  width: 100vw;
  min-width: 320px;
  display: flex
}

.modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio,
.modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player .ac-video-poster {
  max-width: 1536px
}

.modal .modal-content .ac-player-container.ac-films-modal-mobile {
  min-width: 0
}

.modal .modal-content .ac-player-container .ac-video-player {
  overflow: hidden;
  position: relative;
  width: 100%;
  align-self: center;
  display: flex
}

.modal .modal-content .ac-player-container .ac-video-player video {
  max-height: 100vh;
  max-width: 100vw
}

.modal .modal-content .ac-player-container .ac-video-player .ac-video-poster {
  top: auto;
  left: auto;
  justify-self: center;
  align-self: center
}

.ac-video-player.ac-films-handheld-player {
  position: fixed;
  z-index: -1;
  visibility: hidden;
  width: 1px;
  height: 1px;
  top: 50%;
  left: 50%
}

.ac-video-player.ac-films-handheld-player .error-state-wrapper {
  display: none
}

.ac-video-player.ac-films-handheld-player.player-fullscreen {
  visibility: visible
}

.shelf-grid {
  margin-bottom: 0;
  width: 100%;
  position: relative;
  z-index: 1
}

.shelf-grid__body {
  width: 100%;
  box-sizing: content-box;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px
}

.shelf-grid__list {
  display: grid;
  grid-auto-flow: column;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-x: none;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.shelf-grid__list::-webkit-scrollbar {
  display: none
}

@media (prefers-reduced-motion:reduce) {
  .shelf-grid__list {
    scroll-behavior: auto
  }
}

.shelf-grid__list-item {
  scroll-snap-align: start
}

html[dir=rtl] .shelf-grid__list-item {
  scroll-snap-align: none
}

.shelf-grid-nav,
.shelf-grid-nav ul {
  margin: 0;
  list-style: none
}

.shelf-grid-nav__arrow {
  width: 40px;
  height: 100%;
  background: 0 0;
  display: block;
  overflow: hidden;
  position: absolute;
  text-align: center;
  transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear;
  border: none;
  cursor: pointer;
  z-index: 1
}

.shelf-grid-nav__arrow:focus {
  outline: 0
}

.shelf-grid-nav__arrow::after {
  margin: 0 auto;
  position: relative;
  top: 0;
  display: block;
  content: '';
  width: 13px;
  height: 29px;
  opacity: .85;
  background-repeat: no-repeat;
  background-image: url(/assets/css/uservideos/iconproduct/paddle-default-c982e76e4d16230b8424bb5e3618038e.svg);
  z-index: 1
}

.dark-mode .shelf-grid-nav__arrow::after {
  background-image: url(/assets/css/uservideos/iconproduct/paddle-dark-eec61ec5e516c8b50a97265169ef76a2.svg)
}

.shelf-grid-nav__arrow:active:not([disabled])::after {
  transition: none;
  opacity: 1
}

.shelf-grid-nav__arrow:focus[data-focus-method=key] {
  box-shadow: 0 0 0 4px rgba(0, 125, 250, .6);
  outline: 0
}

.shelf-grid-nav__arrow:focus[data-focus-method=key][data-focus-method=mouse]:not(input):not(textarea):not(select),
.shelf-grid-nav__arrow:focus[data-focus-method=key][data-focus-method=touch]:not(input):not(textarea):not(select) {
  box-shadow: none
}

.shelf-grid-nav__arrow.disabled,
.shelf-grid-nav__arrow:disabled {
  cursor: default;
  opacity: 0
}

.shelf-grid--onhover .shelf-grid-nav__arrow {
  opacity: 0;
  transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear
}

.shelf-grid--onhover .shelf-grid-nav__arrow:focus,
.shelf-grid--onhover:hover .shelf-grid-nav__arrow,
html.has-touch .shelf-grid--onhover .shelf-grid-nav__arrow {
  opacity: 1
}

.shelf-grid--onhover:hover .shelf-grid-nav__arrow.disabled,
.shelf-grid--onhover:hover .shelf-grid-nav__arrow:disabled {
  opacity: 0
}

.shelf-grid-nav__arrow--next,
.shelf-grid-nav__arrow--previous {
  top: 0
}

.shelf-grid-nav__arrow--next {
  right: -40px
}

.shelf-grid-nav__arrow--next::after {
  transform: scaleX(-1)
}

html[dir=rtl] .shelf-grid-nav__arrow--next::after {
  transform: none
}

.shelf-grid-nav__arrow--previous {
  left: -40px
}

html[dir=rtl] .shelf-grid-nav__arrow--previous::after {
  transform: scaleX(-1)
}

.animation-wrapper__container,
.radial-progress {
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 1;
  pointer-events: none
}

.shelf-grid__header {
  padding: 13px 0
}

[data-grid='A'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2)
}

@media only screen and (min-width:1069px) {
  [data-grid='A'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid='B'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2)
}

@media only screen and (min-width:735px) {
  [data-grid='B'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

@media only screen and (min-width:1069px) {
  [data-grid='B'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid='C'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3)
}

@media only screen and (min-width:735px) {
  [data-grid='C'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

@media only screen and (min-width:1069px) {
  [data-grid='C'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid='D'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4)
}

@media only screen and (min-width:735px) {
  [data-grid='D'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

@media only screen and (min-width:1069px) {
  [data-grid='D'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 7 * var(--grid-column-gap))/ 8);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid='E'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5)
}

@media only screen and (min-width:735px) {
  [data-grid='E'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 8 * var(--grid-column-gap))/ 9);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

@media only screen and (min-width:1069px) {
  [data-grid='E'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 9 * var(--grid-column-gap))/ 10);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid='F'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2)
}

@media only screen and (min-width:735px) {
  [data-grid='F'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

@media only screen and (min-width:1069px) {
  [data-grid='F'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid='G'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 3 * var(--grid-column-gap))/ 4)
}

@media only screen and (min-width:735px) {
  [data-grid='G'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 4 * var(--grid-column-gap))/ 5);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

@media only screen and (min-width:1069px) {
  [data-grid='G'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 5 * var(--grid-column-gap))/ 6);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid='H'] .shelf-grid__list {
  grid-auto-columns: calc((100% - 5 * var(--grid-column-gap))/ 6)
}

@media only screen and (min-width:735px) {
  [data-grid='H'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 7 * var(--grid-column-gap))/ 8);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

@media only screen and (min-width:1069px) {
  [data-grid='H'] .shelf-grid__list {
    grid-auto-columns: calc((100% - 9 * var(--grid-column-gap))/ 10);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

[data-grid=books-brick-row] .shelf-grid__list {
  grid-auto-columns: calc((100% - 0 * var(--grid-column-gap))/ 1)
}

@media only screen and (min-width:735px) {
  [data-grid=books-brick-row] .shelf-grid__list {
    grid-auto-columns: calc((100% - 1 * var(--grid-column-gap))/ 2);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }
}

.shelf-grid-announcer {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.app-privacy__modal-section,
.section--bordered {
  border-top: 1px solid #d6d6d6
}

@media only screen and (max-width:) {
  .shelf-grid {
    padding-left: 0;
    padding-right: 0
  }

  .shelf-grid-nav {
    display: none
  }

  .shelf-grid__list {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px
  }

  .shelf-grid__list::after {
    width: 15px
  }

  .shelf-grid__list-item {
    scroll-snap-align: none
  }

  .shelf-grid .shelf-grid__list::after {
    display: block;
    content: '\00a0';
    width: 30px
  }
}

.focusing-outlet {
  outline: 0
}

.animation-wrapper>:not(.animation-wrapper__container) {
  transition: opacity 250ms cubic-bezier(.21, .11, .18, 1)
}

.animation-wrapper.is-hidden>:not(.animation-wrapper__container) {
  opacity: 0;
  pointer-events: none;
  transition-duration: .1s
}

.animation-wrapper__container {
  display: inline-block;
  position: fixed;
  top: 50%;
  text-align: center
}

.animation-wrapper__spinner {
  height: 20px;
  width: 20px;
  margin: 0 auto 27px;
  opacity: 0;
  -webkit-animation: animation-wrapper-appear .1s cubic-bezier(.21, .11, .18, 1) 1s forwards;
  animation: animation-wrapper-appear .1s cubic-bezier(.21, .11, .18, 1) 1s forwards;
  background-image: url(/assets/css/uservideos/iconproduct/loading-spinner-small-89b12d3c4bf034acf043c7e19e2a9ccd.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

@media only screen and (min-width:735px) {
  .animation-wrapper__spinner {
    height: 35px;
    width: 35px;
    background-image: url(/assets/css/uservideos/iconproduct/loading-spinner-large-2cbc4da7c3996a3a0178735cf08b63c1.svg)
  }

  .app-privacy__cards {
    grid-template-columns: repeat(auto-fit, minmax(calc((100% - 20px)/ 2), 1fr))
  }
}

.animation-wrapper__progress-outer {
  height: 2px;
  width: 109px;
  position: relative;
  overflow: hidden;
  font-size: 0;
  opacity: 0;
  background-color: rgba(123, 123, 139, .2);
  border-radius: 2px;
  -webkit-animation: animation-wrapper-appear .1s cubic-bezier(.21, .11, .18, 1) 3s forwards;
  animation: animation-wrapper-appear .1s cubic-bezier(.21, .11, .18, 1) 3s forwards;
  z-index: 1
}

.animation-wrapper__progress-inner {
  content: '';
  display: block;
  height: inherit;
  width: inherit;
  position: absolute;
  top: 0;
  background-color: rgba(123, 123, 139, .9);
  border-radius: inherit;
  transition: transform 5ms ease-in-out;
  right: 100%;
  z-index: 1
}

.app-privacy__card,
.section-group {
  background-color: #f8f8f8
}

@-webkit-keyframes animation-wrapper-appear {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes animation-wrapper-appear {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.app-privacy__cards {
  margin-top: 13px;
  display: grid;
  grid-gap: 20px
}

.app-privacy__card {
  padding: 28px 20px 20px;
  width: 100%;
  border-radius: 16px
}

.app-privacy__modal-heading {
  margin-top: 17px;
  margin-bottom: 17px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
}

.app-privacy__modal-section {
  margin-top: 27px;
  padding-top: 21px
}

.app-privacy__modal-section p {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.app-privacy__modal-section p+p {
  margin-top: 18px
}

.app-privacy__learn-more {
  margin-top: 20px
}

.app-privacy__developer-name {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.link {
  color: #0070c9
}

@media (monochrome),
(min-monochrome:1) {
  .link {
    text-decoration: underline !important
  }
}

.is-music-theme .link {
  color: #e50914
}

.is-itunes-theme .link {
  color: #0070c9
}

.is-tv-theme .link {
  color: #0f6ea1
}

.is-mac-theme .link {
  color: #0070c9
}

.is-podcasts-theme .link {
  color: #7d50df
}

.is-apps-theme .link {
  color: #0070c9
}

.link.is-active,
.link:active,
.link:focus,
.link:hover {
  text-decoration: underline
}

@media (monochrome),
(min-monochrome:1) {
  .link--no-decoration {
    text-decoration: underline !important
  }
}

.link--no-decoration.is-active,
.link--no-decoration:active,
.link--no-decoration:focus,
.link--no-decoration:hover,
.targeted-link,
.targeted-link.is-active,
.targeted-link:active,
.targeted-link:focus,
.targeted-link:hover {
  text-decoration: none
}

.is-apps-theme .link--no-tint,
.is-itunes-theme .link--no-tint,
.is-mac-theme .link--no-tint,
.is-music-theme .link--no-tint,
.is-podcasts-theme .link--no-tint,
.is-tv-theme .link--no-tint,
.link--no-tint {
  color: rgba(235, 235, 245, .6)
}

.targeted-link.is-active .targeted-link__target,
.targeted-link:active .targeted-link__target,
.targeted-link:focus .targeted-link__target,
.targeted-link:hover .targeted-link__target {
  text-decoration: underline
}

@media (monochrome),
(min-monochrome:1) {
  .targeted-link:not(.targeted-link--no-monochrome-underline) .targeted-link__target {
    text-decoration: underline !important
  }
}

.section {
  padding-top: 19px;
  padding-bottom: 32px
}

.section--hero,
.section--hero-fullwidth-artwork {
  padding-top: 20px
}

@media only screen and (min-width:1069px) {
  [data-grid=books-brick-row] .shelf-grid__list {
    grid-auto-columns: calc((100% - 2 * var(--grid-column-gap))/ 3);
    grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
    grid-template-rows: repeat(var(--grid-rows), max-content);
    grid-column-gap: var(--grid-column-gap)
  }

  .app-privacy__cards {
    grid-template-columns: repeat(auto-fit, minmax(calc((100% - (20px * 2))/ 3), 1fr))
  }

  .section--hero-book {
    padding-top: 52px
  }
}

.section--hero {
  position: relative;
  z-index: 1
}

@media only screen and (max-width:734px) {
  .section--small-no-padding-top {
    padding-top: 0
  }

  .section--book-infobar {
    margin-bottom: 32px;
    padding-bottom: 0
  }
}

.section--large-padding-top {
  padding-top: 32px
}

.section--no-padding-top {
  padding-top: 0
}

.section--no-padding-bottom {
  padding-bottom: 0
}

.section--book-infobar {
  padding-top: 32px;
  display: flex;
  align-items: stretch
}

.section--publisher-description+.section--book-infobar {
  padding-top: 0
}

.section--subscribe-hidden {
  display: none
}

@media only screen and (max-width:734px) {
  .section--link-list {
    padding-top: 0;
    padding-bottom: 19px
  }

  .section--link-list+.section--bordered {
    padding-top: 0;
    border-top: 0
  }

  .section--small-not-bordered {
    border-top: none
  }

  .section--small-full-width {
    margin-left: -7.14286%;
    margin-right: -7.14286%;
    padding-left: 7.14286%;
    padding-right: 7.14286%
  }
}

.section__headline {
  margin-bottom: 17px;
  flex-shrink: 1;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
}

.section__headline--book {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0;
}

@media only screen and (max-width:1068px) {
  .section__nav--artist-top-songs {
    margin-top: 32px;
    padding-top: 19px;
    border-top: 1px solid #d6d6d6
  }
}

.section__subheadline {
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

.section__nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.section__nav--align-start {
  justify-content: flex-start
}

.section__nav--align-start>:first-child {
  margin-right: 14px
}

.section__nav--small {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-flow: row wrap
}

.section__nav__see-all-link {
  margin-bottom: 17px;
  display: inline-block;
  flex-shrink: 0;
  margin-left: 16px
}

@media only screen and (max-width:734px) {

  .section__nav--book-lighting .section__headline,
  .section__nav--book-lighting .section__nav__see-all-link {
    margin-bottom: 0
  }
}

@media only screen and (min-width:1069px) {
  .section-group--artist {
    margin-top: 20px
  }
}

.section-group--books-featured-review+.section-group--books-featured-review {
  margin-top: 10px
}

@-webkit-keyframes we-button-fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 100%
  }
}

@keyframes we-button-fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 100%
  }
}

.we-button {
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 400;
  letter-spacing: -.022em;
  background: #0070c9;
  min-width: 28px;
  padding: 8px 16px;
  display: inline-block;
  border-radius: 18px;
  color: #1d1d1f;
  cursor: pointer;
  text-align: center;
  white-space: nowrap
}

.we-button:hover {
  text-decoration: none
}

.we-button:focus {
  box-shadow: 0 0 0 4px rgba(0, 125, 250, .6);
  outline: 0
}

.we-button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.we-button:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  box-shadow: none
}

.we-button:active {
  outline: 0
}

.we-button.disabled,
.we-button:disabled {
  color: #1d1d1f;
  cursor: default;
  opacity: .3
}

.we-button--compact {
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: -.01em;
  min-width: 23px;
  border-radius: 12px;
  padding: 4px 11px
}

.we-button--block {
  box-sizing: border-box;
  display: block;
  width: 100%
}

.ac-video-controls .main-controls,
.we-localnav {
  box-sizing: content-box
}

.we-button--secondary,
.we-button--secondary.disabled,
.we-button--secondary:disabled {
  color: #06c
}

.we-button--applemusic {
  color: #fff;
  background: #e50914
}

.we-button--applemusic.disabled,
.we-button--applemusic:disabled {
  color: #fff
}

.we-button-flat {
  color: #fff;
  border: 1px solid #e50914;
  background: #e50914
}

.we-button-flat:hover {
  background: #f0225b;
  border-color: #f0225b
}

.we-button-flat.is-active,
.we-button-flat:active {
  background: #b40c3b;
  border-color: #b40c3b
}

.we-button-flat.disabled,
.we-button-flat:disabled {
  background: #e50914;
  border-color: #e50914;
  color: #fff;
  opacity: .3
}

.we-button-flat--plain {
  color: #000;
  border: 1px solid transparent;
  background: 0 0;
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0
}

.we-button-flat--plain:hover {
  border-color: transparent;
  background: rgba(20, 20, 20, 0);
  border-color: rgba(20, 20, 20, 0)
}

.we-button-flat--plain.is-active,
.we-button-flat--plain:active {
  background: rgba(0, 0, 0, 0);
  border-color: transparent
}

.we-button-flat--plain.disabled,
.we-button-flat--plain:disabled {
  background: 0 0;
  border-color: transparent;
  color: #000;
  opacity: .3
}

.we-button-flat--plain:hover {
  color: #0070c9
}

.is-music-theme .we-button-flat--plain:hover {
  color: #e50914
}

.is-itunes-theme .we-button-flat--plain:hover {
  color: #0070c9
}

.is-tv-theme .we-button-flat--plain:hover {
  color: #0f6ea1
}

.is-mac-theme .we-button-flat--plain:hover {
  color: #0070c9
}

.is-podcasts-theme .we-button-flat--plain:hover {
  color: #7d50df
}

.is-apps-theme .we-button-flat--plain:hover {
  color: #0070c9
}

.we-button--spinner {
  position: relative;
  transition: .25s
}

.we-button--spinner.we-button--loading {
  background-color: transparent;
  border-color: transparent
}

.we-button--pill,
.we-button--pill-keycolor,
.we-button--pill-small {
  border-radius: 9999em;
  padding: 0 16px;
  text-align: center;
  font-size: 15px;
  line-height: 1.86667;
  font-weight: 700;
  letter-spacing: 0;
}

.is-music-theme .we-button--pill,
.is-music-theme .we-button--pill-small {
  color: #e50914;
  border: 1px solid #efeff4;
  background: #efeff4
}

.is-music-theme .we-button--pill-small:hover,
.is-music-theme .we-button--pill:hover {
  background: #e6e6ee;
  border-color: #e6e6ee
}

.is-music-theme .we-button--pill-small.is-active,
.is-music-theme .we-button--pill-small:active,
.is-music-theme .we-button--pill.is-active,
.is-music-theme .we-button--pill:active {
  background: #dddde8;
  border-color: #dddde8
}

.is-music-theme .we-button--pill-small.disabled,
.is-music-theme .we-button--pill-small:disabled,
.is-music-theme .we-button--pill.disabled,
.is-music-theme .we-button--pill:disabled {
  background: #efeff4;
  border-color: #efeff4;
  color: #e50914;
  opacity: .3
}

.is-itunes-theme .we-button--pill,
.is-itunes-theme .we-button--pill-small {
  color: #0070c9;
  border: 1px solid #efeff4;
  background: #efeff4
}

.is-itunes-theme .we-button--pill-small:hover,
.is-itunes-theme .we-button--pill:hover {
  background: #e6e6ee;
  border-color: #e6e6ee
}

.is-itunes-theme .we-button--pill-small.is-active,
.is-itunes-theme .we-button--pill-small:active,
.is-itunes-theme .we-button--pill.is-active,
.is-itunes-theme .we-button--pill:active {
  background: #dddde8;
  border-color: #dddde8
}

.is-itunes-theme .we-button--pill-small.disabled,
.is-itunes-theme .we-button--pill-small:disabled,
.is-itunes-theme .we-button--pill.disabled,
.is-itunes-theme .we-button--pill:disabled {
  background: #efeff4;
  border-color: #efeff4;
  color: #0070c9;
  opacity: .3
}

.is-tv-theme .we-button--pill,
.is-tv-theme .we-button--pill-small {
  color: #0f6ea1;
  border: 1px solid #efeff4;
  background: #efeff4
}

.is-tv-theme .we-button--pill-small:hover,
.is-tv-theme .we-button--pill:hover {
  background: #e6e6ee;
  border-color: #e6e6ee
}

.is-tv-theme .we-button--pill-small.is-active,
.is-tv-theme .we-button--pill-small:active,
.is-tv-theme .we-button--pill.is-active,
.is-tv-theme .we-button--pill:active {
  background: #dddde8;
  border-color: #dddde8
}

.is-tv-theme .we-button--pill-small.disabled,
.is-tv-theme .we-button--pill-small:disabled,
.is-tv-theme .we-button--pill.disabled,
.is-tv-theme .we-button--pill:disabled {
  background: #efeff4;
  border-color: #efeff4;
  color: #0f6ea1;
  opacity: .3
}

.is-mac-theme .we-button--pill,
.is-mac-theme .we-button--pill-small {
  color: #0070c9;
  border: 1px solid #efeff4;
  background: #efeff4
}

.is-mac-theme .we-button--pill-small:hover,
.is-mac-theme .we-button--pill:hover {
  background: #e6e6ee;
  border-color: #e6e6ee
}

.is-mac-theme .we-button--pill-small.is-active,
.is-mac-theme .we-button--pill-small:active,
.is-mac-theme .we-button--pill.is-active,
.is-mac-theme .we-button--pill:active {
  background: #dddde8;
  border-color: #dddde8
}

.is-mac-theme .we-button--pill-small.disabled,
.is-mac-theme .we-button--pill-small:disabled,
.is-mac-theme .we-button--pill.disabled,
.is-mac-theme .we-button--pill:disabled {
  background: #efeff4;
  border-color: #efeff4;
  color: #0070c9;
  opacity: .3
}

.is-podcasts-theme .we-button--pill,
.is-podcasts-theme .we-button--pill-small {
  color: #7d50df;
  border: 1px solid #efeff4;
  background: #efeff4
}

.is-podcasts-theme .we-button--pill-small:hover,
.is-podcasts-theme .we-button--pill:hover {
  background: #e6e6ee;
  border-color: #e6e6ee
}

.is-podcasts-theme .we-button--pill-small.is-active,
.is-podcasts-theme .we-button--pill-small:active,
.is-podcasts-theme .we-button--pill.is-active,
.is-podcasts-theme .we-button--pill:active {
  background: #dddde8;
  border-color: #dddde8
}

.is-podcasts-theme .we-button--pill-small.disabled,
.is-podcasts-theme .we-button--pill-small:disabled,
.is-podcasts-theme .we-button--pill.disabled,
.is-podcasts-theme .we-button--pill:disabled {
  background: #efeff4;
  border-color: #efeff4;
  color: #7d50df;
  opacity: .3
}

.is-apps-theme .we-button--pill,
.is-apps-theme .we-button--pill-small {
  color: #0070c9;
  border: 1px solid #efeff4;
  background: #efeff4
}

.is-apps-theme .we-button--pill-small:hover,
.is-apps-theme .we-button--pill:hover {
  background: #e6e6ee;
  border-color: #e6e6ee
}

.is-apps-theme .we-button--pill-small.is-active,
.is-apps-theme .we-button--pill-small:active,
.is-apps-theme .we-button--pill.is-active,
.is-apps-theme .we-button--pill:active {
  background: #dddde8;
  border-color: #dddde8
}

.is-apps-theme .we-button--pill-small.disabled,
.is-apps-theme .we-button--pill-small:disabled,
.is-apps-theme .we-button--pill.disabled,
.is-apps-theme .we-button--pill:disabled {
  background: #efeff4;
  border-color: #efeff4;
  color: #0070c9;
  opacity: .3
}

.we-button--pill:not(.we-button--spinner) {
  min-width: 48px
}

.we-button--pill-small:not(.we-button--spinner) {
  min-width: 44px
}

.is-music-theme .we-button--pill-keycolor {
  color: #fff;
  border: 1px solid #e50914;
  background: #e50914
}

.is-music-theme .we-button--pill-keycolor:hover {
  background: #cc0e42;
  border-color: #cc0e42
}

.is-music-theme .we-button--pill-keycolor.is-active,
.is-music-theme .we-button--pill-keycolor:active {
  background: #bd0d3e;
  border-color: #bd0d3e
}

.is-music-theme .we-button--pill-keycolor.disabled,
.is-music-theme .we-button--pill-keycolor:disabled {
  background: #e50914;
  border-color: #e50914;
  color: #fff;
  opacity: .3
}

.is-itunes-theme .we-button--pill-keycolor {
  color: #fff;
  border: 1px solid #0070c9;
  background: #0070c9
}

.is-itunes-theme .we-button--pill-keycolor:hover {
  background: #0067ba;
  border-color: #0067ba
}

.is-itunes-theme .we-button--pill-keycolor.is-active,
.is-itunes-theme .we-button--pill-keycolor:active {
  background: #005faa;
  border-color: #005faa
}

.is-itunes-theme .we-button--pill-keycolor.disabled,
.is-itunes-theme .we-button--pill-keycolor:disabled {
  background: #0070c9;
  border-color: #0070c9;
  color: #fff;
  opacity: .3
}

.is-tv-theme .we-button--pill-keycolor {
  color: #fff;
  border: 1px solid #0f6ea1;
  background: #0f6ea1
}

.is-tv-theme .we-button--pill-keycolor:hover {
  background: #0e6493;
  border-color: #0e6493
}

.is-tv-theme .we-button--pill-keycolor.is-active,
.is-tv-theme .we-button--pill-keycolor:active {
  background: #0c5b85;
  border-color: #0c5b85
}

.is-tv-theme .we-button--pill-keycolor.disabled,
.is-tv-theme .we-button--pill-keycolor:disabled {
  background: #0f6ea1;
  border-color: #0f6ea1;
  color: #fff;
  opacity: .3
}

.is-mac-theme .we-button--pill-keycolor {
  color: #fff;
  border: 1px solid #0070c9;
  background: #0070c9
}

.is-mac-theme .we-button--pill-keycolor:hover {
  background: #0067ba;
  border-color: #0067ba
}

.is-mac-theme .we-button--pill-keycolor.is-active,
.is-mac-theme .we-button--pill-keycolor:active {
  background: #005faa;
  border-color: #005faa
}

.is-mac-theme .we-button--pill-keycolor.disabled,
.is-mac-theme .we-button--pill-keycolor:disabled {
  background: #0070c9;
  border-color: #0070c9;
  color: #fff;
  opacity: .3
}

.is-podcasts-theme .we-button--pill-keycolor {
  color: #fff;
  border: 1px solid #7d50df;
  background: #7d50df
}

.is-podcasts-theme .we-button--pill-keycolor:hover {
  background: #7343dd;
  border-color: #7343dd
}

.is-podcasts-theme .we-button--pill-keycolor.is-active,
.is-podcasts-theme .we-button--pill-keycolor:active {
  background: #6a36da;
  border-color: #6a36da
}

.is-podcasts-theme .we-button--pill-keycolor.disabled,
.is-podcasts-theme .we-button--pill-keycolor:disabled {
  background: #7d50df;
  border-color: #7d50df;
  color: #fff;
  opacity: .3
}

.is-apps-theme .we-button--pill-keycolor {
  color: #fff;
  border: 1px solid #0070c9;
  background: #0070c9
}

.is-apps-theme .we-button--pill-keycolor:hover {
  background: #0067ba;
  border-color: #0067ba
}

.is-apps-theme .we-button--pill-keycolor.is-active,
.is-apps-theme .we-button--pill-keycolor:active {
  background: #005faa;
  border-color: #005faa
}

.is-apps-theme .we-button--pill-keycolor.disabled,
.is-apps-theme .we-button--pill-keycolor:disabled {
  background: #0070c9;
  border-color: #0070c9;
  color: #fff;
  opacity: .3
}

.we-button--pill,
.we-button--pill-keycolor {
  min-width: 48px
}

.we-button--pill-small {
  min-width: 44px;
  padding: 0 12px;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  height: 21px;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

.is-music-theme .we-button--pill-small:active,
.is-music-theme .we-button--pill-small:focus,
.is-music-theme .we-button--pill-small:hover {
  background-color: #e50914;
  border-color: #e50914;
  color: #fff
}

.is-itunes-theme .we-button--pill-small:active,
.is-itunes-theme .we-button--pill-small:focus,
.is-itunes-theme .we-button--pill-small:hover {
  background-color: #0070c9;
  border-color: #0070c9;
  color: #fff
}

.is-tv-theme .we-button--pill-small:active,
.is-tv-theme .we-button--pill-small:focus,
.is-tv-theme .we-button--pill-small:hover {
  background-color: #0f6ea1;
  border-color: #0f6ea1;
  color: #fff
}

.is-mac-theme .we-button--pill-small:active,
.is-mac-theme .we-button--pill-small:focus,
.is-mac-theme .we-button--pill-small:hover {
  background-color: #0070c9;
  border-color: #0070c9;
  color: #fff
}

.is-podcasts-theme .we-button--pill-small:active,
.is-podcasts-theme .we-button--pill-small:focus,
.is-podcasts-theme .we-button--pill-small:hover {
  background-color: #7d50df;
  border-color: #7d50df;
  color: #fff
}

.is-apps-theme .we-button--pill-small:active,
.is-apps-theme .we-button--pill-small:focus,
.is-apps-theme .we-button--pill-small:hover {
  background-color: #0070c9;
  border-color: #0070c9;
  color: #fff
}

.we-button--pill-small.icon-play::before {
  top: -1px;
  font-size: 11px
}

.we-button--pill-keycolor {
  color: #fff;
  border: 1px solid #0070c9;
  background: #0070c9
}

.we-button--pill-keycolor:hover {
  background: #0067ba;
  border-color: #0067ba
}

.we-button--pill-keycolor.is-active,
.we-button--pill-keycolor:active {
  background: #005faa;
  border-color: #005faa
}

.we-button--pill-keycolor.disabled,
.we-button--pill-keycolor:disabled {
  background: #0070c9;
  border-color: #0070c9;
  color: #fff;
  opacity: .3
}

.we-button--outlined {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9
}

.we-button--outlined:hover {
  border-color: #0079d8;
  background: 0 0;
  color: #0079d8
}

.we-button--outlined.is-active,
.we-button--outlined:active {
  border-color: #0087f2;
  background: 0 0;
  color: #0087f2
}

.we-button--outlined.disabled,
.we-button--outlined:disabled {
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9;
  opacity: .3
}

.is-music-theme .we-button--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #e50914;
  background: 0 0;
  color: #e50914
}

.is-music-theme .we-button--outlined:hover {
  border-color: #e8104c;
  background: 0 0;
  color: #e8104c
}

.is-music-theme .we-button--outlined.is-active,
.is-music-theme .we-button--outlined:active {
  border-color: #f0225b;
  background: 0 0;
  color: #f0225b
}

.is-music-theme .we-button--outlined.disabled,
.is-music-theme .we-button--outlined:disabled {
  border-color: #e50914;
  background: 0 0;
  color: #e50914;
  opacity: .3
}

.is-itunes-theme .we-button--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9
}

.is-itunes-theme .we-button--outlined:hover {
  border-color: #0079d8;
  background: 0 0;
  color: #0079d8
}

.is-itunes-theme .we-button--outlined.is-active,
.is-itunes-theme .we-button--outlined:active {
  border-color: #0087f2;
  background: 0 0;
  color: #0087f2
}

.is-itunes-theme .we-button--outlined.disabled,
.is-itunes-theme .we-button--outlined:disabled {
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9;
  opacity: .3
}

.is-tv-theme .we-button--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #0f6ea1;
  background: 0 0;
  color: #0f6ea1
}

.is-tv-theme .we-button--outlined:hover {
  border-color: #1078af;
  background: 0 0;
  color: #1078af
}

.is-tv-theme .we-button--outlined.is-active,
.is-tv-theme .we-button--outlined:active {
  border-color: #1288c6;
  background: 0 0;
  color: #1288c6
}

.is-tv-theme .we-button--outlined.disabled,
.is-tv-theme .we-button--outlined:disabled {
  border-color: #0f6ea1;
  background: 0 0;
  color: #0f6ea1;
  opacity: .3
}

.is-mac-theme .we-button--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9
}

.is-mac-theme .we-button--outlined:hover {
  border-color: #0079d8;
  background: 0 0;
  color: #0079d8
}

.is-mac-theme .we-button--outlined.is-active,
.is-mac-theme .we-button--outlined:active {
  border-color: #0087f2;
  background: 0 0;
  color: #0087f2
}

.is-mac-theme .we-button--outlined.disabled,
.is-mac-theme .we-button--outlined:disabled {
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9;
  opacity: .3
}

.is-podcasts-theme .we-button--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #7d50df;
  background: 0 0;
  color: #7d50df
}

.is-podcasts-theme .we-button--outlined:hover {
  border-color: #875de1;
  background: 0 0;
  color: #875de1
}

.is-podcasts-theme .we-button--outlined.is-active,
.is-podcasts-theme .we-button--outlined:active {
  border-color: #9772e5;
  background: 0 0;
  color: #9772e5
}

.is-podcasts-theme .we-button--outlined.disabled,
.is-podcasts-theme .we-button--outlined:disabled {
  border-color: #7d50df;
  background: 0 0;
  color: #7d50df;
  opacity: .3
}

.is-apps-theme .we-button--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9
}

.is-apps-theme .we-button--outlined:hover {
  border-color: #0079d8;
  background: 0 0;
  color: #0079d8
}

.is-apps-theme .we-button--outlined.is-active,
.is-apps-theme .we-button--outlined:active {
  border-color: #0087f2;
  background: 0 0;
  color: #0087f2
}

.is-apps-theme .we-button--outlined.disabled,
.is-apps-theme .we-button--outlined:disabled {
  border-color: #0070c9;
  background: 0 0;
  color: #0070c9;
  opacity: .3
}

.we-button--external {
  padding: 7px 8px 5px;
  -webkit-animation: we-button-fade-in .2s;
  animation: we-button-fade-in .2s;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

@media only screen and (min-width:735px) {
  .app-privacy__card:first-child:last-child {
    max-width: 50%
  }

  .we-button--external {
    padding: 7px 10px 5px
  }
}

.we-button--external::after {
  font-size: 1.2em;
  font-weight: 300;
  padding-left: 0
}

.we-button__app-text {
  font-weight: 500
}

.we-button__container {
  display: flex;
  align-items: flex-start;
  flex-direction: column
}

.we-button__app-subline {
  color: #86868b;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 400;
  letter-spacing: .006em;
}

/*
.badge {
  display: inline-block;
  border: 1px solid #636366;
  border-radius: 3px;
  color: #636366;
  text-align: center;
  white-space: nowrap;
  vertical-align: text-bottom;
  font-size: 7.5px;
  line-height: 1.06667;
  font-weight: 700;
  letter-spacing: -.006em;
  padding-left: 3px;
  padding-right: 3px;
  z-index: 1
}
*/

.bordered-list__copy,
.link-list__item--a:first-child {
  border-top: 1px solid #d6d6d6
}

@media only screen and (min-width:735px) {
  .we-button__container {
    flex-direction: row;
    align-items: center
  }

  .we-button__app-subline {
    max-width: 140px;
    margin-top: 0;
    margin-left: 8px
  }
/*
  .badge {
    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -.006em;
  }*/
}

.badge--inverted {
  background-color: #636366;
  color: #fff
}

.badge--product-title {
  margin-bottom: 3px;
  padding-bottom: 0;
  display: inline-block;
  font-size: 10.4px;
  letter-spacing: .04em;
  vertical-align: middle;
  margin-left: 10px
}

.badge-asset,
.badge-with-label::before {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-bottom
}

@media only screen and (min-width:1069px) {
  .badge--product-title {
    margin-bottom: 2px
  }
}

.badge-asset {
  background-size: 100% 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap
}

.badge-asset--dbatmos {
  width: 54px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/DolbyAtmos-70ab2ea7ee4691795d2b34690b0142fa.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--dbatmos.badge-asset--small-medium {
    width: 35px;
    height: 10px
  }
}

.badge-asset--dbatmos.badge-asset--small {
  width: 35px;
  height: 10px
}

.badge-asset--4k {
  width: 26px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/4k-4c90fbf0a1821a598e773d5ea4ad6e77.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--4k.badge-asset--small-medium {
    width: 17px;
    height: 10px
  }
}

.badge-asset--4k.badge-asset--small {
  width: 17px;
  height: 10px
}

.badge-asset--dbvision {
  width: 53px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/Dolby-497c98cb1fc2f03af4340eb7c773a89f.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--dbvision.badge-asset--small-medium {
    width: 35px;
    height: 10px
  }
}

.badge-asset--dbvision.badge-asset--small {
  width: 35px;
  height: 10px
}

.badge-asset--hdr {
  width: 34px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/HDR-864ec51c88d14811cf718ff5967367bc.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--hdr.badge-asset--small-medium {
    width: 23px;
    height: 10px
  }
}

.badge-asset--hdr.badge-asset--small {
  width: 23px;
  height: 10px
}

.badge-asset--hd {
  width: 25px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/HD-37d1d7ccaa33ae5e9cf0c9ef3065ef4e.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--hd.badge-asset--small-medium {
    width: 17px;
    height: 10px
  }
}

.badge-asset--hd.badge-asset--small {
  width: 17px;
  height: 10px
}

.badge-asset--cc {
  width: 26px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/CC-2f7dac355007c6b3005c44335084a2aa.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--cc.badge-asset--small-medium {
    width: 17px;
    height: 10px
  }
}

.badge-asset--cc.badge-asset--small {
  width: 17px;
  height: 10px
}

.badge-asset--sdh {
  width: 31px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/SDH-83bbf10234a14204c0cc79e0999bd051.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--sdh.badge-asset--small-medium {
    width: 21px;
    height: 10px
  }
}

.badge-asset--sdh.badge-asset--small {
  width: 21px;
  height: 10px
}

.badge-asset--ad {
  width: 25px;
  height: 15px;
  background-image: url(/assets/css/uservideos/iconproduct/AD-3e35e8fab792644d6ee0f1d09e5e1255.svg)
}

@media only screen and (max-width:734px) {
  .badge-asset--ad.badge-asset--small-medium {
    width: 17px;
    height: 10px
  }
}

.badge-asset--ad.badge-asset--small {
  width: 17px;
  height: 10px
}

.badge-asset--us-g {
  width: 20px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-g.badge-asset--small-medium {
    width: 14px;
    height: 10px
  }
}

.badge-asset--us-g.badge-asset--small {
  width: 14px;
  height: 10px
}

.badge-asset--us-nc17 {
  width: 44px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-nc17.badge-asset--small-medium {
    width: 30px;
    height: 10px
  }
}

.badge-asset--us-nc17.badge-asset--small {
  width: 30px;
  height: 10px
}

.badge-asset--us-pg-13 {
  width: 44px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-pg-13.badge-asset--small-medium {
    width: 30px;
    height: 10px
  }
}

.badge-asset--us-pg-13.badge-asset--small {
  width: 30px;
  height: 10px
}

.badge-asset--us-pg {
  width: 30px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-pg.badge-asset--small-medium {
    width: 21px;
    height: 10px
  }
}

.badge-asset--us-pg.badge-asset--small {
  width: 21px;
  height: 10px
}

.badge-asset--us-r {
  width: 20px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-r.badge-asset--small-medium {
    width: 14px;
    height: 10px
  }
}

.badge-asset--us-r.badge-asset--small {
  width: 14px;
  height: 10px
}

.badge-asset--us-nr {
  width: 69px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-nr.badge-asset--small-medium {
    width: 46px;
    height: 10px
  }
}

.badge-asset--us-nr.badge-asset--small {
  width: 46px;
  height: 10px
}

.badge-asset--us-tv-14 {
  width: 39px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-14.badge-asset--small-medium {
    width: 26px;
    height: 10px
  }
}

.badge-asset--us-tv-14.badge-asset--small {
  width: 26px;
  height: 10px
}

.badge-asset--us-tv-g {
  width: 35px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-g.badge-asset--small-medium {
    width: 24px;
    height: 10px
  }
}

.badge-asset--us-tv-g.badge-asset--small {
  width: 24px;
  height: 10px
}

.badge-asset--us-tv-ma {
  width: 44px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-ma.badge-asset--small-medium {
    width: 30px;
    height: 10px
  }
}

.badge-asset--us-tv-ma.badge-asset--small {
  width: 30px;
  height: 10px
}

.badge-asset--us-tv-nr {
  width: 68px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-nr.badge-asset--small-medium {
    width: 46px;
    height: 10px
  }
}

.badge-asset--us-tv-nr.badge-asset--small {
  width: 46px;
  height: 10px
}

.badge-asset--us-tv-pg {
  width: 42px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-pg.badge-asset--small-medium {
    width: 28px;
    height: 10px
  }
}

.badge-asset--us-tv-pg.badge-asset--small {
  width: 28px;
  height: 10px
}

.badge-asset--us-tv-ur {
  width: 59px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-ur.badge-asset--small-medium {
    width: 40px;
    height: 10px
  }
}

.badge-asset--us-tv-ur.badge-asset--small {
  width: 40px;
  height: 10px
}

.badge-asset--us-tv-y {
  width: 34px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-y.badge-asset--small-medium {
    width: 23px;
    height: 10px
  }
}

.badge-asset--us-tv-y.badge-asset--small {
  width: 23px;
  height: 10px
}

.badge-asset--us-tv-y7 {
  width: 41px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-y7.badge-asset--small-medium {
    width: 28px;
    height: 10px
  }
}

.badge-asset--us-tv-y7.badge-asset--small {
  width: 28px;
  height: 10px
}

.badge-asset--us-tv-y7fv {
  width: 48px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-tv-y7fv.badge-asset--small-medium {
    width: 32px;
    height: 10px
  }
}

.badge-asset--us-tv-y7fv.badge-asset--small {
  width: 32px;
  height: 10px
}

.badge-asset--us-unrated {
  width: 59px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--us-unrated.badge-asset--small-medium {
    width: 40px;
    height: 10px
  }
}

.badge-asset--us-unrated.badge-asset--small {
  width: 40px;
  height: 10px
}

.badge-asset--gb-12 {
  width: 19px;
  height: 19px
}

@media only screen and (max-width:734px) {
  .badge-asset--gb-12.badge-asset--small-medium {
    width: 15px;
    height: 15px
  }
}

.badge-asset--gb-12.badge-asset--small {
  width: 15px;
  height: 15px
}

.badge-asset--gb-15 {
  width: 19px;
  height: 19px
}

@media only screen and (max-width:734px) {
  .badge-asset--gb-15.badge-asset--small-medium {
    width: 15px;
    height: 15px
  }
}

.badge-asset--gb-15.badge-asset--small {
  width: 15px;
  height: 15px
}

.badge-asset--gb-18 {
  width: 19px;
  height: 19px
}

@media only screen and (max-width:734px) {
  .badge-asset--gb-18.badge-asset--small-medium {
    width: 15px;
    height: 15px
  }
}

.badge-asset--gb-18.badge-asset--small {
  width: 15px;
  height: 15px
}

.badge-asset--gb-pg {
  width: 25.33px;
  height: 19px
}

@media only screen and (max-width:734px) {
  .badge-asset--gb-pg.badge-asset--small-medium {
    width: 15px;
    height: 15px
  }
}

.badge-asset--gb-pg.badge-asset--small {
  width: 15px;
  height: 15px
}

.badge-asset--gb-u {
  width: 25.33px;
  height: 19px
}

@media only screen and (max-width:734px) {
  .badge-asset--gb-u.badge-asset--small-medium {
    width: 22.5px;
    height: 15px
  }
}

.badge-asset--gb-u.badge-asset--small {
  width: 22.5px;
  height: 15px
}

.badge-asset--gb-unrated {
  width: 59px;
  height: 15px
}

@media only screen and (max-width:734px) {
  .badge-asset--gb-unrated.badge-asset--small-medium {
    width: 40px;
    height: 10px
  }
}

.badge-asset--gb-unrated.badge-asset--small {
  width: 40px;
  height: 10px
}

.badge-with-label {
  color: #333
}

.badge-with-label::before {
  content: "";
  background-size: 100%;
  margin-right: 3px
}

.badge-with-label--common-sense-age::before {
  width: 17px;
  height: 16px;
  background-image: url(/assets/css/uservideos/iconproduct/common_sense_media@2x-ba947a7e24841bcf89c8ceb8ad1e8740.svg);
  background-size: 17px 16px
}

.badge-with-label--rotten-tomatoes-rotten::before {
  width: 16px;
  height: 16px;
  background-image: url(/assets/css/uservideos/iconproduct/rottenTomatoesRotten@2x-98ec4a00ea3b3433cb7a1d7c002301ea.png)
}

.badge-with-label--rotten-tomatoes-fresh::before {
  width: 16px;
  height: 16px;
  background-image: url(/assets/css/uservideos/iconproduct/rottenTomatoesFresh@2x-954fdebfc87f0e82ba498c2de76a1a60.png)
}

.badge-with-label--rotten-tomatoes-certified-fresh::before {
  width: 16px;
  height: 16px;
  background-image: url(/assets/css/uservideos/iconproduct/rottenTomatoesCertified@2x-495b000fa56a535eaafd1b782dc3613d.png)
}

.badge-with-label--rotten-tomatoes-audience-fresh::before {
  width: 12px;
  height: 16px;
  background-image: url(/assets/css/uservideos/iconproduct/rottenTomatoesAudienceFresh@2x-126f48ab0930a47341ea99db01d593e7.png)
}

.badge-with-label--rotten-tomatoes-audience-rotten::before {
  width: 21px;
  height: 16px;
  background-image: url(/assets/css/uservideos/iconproduct/rottenTomatoesAudienceRotten@2x-d703c9bb4ccc877ca03ec8079db9d606.png)
}

.icon-clean-large::after,
.icon-clean-large::before,
.icon-clean::after,
.icon-clean::before,
.icon-explicit-large::after,
.icon-explicit-large::before,
.icon-explicit::after,
.icon-explicit::before {
  color: #636366
}

html[dir=rtl] .icon-review-quote::after,
html[dir=rtl] .icon-review-quote::before {
  content: ""
}

.inline-player {
  position: relative;
  z-index: 1
}

.is-deep-linked .inline-player {
  color: #0070c9
}

.is-music-theme .is-deep-linked .inline-player {
  color: #e50914
}

.is-itunes-theme .is-deep-linked .inline-player {
  color: #0070c9
}

.is-tv-theme .is-deep-linked .inline-player {
  color: #0f6ea1
}

.is-mac-theme .is-deep-linked .inline-player {
  color: #0070c9
}

.is-podcasts-theme .is-deep-linked .inline-player {
  color: #7d50df
}

.is-apps-theme .is-deep-linked .inline-player {
  color: #0070c9
}

.is-deep-linked .is-now-playing .inline-player,
.is-deep-linked.is-now-playing .inline-player,
.is-now-playing .inline-player,
.we-selectable-item--allows-interaction:focus .inline-player,
.we-selectable-item--allows-interaction:hover .inline-player {
  color: transparent
}

.inline-player--work {
  width: 100%;
  min-height: 26px;
  position: relative;
  z-index: 1
}

.inline-player__background {
  fill: #efeff4
}

.is-loading .inline-player__background,
.is-now-playing .inline-player__background,
.is-playing .inline-player__background {
  display: none
}

.invoice {
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
  padding-bottom: 7vh
}

.invoice__title {
  margin-bottom: 1em;
  font-size: 26px;
  line-height: 1.23077;
  font-weight: 700;
  letter-spacing: .023em;
}

@media only screen and (min-width:735px) {
  .invoice__title {
    font-size: 37px;
    line-height: 1.16224;
    font-weight: 700;
    letter-spacing: -.008em;
    padding-left: .5em
  }
}

.invoice__instructions {
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.radial-progress {
  position: absolute;
  top: 50%;
  transform-origin: center;
  display: none
}

.bordered-list__control:focus .radial-progress,
.bordered-list__control:hover .radial-progress,
.is-now-playing .radial-progress,
.radial-progress.is-spinning,
.table__row__control:focus .radial-progress,
.table__row__control:hover .radial-progress,
.we-audio-controls--small-player .radial-progress,
.we-selectable-item--allows-interaction:focus .radial-progress,
.we-selectable-item--allows-interaction:hover .radial-progress {
  display: block
}

.radial-progress path,
.radial-progress rect {
  fill: #0070c9
}

.is-music-theme .radial-progress path,
.is-music-theme .radial-progress rect {
  fill: #e50914
}

.is-itunes-theme .radial-progress path,
.is-itunes-theme .radial-progress rect {
  fill: #0070c9
}

.is-tv-theme .radial-progress path,
.is-tv-theme .radial-progress rect {
  fill: #0f6ea1
}

.is-mac-theme .radial-progress path,
.is-mac-theme .radial-progress rect {
  fill: #0070c9
}

.is-podcasts-theme .radial-progress path,
.is-podcasts-theme .radial-progress rect {
  fill: #7d50df
}

.is-apps-theme .radial-progress path,
.is-apps-theme .radial-progress rect {
  fill: #0070c9
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  html[dir=rtl] .radial-progress {
    right: auto;
    left: 50%
  }
}

@supports (-ms-ime-align:auto) {
  html[dir=rtl] .radial-progress {
    right: auto;
    left: 50%
  }
}

.inline-player--work .radial-progress {
  transform: translate(0, -50%);
  left: -5px
}

.radial-progress--small-player {
  position: static;
  transform: none
}

.radial-progress__indicator {
  transition: stroke-dashoffset .3s linear;
  stroke: #0070c9
}

.is-music-theme .radial-progress__indicator {
  stroke: #e50914
}

.is-itunes-theme .radial-progress__indicator {
  stroke: #0070c9
}

.is-tv-theme .radial-progress__indicator {
  stroke: #0f6ea1
}

.is-mac-theme .radial-progress__indicator {
  stroke: #0070c9
}

.is-podcasts-theme .radial-progress__indicator {
  stroke: #7d50df
}

.is-apps-theme .radial-progress__indicator {
  stroke: #0070c9
}

.radial-progress__spinner {
  transform-origin: 50% 50%;
  stroke: #0070c9
}

.radial-progress__spinner.is-spinning {
  -webkit-animation: loading-spinner 1s linear infinite;
  animation: loading-spinner 1s linear infinite
}

.is-music-theme .radial-progress__spinner {
  stroke: #e50914
}

.is-itunes-theme .radial-progress__spinner {
  stroke: #0070c9
}

.is-tv-theme .radial-progress__spinner {
  stroke: #0f6ea1
}

.is-mac-theme .radial-progress__spinner {
  stroke: #0070c9
}

.is-podcasts-theme .radial-progress__spinner {
  stroke: #7d50df
}

.is-apps-theme .radial-progress__spinner {
  stroke: #0070c9
}

.radial-progress--small-player .radial-progress__background-circle,
.table__row__track .radial-progress__background-circle {
  display: none
}

@-webkit-keyframes loading-spinner {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes loading-spinner {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.radial-progress__pause-icon {
  opacity: 0
}

.bordered-list__control:focus .radial-progress__pause-icon,
.bordered-list__control:hover .radial-progress__pause-icon,
.table__row__control:focus .radial-progress__pause-icon,
.table__row__control:hover .radial-progress__pause-icon,
.we-audio-controls--small-player .radial-progress__pause-icon,
.we-selectable-item--allows-interaction:focus .radial-progress__pause-icon,
.we-selectable-item--allows-interaction:hover .radial-progress__pause-icon {
  opacity: 1
}

.radial-progress__eq-bars {
  height: 11px;
  width: 17px;
  position: absolute;
  top: 50%;
  display: flex;
  align-items: baseline;
  justify-content: center;
  transform: translate(-50%, -50%);
  opacity: 1;
  left: 50%;
  z-index: 1
}

.bordered-list__control:focus .radial-progress__eq-bars,
.bordered-list__control:hover .radial-progress__eq-bars,
.table__row__control:focus .radial-progress__eq-bars,
.table__row__control:hover .radial-progress__eq-bars,
.we-selectable-item--allows-interaction:focus .radial-progress__eq-bars,
.we-selectable-item--allows-interaction:hover .radial-progress__eq-bars {
  opacity: 0
}

.radial-progress__eq-bars__bar {
  margin: 0 .5px;
  width: 3px;
  height: 11px;
  border-radius: 1px;
  -webkit-animation-name: eq-bar;
  animation-name: eq-bar;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  transform-origin: center bottom;
  background-color: #0070c9
}

.is-music-theme .radial-progress__eq-bars__bar {
  background-color: #e50914
}

.is-itunes-theme .radial-progress__eq-bars__bar {
  background-color: #0070c9
}

.is-tv-theme .radial-progress__eq-bars__bar {
  background-color: #0f6ea1
}

.is-mac-theme .radial-progress__eq-bars__bar {
  background-color: #0070c9
}

.is-podcasts-theme .radial-progress__eq-bars__bar {
  background-color: #7d50df
}

.is-apps-theme .radial-progress__eq-bars__bar {
  background-color: #0070c9
}

.radial-progress__eq-bars__bar:nth-child(1) {
  max-height: 7px;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
  -webkit-animation-delay: -250ms;
  animation-delay: -250ms;
  content: "2"
}

.bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(1),
.table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(1),
.we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(1) {
  max-height: 9px;
  -webkit-animation-duration: 425ms;
  animation-duration: 425ms;
  -webkit-animation-delay: -275ms;
  animation-delay: -275ms;
  content: "3"
}

.bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(1),
.table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(1),
.we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(1) {
  max-height: 11px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s;
  content: "4"
}

.bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(1),
.table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(1),
.we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(1) {
  max-height: 5px;
  -webkit-animation-duration: 275ms;
  animation-duration: 275ms;
  -webkit-animation-delay: -225ms;
  animation-delay: -225ms;
  content: "1"
}

.radial-progress__eq-bars__bar:nth-child(2) {
  max-height: 9px;
  -webkit-animation-duration: 425ms;
  animation-duration: 425ms;
  -webkit-animation-delay: -275ms;
  animation-delay: -275ms;
  content: "3"
}

.bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(2),
.table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(2),
.we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(2) {
  max-height: 11px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s;
  content: "4"
}

.bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(2),
.table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(2),
.we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(2) {
  max-height: 5px;
  -webkit-animation-duration: 275ms;
  animation-duration: 275ms;
  -webkit-animation-delay: -225ms;
  animation-delay: -225ms;
  content: "1"
}

.bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(2),
.table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(2),
.we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(2) {
  max-height: 7px;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
  -webkit-animation-delay: -250ms;
  animation-delay: -250ms;
  content: "2"
}

.radial-progress__eq-bars__bar:nth-child(3) {
  max-height: 11px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s;
  content: "4"
}

.bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(3),
.table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(3),
.we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(3) {
  max-height: 5px;
  -webkit-animation-duration: 275ms;
  animation-duration: 275ms;
  -webkit-animation-delay: -225ms;
  animation-delay: -225ms;
  content: "1"
}

.bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(3),
.table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(3),
.we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(3) {
  max-height: 7px;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
  -webkit-animation-delay: -250ms;
  animation-delay: -250ms;
  content: "2"
}

.bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(3),
.table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(3),
.we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(3) {
  max-height: 9px;
  -webkit-animation-duration: 425ms;
  animation-duration: 425ms;
  -webkit-animation-delay: -275ms;
  animation-delay: -275ms;
  content: "3"
}

.radial-progress__eq-bars__bar:nth-child(4) {
  max-height: 5px;
  -webkit-animation-duration: 275ms;
  animation-duration: 275ms;
  -webkit-animation-delay: -225ms;
  animation-delay: -225ms;
  content: "1"
}

.bordered-list__item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(4),
.table__row:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(4),
.we-selectable-item:nth-child(4n+2) .radial-progress__eq-bars__bar:nth-child(4) {
  max-height: 7px;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
  -webkit-animation-delay: -250ms;
  animation-delay: -250ms;
  content: "2"
}

.bordered-list__item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(4),
.table__row:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(4),
.we-selectable-item:nth-child(4n+3) .radial-progress__eq-bars__bar:nth-child(4) {
  max-height: 9px;
  -webkit-animation-duration: 425ms;
  animation-duration: 425ms;
  -webkit-animation-delay: -275ms;
  animation-delay: -275ms;
  content: "3"
}

.bordered-list__item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(4),
.table__row:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(4),
.we-selectable-item:nth-child(4n+4) .radial-progress__eq-bars__bar:nth-child(4) {
  max-height: 11px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s;
  content: "4"
}

@-webkit-keyframes eq-bar {
  0% {
    transform: scaleY(.27273)
  }

  100% {
    transform: none
  }
}

@keyframes eq-bar {
  0% {
    transform: scaleY(.27273)
  }

  100% {
    transform: none
  }
}

.cast-list {
  margin-bottom: -24px
}

.cast-list__role {
  padding-bottom: 24px
}

.cast-list__detail,
.cast-list__term {
  padding-top: 1px;
  padding-bottom: 1px
}

.cast-list__term {
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

.cast-list__detail {
  color: #636366;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.inline-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.inline-list>:first-child {
  margin-left: 0
}

.inline-list:last-of-type>:last-child {
  margin-right: 0
}

.inline-list.small-hide {
  display: none
}

.inline-list.small-show {
  display: flex
}

@media only screen and (min-width:735px) {
  .inline-list.medium-hide {
    display: none
  }

  .inline-list.medium-show {
    display: flex
  }
}

@media only screen and (min-width:1069px) {
  .inline-list.large-hide {
    display: none
  }

  .inline-list.large-show {
    display: flex
  }
}

.inline-list__item--bulleted,
.inline-list__item--slashed {
  display: inline-flex
}

.inline-list--mobile-compact {
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

@media only screen and (min-width:735px) {
  .inline-list--mobile-compact {
    font-size: 12px;
    line-height: 1.38462;
    font-weight: 400;
    letter-spacing: -.005em;
  }

  .columned-list {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px
  }
}

.inline-list--truncate-single-line {
  flex-wrap: nowrap;
  overflow: hidden
}

.inline-list--buy-rent {
  margin-bottom: 5px
}

.inline-list__item {
  white-space: nowrap
}

.inline-list--truncate-single-line .inline-list__item:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.inline-list__item--bulleted:not(:first-of-type)::before {
  z-index: 1;
  content: " · ";
  content: " · "/"";
  -webkit-alt: "";
  alt: ""
}

.inline-list__item--slashed:not(:first-of-type)::before {
  z-index: 1;
  content: " / ";
  content: " / "/"";
  -webkit-alt: "";
  alt: ""
}

html[dir=rtl] .inline-list__item--slashed:not(:first-of-type)::before {
  transform: scaleX(-1)
}

.inline-list__item--reduced {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.inline-list__item--margin-inline-start-small {
  margin-left: 4px
}

.inline-list__item--margin-inline-end-small {
  margin-right: 4px
}

.inline-list__item--margin-inline-start-large {
  margin-left: 20px
}

.inline-list__item--margin-inline-end-large {
  margin-right: 20px
}

.inline-list__item--margin-inline-end-rating {
  margin-right: 12px
}

.inline-list__item--preorder-media {
  color: #c04000
}

.inline-list__item--preorder-media::after,
.inline-list__item--preorder-media::before {
  color: #636366
}

.inline-list__item--button {
  margin-right: 2px
}

.inline-list--app-extensions {
  justify-content: center
}

.section--information .inline-list--app-extensions {
  margin-top: 16px
}

.link-list__item {
  margin-bottom: 3px
}

.link-list__item--a {
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 400;
  letter-spacing: .027em;
}

@media only screen and (max-width:734px) {
  .inline-list__item--badge-with-label {
    position: relative;
    top: 3px;
    z-index: 1
  }

  .link-list--small-bordered .link-list__item {
    margin-bottom: 0;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #d6d6d6
  }

  .link-list--small-bordered a,
  .link-list--small-bordered button {
    margin-top: -17px;
    margin-bottom: -17px;
    padding-top: 17px;
    padding-bottom: 17px;
    width: 100%;
    display: block
  }

  .link-list--a .link-list__item {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6
  }

  .link-list--a a,
  .link-list--a button {
    margin-top: -10px;
    margin-bottom: -10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    display: block
  }
}

.bordered-list__item {
  width: 100%;
  display: block;
  min-height: 51px;
  position: relative;
  z-index: 1
}

.bordered-list__copy {
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.bordered-list__copy--content-start {
  align-items: flex-start
}

.bordered-list--with-artwork .bordered-list__item {
  display: inline-block
}

.bordered-list--with-artwork .bordered-list__item__link-to {
  display: flex
}

.bordered-list--with-artwork .bordered-list__artwork {
  margin-top: 3px
}

.bordered-list--with-artwork .bordered-list__copy {
  padding-top: 2px;
  width: calc(100% - 59px);
  margin-left: 10px
}

.list-with-numbers--story .list-with-numbers__item+.list-with-numbers__item::before,
.list-without-numbers--story .list-without-numbers__item+.list-without-numbers__item::before {
  padding-top: 19px
}

.bordered-list__control {
  width: 45px;
  height: 45px;
  box-sizing: content-box;
  position: absolute;
  top: 3px;
  cursor: pointer;
  z-index: 2
}

.bordered-list__control__icon {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  text-align: center;
  opacity: 0;
  transition: opacity .15s ease-in-out
}

.is-loading .bordered-list__control__icon,
.is-playing .bordered-list__control__icon {
  background-color: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .bordered-list__control__icon {
    border-radius: 0
  }
}

@supports (-ms-ime-align:auto) {
  .bordered-list__control__icon {
    border-radius: 0
  }
}

.bordered-list__control__icon:focus,
.bordered-list__control__icon:hover,
.is-now-playing .bordered-list__control__icon {
  opacity: 1
}

.bordered-list__title {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.bordered-list__subtitle {
  margin-top: 1px;
  max-width: 100%;
  color: #636366;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.bordered-list__subtitle__date::before {
  content: '\ \00B7\ ';
  display: inline
}

.columned-list__item {
  display: block
}

.columned-list__item__right {
  float: right
}

.list-with-numbers {
  --item-count-start: 0;
  width: 100%;
  display: table;
  list-style-type: none;
  counter-reset: listWithNumbersCounter var(--item-count-start)
}

.list-with-numbers--reversed {
  counter-reset: listWithNumbersCounter calc(var(--item-count-start) + 1)
}

.list-with-numbers--reversed .list-with-numbers__item {
  counter-increment: listWithNumbersCounter -1
}

.list-with-numbers__item {
  display: table-row;
  counter-increment: listWithNumbersCounter
}

.list-with-numbers__item::before {
  display: table-cell;
  content: counter(listWithNumbersCounter) ".";
  padding-right: 6px
}

.list-with-numbers--story .list-with-numbers__item::before {
  width: 40px;
  color: #000;
  content: counter(listWithNumbersCounter);
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

.list-with-numbers__item .list-with-numbers--no-decimal {
  content: counter(listWithNumbersCounter)
}

.list-with-numbers__item__title {
  width: 100%;
  max-width: 1px;
  display: table-cell
}

.list-with-numbers__item__price {
  text-align: right;
  white-space: nowrap;
  padding-left: 6px
}

.list-without-numbers {
  width: 100%;
  display: table;
  list-style-type: none
}

.list-without-numbers__item {
  display: table-row
}

.list-without-numbers__item::before {
  display: table-cell;
  content: "\2022";
  padding-right: 6px
}

.list-without-numbers--story .list-without-numbers__item::before {
  width: 40px;
  color: #000;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

.gallery-nav {
  margin-bottom: 10px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.gallery-nav::-webkit-scrollbar {
  display: none
}

.gallery-nav__items {
  padding: 4px;
  display: inline-block;
  margin: 0;
  list-style: none;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.gallery-nav__item {
  line-height: 21px;
  display: inline-block;
  margin-right: 14px
}

.gallery-nav__item:first-child {
  margin-left: 0
}

.gallery-nav__item:last-child {
  margin-right: 0
}

.gallery-nav__item a,
.gallery-nav__item button {
  display: inline-block;
  border-bottom: 2px solid rgba(0, 112, 201, 0);
  text-decoration: none;
  transition: border-bottom-color .15s ease-in-out
}

.gallery-nav__item a.is-active,
.gallery-nav__item button.is-active {
  border-bottom-color: #0070c9;
  cursor: default
}

.table__head,
.table__row {
  border-bottom: 1px solid #d6d6d6
}

.table {
  width: 100%
}

.table__head {
  color: #636366
}

@media only screen and (max-width:734px) {
  .table__head {
    -webkit-clip-path: inset(100% 0 -1px 0);
    clip-path: inset(100% 0 -1px 0)
  }

  .table__head th {
    color: transparent
  }
}

.table__head__heading {
  padding: 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

@media only screen and (min-width:735px) {
  .table {
    margin-bottom: 15px;
    width: calc(100% - 12px);
    margin-left: 12px
  }

  .table--see-all .table__head__heading {
    line-height: 30px
  }
}

.table__head__heading:nth-last-child(-n+1) {
  text-align: right
}

.table__head__heading--title {
  width: 100%;
  text-align: left
}

.table__head__heading--duration {
  padding-left: 10px
}

@media only screen and (min-width:735px) {
  .table__head__heading--duration {
    padding-left: 22px
  }
}

@media only screen and (min-width:1069px) {
  .columned-list {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 19px;
    column-gap: 19px
  }

  .table__head {
    border-top: 1px solid #d6d6d6
  }

  .table--artwork .table__head {
    border-top: hidden;
    -webkit-clip-path: inset(100% 0 -1px 0);
    clip-path: inset(100% 0 -1px 0)
  }

  .table--artwork .table__head th {
    color: transparent
  }

  .table__head__heading {
    line-height: 30px
  }

  .table__head--songlist .table__head__heading {
    line-height: 0
  }

  .table__head__heading--duration {
    padding-left: 28px
  }
}

.table__head__heading--duration+.table__head__heading--price {
  padding-left: 10px
}

@media only screen and (min-width:735px) {
  .table__head__heading--duration+.table__head__heading--price {
    padding-left: 22px
  }
}

@media only screen and (min-width:1069px) {
  .table__head__heading--duration+.table__head__heading--price {
    padding-left: 28px
  }
}

.table__head--songlist {
  border-top: none;
  -webkit-clip-path: inset(100% 0 -1px 0);
  clip-path: inset(100% 0 -1px 0)
}

.table__head--songlist .table__head__heading {
  line-height: 0
}

.table__head--songlist th {
  padding: 1px 0 0;
  color: transparent
}

.table__row {
  color: #636366;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.table__body--work,
.table__body--work .table__row,
.table__row.we-selectable-item--allows-interaction {
  vertical-align: baseline
}

.table__body--work .table__row.is-deep-linked,
.table__body--work .table__row.is-now-playing,
.table__body--work .table__row:focus,
.table__body--work .table__row:hover,
.table__body--work.is-deep-linked,
.table__body--work.is-now-playing,
.table__body--work:focus,
.table__body--work:hover,
.table__row.we-selectable-item--allows-interaction.is-deep-linked,
.table__row.we-selectable-item--allows-interaction.is-now-playing,
.table__row.we-selectable-item--allows-interaction:focus,
.table__row.we-selectable-item--allows-interaction:hover {
  border-top: none
}

.table__body--work .table__row.is-deep-linked td,
.table__body--work .table__row.is-now-playing td,
.table__body--work .table__row:focus td,
.table__body--work .table__row:hover td,
.table__body--work.is-deep-linked td,
.table__body--work.is-now-playing td,
.table__body--work:focus td,
.table__body--work:hover td,
.table__row.we-selectable-item--allows-interaction.is-deep-linked td,
.table__row.we-selectable-item--allows-interaction.is-now-playing td,
.table__row.we-selectable-item--allows-interaction:focus td,
.table__row.we-selectable-item--allows-interaction:hover td {
  border-collapse: separate
}

.table__body--work .table__row.is-deep-linked,
.table__body--work .table__row.is-now-playing,
.table__body--work.is-deep-linked,
.table__body--work.is-now-playing,
.table__row.we-selectable-item--allows-interaction.is-deep-linked,
.table__row.we-selectable-item--allows-interaction.is-now-playing {
  background-color: #f2f8fc
}

.is-music-theme .table__body--work .table__row.is-deep-linked,
.is-music-theme .table__body--work .table__row.is-now-playing,
.is-music-theme .table__body--work.is-deep-linked,
.is-music-theme .table__body--work.is-now-playing,
.is-music-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked,
.is-music-theme .table__row.we-selectable-item--allows-interaction.is-now-playing {
  background-color: #fef6f8
}

.is-apps-theme .table__body--work .table__row.is-deep-linked,
.is-apps-theme .table__body--work .table__row.is-now-playing,
.is-apps-theme .table__body--work.is-deep-linked,
.is-apps-theme .table__body--work.is-now-playing,
.is-apps-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked,
.is-apps-theme .table__row.we-selectable-item--allows-interaction.is-now-playing,
.is-itunes-theme .table__body--work .table__row.is-deep-linked,
.is-itunes-theme .table__body--work .table__row.is-now-playing,
.is-itunes-theme .table__body--work.is-deep-linked,
.is-itunes-theme .table__body--work.is-now-playing,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing,
.is-mac-theme .table__body--work .table__row.is-deep-linked,
.is-mac-theme .table__body--work .table__row.is-now-playing,
.is-mac-theme .table__body--work.is-deep-linked,
.is-mac-theme .table__body--work.is-now-playing,
.is-mac-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked,
.is-mac-theme .table__row.we-selectable-item--allows-interaction.is-now-playing {
  background-color: #f2f8fc
}

.is-itunes-theme .table__body--work .table__row:focus,
.is-itunes-theme .table__body--work .table__row:hover,
.is-itunes-theme .table__body--work:focus,
.is-itunes-theme .table__body--work:focus tr,
.is-itunes-theme .table__body--work:hover,
.is-itunes-theme .table__body--work:hover tr,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover,
.is-music-theme .table__body--work .table__row:focus,
.is-music-theme .table__body--work .table__row:hover,
.is-music-theme .table__body--work:focus,
.is-music-theme .table__body--work:focus tr,
.is-music-theme .table__body--work:hover,
.is-music-theme .table__body--work:hover tr,
.is-music-theme .table__row.we-selectable-item--allows-interaction:focus,
.is-music-theme .table__row.we-selectable-item--allows-interaction:hover {
  background-color: #f8f8f8
}

.is-music-theme .table__body--work .table__row.is-deep-linked td:first-child,
.is-music-theme .table__body--work .table__row.is-now-playing td:first-child,
.is-music-theme .table__body--work.is-deep-linked td:first-child,
.is-music-theme .table__body--work.is-now-playing td:first-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: -12px 0 0 0 #fef6f8
}

.is-itunes-theme .table__body--work .table__row.is-deep-linked td:first-child,
.is-itunes-theme .table__body--work .table__row.is-now-playing td:first-child,
.is-itunes-theme .table__body--work.is-deep-linked td:first-child,
.is-itunes-theme .table__body--work.is-now-playing td:first-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: -12px 0 0 0 #f2f8fc
}

html[dir=rtl] .is-music-theme .table__body--work .table__row.is-deep-linked td:first-child,
html[dir=rtl] .is-music-theme .table__body--work .table__row.is-now-playing td:first-child,
html[dir=rtl] .is-music-theme .table__body--work.is-deep-linked td:first-child,
html[dir=rtl] .is-music-theme .table__body--work.is-now-playing td:first-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: 12px 0 0 0 #fef6f8
}

html[dir=rtl] .is-itunes-theme .table__body--work .table__row.is-deep-linked td:first-child,
html[dir=rtl] .is-itunes-theme .table__body--work .table__row.is-now-playing td:first-child,
html[dir=rtl] .is-itunes-theme .table__body--work.is-deep-linked td:first-child,
html[dir=rtl] .is-itunes-theme .table__body--work.is-now-playing td:first-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: 12px 0 0 0 #f2f8fc
}

.is-music-theme .table--see-all .table__body--work .table__row.is-deep-linked td:first-child,
.is-music-theme .table--see-all .table__body--work .table__row.is-now-playing td:first-child,
.is-music-theme .table--see-all .table__body--work.is-deep-linked td:first-child,
.is-music-theme .table--see-all .table__body--work.is-now-playing td:first-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: -4px 0 0 0 #fef6f8
}

.is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:first-child,
.is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:first-child,
.is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:first-child,
.is-itunes-theme .table--see-all .table__body--work.is-now-playing td:first-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: -4px 0 0 0 #f2f8fc
}

html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row.is-deep-linked td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row.is-now-playing td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work.is-deep-linked td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work.is-now-playing td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: 4px 0 0 0 #fef6f8
}

html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work.is-now-playing td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:first-child {
  box-shadow: 4px 0 0 0 #f2f8fc
}

.is-music-theme .table__body--work .table__row.is-deep-linked td:last-child,
.is-music-theme .table__body--work .table__row.is-now-playing td:last-child,
.is-music-theme .table__body--work.is-deep-linked td:last-child,
.is-music-theme .table__body--work.is-now-playing td:last-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: 12px 0 0 0 #fef6f8
}

.is-itunes-theme .table__body--work .table__row.is-deep-linked td:last-child,
.is-itunes-theme .table__body--work .table__row.is-now-playing td:last-child,
.is-itunes-theme .table__body--work.is-deep-linked td:last-child,
.is-itunes-theme .table__body--work.is-now-playing td:last-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: 12px 0 0 0 #f2f8fc
}

html[dir=rtl] .is-music-theme .table__body--work .table__row.is-deep-linked td:last-child,
html[dir=rtl] .is-music-theme .table__body--work .table__row.is-now-playing td:last-child,
html[dir=rtl] .is-music-theme .table__body--work.is-deep-linked td:last-child,
html[dir=rtl] .is-music-theme .table__body--work.is-now-playing td:last-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: -12px 0 0 0 #fef6f8
}

html[dir=rtl] .is-itunes-theme .table__body--work .table__row.is-deep-linked td:last-child,
html[dir=rtl] .is-itunes-theme .table__body--work .table__row.is-now-playing td:last-child,
html[dir=rtl] .is-itunes-theme .table__body--work.is-deep-linked td:last-child,
html[dir=rtl] .is-itunes-theme .table__body--work.is-now-playing td:last-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: -12px 0 0 0 #f2f8fc
}

.is-music-theme .table--see-all .table__body--work .table__row.is-deep-linked td:last-child,
.is-music-theme .table--see-all .table__body--work .table__row.is-now-playing td:last-child,
.is-music-theme .table--see-all .table__body--work.is-deep-linked td:last-child,
.is-music-theme .table--see-all .table__body--work.is-now-playing td:last-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: 4px 0 0 0 #fef6f8
}

.is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:last-child,
.is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:last-child,
.is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:last-child,
.is-itunes-theme .table--see-all .table__body--work.is-now-playing td:last-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: 4px 0 0 0 #f2f8fc
}

html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row.is-deep-linked td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row.is-now-playing td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work.is-deep-linked td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work.is-now-playing td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: -4px 0 0 0 #fef6f8
}

html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row.is-deep-linked td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row.is-now-playing td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work.is-deep-linked td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work.is-now-playing td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-deep-linked td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction.is-now-playing td:last-child {
  box-shadow: -4px 0 0 0 #f2f8fc
}

.is-itunes-theme .table__body--work .table__row:focus td:first-child,
.is-itunes-theme .table__body--work .table__row:hover td:first-child,
.is-itunes-theme .table__body--work:focus td:first-child,
.is-itunes-theme .table__body--work:hover td:first-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:first-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:first-child,
.is-music-theme .table__body--work .table__row:focus td:first-child,
.is-music-theme .table__body--work .table__row:hover td:first-child,
.is-music-theme .table__body--work:focus td:first-child,
.is-music-theme .table__body--work:hover td:first-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction:focus td:first-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction:hover td:first-child {
  box-shadow: -12px 0 0 0 #f8f8f8
}

html[dir=rtl] .is-itunes-theme .table__body--work .table__row:focus td:first-child,
html[dir=rtl] .is-itunes-theme .table__body--work .table__row:hover td:first-child,
html[dir=rtl] .is-itunes-theme .table__body--work:focus td:first-child,
html[dir=rtl] .is-itunes-theme .table__body--work:hover td:first-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:first-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:first-child,
html[dir=rtl] .is-music-theme .table__body--work .table__row:focus td:first-child,
html[dir=rtl] .is-music-theme .table__body--work .table__row:hover td:first-child,
html[dir=rtl] .is-music-theme .table__body--work:focus td:first-child,
html[dir=rtl] .is-music-theme .table__body--work:hover td:first-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction:focus td:first-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction:hover td:first-child {
  box-shadow: 12px 0 0 0 #f8f8f8
}

.is-itunes-theme .table--see-all .table__body--work .table__row:focus td:first-child,
.is-itunes-theme .table--see-all .table__body--work .table__row:hover td:first-child,
.is-itunes-theme .table--see-all .table__body--work:focus td:first-child,
.is-itunes-theme .table--see-all .table__body--work:hover td:first-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:first-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:first-child,
.is-music-theme .table--see-all .table__body--work .table__row:focus td:first-child,
.is-music-theme .table--see-all .table__body--work .table__row:hover td:first-child,
.is-music-theme .table--see-all .table__body--work:focus td:first-child,
.is-music-theme .table--see-all .table__body--work:hover td:first-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:first-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:first-child {
  box-shadow: -4px 0 0 0 #f8f8f8
}

html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row:focus td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row:hover td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work:focus td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work:hover td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:first-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row:focus td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row:hover td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work:focus td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work:hover td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:first-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:first-child {
  box-shadow: 4px 0 0 0 #f8f8f8
}

.is-itunes-theme .table__body--work .table__row:focus td:last-child,
.is-itunes-theme .table__body--work .table__row:hover td:last-child,
.is-itunes-theme .table__body--work:focus td:last-child,
.is-itunes-theme .table__body--work:hover td:last-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:last-child,
.is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:last-child,
.is-music-theme .table__body--work .table__row:focus td:last-child,
.is-music-theme .table__body--work .table__row:hover td:last-child,
.is-music-theme .table__body--work:focus td:last-child,
.is-music-theme .table__body--work:hover td:last-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction:focus td:last-child,
.is-music-theme .table__row.we-selectable-item--allows-interaction:hover td:last-child {
  box-shadow: 12px 0 0 0 #f8f8f8
}

html[dir=rtl] .is-itunes-theme .table__body--work .table__row:focus td:last-child,
html[dir=rtl] .is-itunes-theme .table__body--work .table__row:hover td:last-child,
html[dir=rtl] .is-itunes-theme .table__body--work:focus td:last-child,
html[dir=rtl] .is-itunes-theme .table__body--work:hover td:last-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:focus td:last-child,
html[dir=rtl] .is-itunes-theme .table__row.we-selectable-item--allows-interaction:hover td:last-child,
html[dir=rtl] .is-music-theme .table__body--work .table__row:focus td:last-child,
html[dir=rtl] .is-music-theme .table__body--work .table__row:hover td:last-child,
html[dir=rtl] .is-music-theme .table__body--work:focus td:last-child,
html[dir=rtl] .is-music-theme .table__body--work:hover td:last-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction:focus td:last-child,
html[dir=rtl] .is-music-theme .table__row.we-selectable-item--allows-interaction:hover td:last-child {
  box-shadow: -12px 0 0 0 #f8f8f8
}

.is-itunes-theme .table--see-all .table__body--work .table__row:focus td:last-child,
.is-itunes-theme .table--see-all .table__body--work .table__row:hover td:last-child,
.is-itunes-theme .table--see-all .table__body--work:focus td:last-child,
.is-itunes-theme .table--see-all .table__body--work:hover td:last-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:last-child,
.is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:last-child,
.is-music-theme .table--see-all .table__body--work .table__row:focus td:last-child,
.is-music-theme .table--see-all .table__body--work .table__row:hover td:last-child,
.is-music-theme .table--see-all .table__body--work:focus td:last-child,
.is-music-theme .table--see-all .table__body--work:hover td:last-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:last-child,
.is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:last-child {
  box-shadow: 4px 0 0 0 #f8f8f8
}

html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row:focus td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work .table__row:hover td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work:focus td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__body--work:hover td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:last-child,
html[dir=rtl] .is-itunes-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row:focus td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work .table__row:hover td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work:focus td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__body--work:hover td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:focus td:last-child,
html[dir=rtl] .is-music-theme .table--see-all .table__row.we-selectable-item--allows-interaction:hover td:last-child {
  box-shadow: -4px 0 0 0 #f8f8f8
}

.table__body--work.is-deep-linked,
.table__body--work.is-now-playing,
.table__body--work:focus,
.table__body--work:hover {
  border-top: 1px double transparent
}

.table__body--work.is-deep-linked tr:first-of-type td:first-child,
.table__body--work.is-now-playing tr:first-of-type td:first-child,
.table__body--work:focus tr:first-of-type td:first-child,
.table__body--work:hover tr:first-of-type td:first-child {
  border-radius: 6px 0 0
}

.table__body--work.is-deep-linked tr:first-of-type td:last-child,
.table__body--work.is-now-playing tr:first-of-type td:last-child,
.table__body--work:focus tr:first-of-type td:last-child,
.table__body--work:hover tr:first-of-type td:last-child,
html[dir=rtl] .table__body--work.is-deep-linked tr:first-of-type td:first-child,
html[dir=rtl] .table__body--work.is-now-playing tr:first-of-type td:first-child,
html[dir=rtl] .table__body--work:focus tr:first-of-type td:first-child,
html[dir=rtl] .table__body--work:hover tr:first-of-type td:first-child {
  border-radius: 0 6px 0 0
}

html[dir=rtl] .table__body--work.is-deep-linked tr:first-of-type td:last-child,
html[dir=rtl] .table__body--work.is-now-playing tr:first-of-type td:last-child,
html[dir=rtl] .table__body--work:focus tr:first-of-type td:last-child,
html[dir=rtl] .table__body--work:hover tr:first-of-type td:last-child {
  border-radius: 6px 0 0
}

.table__body--work.is-deep-linked tr:last-of-type,
.table__body--work.is-now-playing tr:last-of-type,
.table__body--work:focus tr:last-of-type,
.table__body--work:hover tr:last-of-type {
  border-bottom: 1px solid transparent
}

.table__body--work.is-deep-linked tr:last-of-type td:first-child,
.table__body--work.is-now-playing tr:last-of-type td:first-child,
.table__body--work:focus tr:last-of-type td:first-child,
.table__body--work:hover tr:last-of-type td:first-child {
  border-radius: 0 0 0 6px
}

.table__body--work.is-deep-linked tr:last-of-type td:last-child,
.table__body--work.is-now-playing tr:last-of-type td:last-child,
.table__body--work:focus tr:last-of-type td:last-child,
.table__body--work:hover tr:last-of-type td:last-child,
html[dir=rtl] .table__body--work.is-deep-linked tr:last-of-type td:first-child,
html[dir=rtl] .table__body--work.is-now-playing tr:last-of-type td:first-child,
html[dir=rtl] .table__body--work:focus tr:last-of-type td:first-child,
html[dir=rtl] .table__body--work:hover tr:last-of-type td:first-child {
  border-radius: 0 0 6px
}

html[dir=rtl] .table__body--work.is-deep-linked tr:last-of-type td:last-child,
html[dir=rtl] .table__body--work.is-now-playing tr:last-of-type td:last-child,
html[dir=rtl] .table__body--work:focus tr:last-of-type td:last-child,
html[dir=rtl] .table__body--work:hover tr:last-of-type td:last-child {
  border-radius: 0 0 0 6px
}

.table__row.is-deep-linked,
.table__row.is-now-playing,
.table__row.we-selectable-item--allows-interaction:focus,
.table__row.we-selectable-item--allows-interaction:hover {
  border-radius: 6px;
  border-top: 1px double transparent;
  border-bottom: 1px solid transparent;
  border-collapse: separate
}

.table__row.is-deep-linked td:first-child,
.table__row.is-now-playing td:first-child,
.table__row:focus td:first-child,
.table__row:hover td:first-child {
  border-radius: 6px 0 0 6px
}

.table__row.is-deep-linked td:last-child,
.table__row.is-now-playing td:last-child,
.table__row:focus td:last-child,
.table__row:hover td:last-child,
html[dir=rtl] .table__row.is-deep-linked td:first-child,
html[dir=rtl] .table__row.is-now-playing td:first-child,
html[dir=rtl] .table__row:focus td:first-child,
html[dir=rtl] .table__row:hover td:first-child {
  border-radius: 0 6px 6px 0
}

html[dir=rtl] .table__row.is-deep-linked td:last-child,
html[dir=rtl] .table__row.is-now-playing td:last-child,
html[dir=rtl] .table__row:focus td:last-child,
html[dir=rtl] .table__row:hover td:last-child {
  border-radius: 6px 0 0 6px
}

.table__row td {
  height: 51px;
  vertical-align: middle
}

.table__row__name {
  padding: 0;
  max-width: 1px
}

.table__row__duration,
.table__row__price {
  padding: 0;
  text-align: right;
  white-space: nowrap;
  color: #636366
}

.is-deep-linked .table__row__duration,
.is-deep-linked .table__row__price,
.is-now-playing .table__row__duration,
.is-now-playing .table__row__price,
.we-selectable-item--allows-interaction:focus .table__row__duration,
.we-selectable-item--allows-interaction:focus .table__row__price,
.we-selectable-item--allows-interaction:hover .table__row__duration,
.we-selectable-item--allows-interaction:hover .table__row__price {
  color: #0070c9
}

.is-music-theme .is-deep-linked .table__row__duration,
.is-music-theme .is-deep-linked .table__row__price,
.is-music-theme .is-now-playing .table__row__duration,
.is-music-theme .is-now-playing .table__row__price,
.is-music-theme .we-selectable-item--allows-interaction:focus .table__row__duration,
.is-music-theme .we-selectable-item--allows-interaction:focus .table__row__price,
.is-music-theme .we-selectable-item--allows-interaction:hover .table__row__duration,
.is-music-theme .we-selectable-item--allows-interaction:hover .table__row__price {
  color: #e50914
}

.is-itunes-theme .is-deep-linked .table__row__duration,
.is-itunes-theme .is-deep-linked .table__row__price,
.is-itunes-theme .is-now-playing .table__row__duration,
.is-itunes-theme .is-now-playing .table__row__price,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__duration,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__price,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__duration,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__price {
  color: #0070c9
}

.is-tv-theme .is-deep-linked .table__row__duration,
.is-tv-theme .is-deep-linked .table__row__price,
.is-tv-theme .is-now-playing .table__row__duration,
.is-tv-theme .is-now-playing .table__row__price,
.is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__duration,
.is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__price,
.is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__duration,
.is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__price {
  color: #0f6ea1
}

.is-mac-theme .is-deep-linked .table__row__duration,
.is-mac-theme .is-deep-linked .table__row__price,
.is-mac-theme .is-now-playing .table__row__duration,
.is-mac-theme .is-now-playing .table__row__price,
.is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__duration,
.is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__price,
.is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__duration,
.is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__price {
  color: #0070c9
}

.is-podcasts-theme .is-deep-linked .table__row__duration,
.is-podcasts-theme .is-deep-linked .table__row__price,
.is-podcasts-theme .is-now-playing .table__row__duration,
.is-podcasts-theme .is-now-playing .table__row__price,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__duration,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__price,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__duration,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__price {
  color: #7d50df
}

.is-apps-theme .is-deep-linked .table__row__duration,
.is-apps-theme .is-deep-linked .table__row__price,
.is-apps-theme .is-now-playing .table__row__duration,
.is-apps-theme .is-now-playing .table__row__price,
.is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__duration,
.is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__price,
.is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__duration,
.is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__price {
  color: #0070c9
}

.table__row__duration {
  position: relative;
  padding-left: 10px;
  z-index: 1
}

@media only screen and (min-width:735px) {
  .table__row__duration {
    padding-left: 22px
  }
}

@media only screen and (min-width:1069px) {

  .table__row__duration,
  .table__row__price {
    text-align: center
  }

  .table__row__duration:nth-last-child(-n+1),
  .table__row__price:nth-last-child(-n+1) {
    text-align: right
  }

  .table__row__duration {
    padding-left: 28px
  }
}

.table__row__duration+.table__row__price {
  padding-left: 10px
}

@media only screen and (min-width:735px) {
  .table__row__duration+.table__row__price {
    padding-left: 22px
  }
}

.table__row__duration::after {
  content: attr(data-duration-width);
  visibility: hidden
}

.table__row__duration-counter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  right: 0
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .table__row__duration-counter {
    top: 25px
  }

  .table--see-all .table__row__duration-counter {
    top: 26.5px
  }
}

@media only screen and (-ms-high-contrast:none) and (min-width:735px),
only screen and (-ms-high-contrast:active) and (min-width:735px) {
  .table--see-all .table__row__duration-counter {
    top: 28px
  }
}

.table__row__headline {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -.005em;
  line-height: 1.5em
}

.table__row.is-deep-linked .table__row__headline,
.table__row.is-now-playing .table__row__headline,
.table__row__link:focus .table__row__headline,
.table__row__link:hover .table__row__headline,
.we-selectable-item--allows-interaction:focus .table__row__headline,
.we-selectable-item--allows-interaction:hover .table__row__headline {
  color: #0070c9
}

.is-music-theme .table__row.is-deep-linked .table__row__headline,
.is-music-theme .table__row.is-now-playing .table__row__headline,
.is-music-theme .table__row__link:focus .table__row__headline,
.is-music-theme .table__row__link:hover .table__row__headline,
.is-music-theme .we-selectable-item--allows-interaction:focus .table__row__headline,
.is-music-theme .we-selectable-item--allows-interaction:hover .table__row__headline {
  color: #e50914
}

.is-itunes-theme .table__row.is-deep-linked .table__row__headline,
.is-itunes-theme .table__row.is-now-playing .table__row__headline,
.is-itunes-theme .table__row__link:focus .table__row__headline,
.is-itunes-theme .table__row__link:hover .table__row__headline,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__headline,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__headline {
  color: #0070c9
}

.is-tv-theme .table__row.is-deep-linked .table__row__headline,
.is-tv-theme .table__row.is-now-playing .table__row__headline,
.is-tv-theme .table__row__link:focus .table__row__headline,
.is-tv-theme .table__row__link:hover .table__row__headline,
.is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__headline,
.is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__headline {
  color: #0f6ea1
}

.is-mac-theme .table__row.is-deep-linked .table__row__headline,
.is-mac-theme .table__row.is-now-playing .table__row__headline,
.is-mac-theme .table__row__link:focus .table__row__headline,
.is-mac-theme .table__row__link:hover .table__row__headline,
.is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__headline,
.is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__headline {
  color: #0070c9
}

.is-podcasts-theme .table__row.is-deep-linked .table__row__headline,
.is-podcasts-theme .table__row.is-now-playing .table__row__headline,
.is-podcasts-theme .table__row__link:focus .table__row__headline,
.is-podcasts-theme .table__row__link:hover .table__row__headline,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__headline,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__headline {
  color: #7d50df
}

.is-apps-theme .table__row.is-deep-linked .table__row__headline,
.is-apps-theme .table__row.is-now-playing .table__row__headline,
.is-apps-theme .table__row__link:focus .table__row__headline,
.is-apps-theme .table__row__link:hover .table__row__headline,
.is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__headline,
.is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__headline,
.is-deep-linked .table__row__star-rating,
.is-now-playing .table__row__star-rating {
  color: #0070c9
}

.table__row__explicit::after {
  font-size: 12px
}

.table__row__star-rating {
  width: 9px;
  height: 9px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  left: -9px;
  z-index: 2
}

.is-music-theme .is-deep-linked .table__row__star-rating,
.is-music-theme .is-now-playing .table__row__star-rating {
  color: #e50914
}

.is-itunes-theme .is-deep-linked .table__row__star-rating,
.is-itunes-theme .is-now-playing .table__row__star-rating {
  color: #0070c9
}

.is-tv-theme .is-deep-linked .table__row__star-rating,
.is-tv-theme .is-now-playing .table__row__star-rating {
  color: #0f6ea1
}

.is-mac-theme .is-deep-linked .table__row__star-rating,
.is-mac-theme .is-now-playing .table__row__star-rating {
  color: #0070c9
}

.is-podcasts-theme .is-deep-linked .table__row__star-rating,
.is-podcasts-theme .is-now-playing .table__row__star-rating {
  color: #7d50df
}

.is-apps-theme .is-deep-linked .table__row__star-rating,
.is-apps-theme .is-now-playing .table__row__star-rating {
  color: #0070c9
}

.table--artwork,
.table--see-all {
  margin-bottom: 4px
}

.table--artwork .table__head__heading--album,
.table--artwork .table__head__heading--artist,
.table--artwork .table__head__heading--song,
.table--see-all .table__head__heading--album,
.table--see-all .table__head__heading--artist,
.table--see-all .table__head__heading--song {
  text-align: left;
  white-space: nowrap
}

.table--artwork .table__head__heading--artwork,
.table--see-all .table__head__heading--artwork {
  width: 50px
}

.table--artwork .table__head__heading--artist,
.table--see-all .table__head__heading--artist {
  width: 25%
}

.table--artwork .table__head__heading--album,
.table--see-all .table__head__heading--album {
  width: 43%
}

@media only screen and (min-width:1069px) {
  .table__row__duration+.table__row__price {
    padding-left: 28px
  }

  .table--artwork .table__head__heading--album,
  .table--see-all .table__head__heading--album {
    width: 25%;
    max-width: 1px
  }
}

.table--artwork .table__head__heading--artist,
.table--artwork .table__row__album,
.table--artwork .table__row__artist,
.table--see-all .table__head__heading--artist,
.table--see-all .table__row__album,
.table--see-all .table__row__artist {
  max-width: 1px
}

.table--artwork .table__head__heading--duration,
.table--artwork .table__row__duration,
.table--see-all .table__head__heading--duration,
.table--see-all .table__row__duration {
  width: 5%;
  min-width: 80px;
  white-space: nowrap
}

.table--artwork .table__row,
.table--see-all .table__row {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.table--artwork .table__row:last-child,
.table--see-all .table__row:last-child {
  border-bottom: none
}

@media only screen and (min-width:735px) {

  .table--artwork .table__row:last-child,
  .table--see-all .table__row:last-child {
    border-bottom: 1px solid #d6d6d6
  }
}

.table--artwork .table__row__artwork,
.table--see-all .table__row__artwork {
  padding: 4px 0 5px;
  position: relative;
  font-size: 0;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  z-index: 1
}

@media only screen and (min-width:735px) {

  .table--artwork .table__row__artwork,
  .table--see-all .table__row__artwork {
    padding: 4px 0
  }

  .table--see-all .table__head {
    visibility: visible;
    border-top: 1px solid #d6d6d6
  }
}

.table--artwork .table__row__artist,
.table--artwork .table__row__name,
.table--see-all .table__row__artist,
.table--see-all .table__row__name,
.table__row__badge::after {
  padding-right: 10px
}

.table--artwork .table__row__artwork .we-artwork,
.table--see-all .table__row__artwork .we-artwork {
  margin-right: 10px
}

.table--see-all {
  margin: 0;
  width: 100%
}

.table--see-all .table__row {
  cursor: default
}

.table--see-all .table__row__artwork {
  border-top: 1px solid transparent
}

.table__row__link {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  color: inherit
}

.is-deep-linked .table__row__link,
.is-now-playing .table__row__link,
.table__row__link:focus,
.table__row__link:hover,
.we-selectable-item--allows-interaction:focus .table__row__link,
.we-selectable-item--allows-interaction:hover .table__row__link {
  color: #0070c9
}

.is-music-theme .is-deep-linked .table__row__link,
.is-music-theme .is-now-playing .table__row__link,
.is-music-theme .table__row__link:focus,
.is-music-theme .table__row__link:hover,
.is-music-theme .we-selectable-item--allows-interaction:focus .table__row__link,
.is-music-theme .we-selectable-item--allows-interaction:hover .table__row__link {
  color: #e50914
}

.is-itunes-theme .is-deep-linked .table__row__link,
.is-itunes-theme .is-now-playing .table__row__link,
.is-itunes-theme .table__row__link:focus,
.is-itunes-theme .table__row__link:hover,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .table__row__link,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .table__row__link {
  color: #0070c9
}

.is-tv-theme .is-deep-linked .table__row__link,
.is-tv-theme .is-now-playing .table__row__link,
.is-tv-theme .table__row__link:focus,
.is-tv-theme .table__row__link:hover,
.is-tv-theme .we-selectable-item--allows-interaction:focus .table__row__link,
.is-tv-theme .we-selectable-item--allows-interaction:hover .table__row__link {
  color: #0f6ea1
}

.is-mac-theme .is-deep-linked .table__row__link,
.is-mac-theme .is-now-playing .table__row__link,
.is-mac-theme .table__row__link:focus,
.is-mac-theme .table__row__link:hover,
.is-mac-theme .we-selectable-item--allows-interaction:focus .table__row__link,
.is-mac-theme .we-selectable-item--allows-interaction:hover .table__row__link {
  color: #0070c9
}

.is-podcasts-theme .is-deep-linked .table__row__link,
.is-podcasts-theme .is-now-playing .table__row__link,
.is-podcasts-theme .table__row__link:focus,
.is-podcasts-theme .table__row__link:hover,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .table__row__link,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .table__row__link {
  color: #7d50df
}

.is-apps-theme .is-deep-linked .table__row__link,
.is-apps-theme .is-now-playing .table__row__link,
.is-apps-theme .table__row__link:focus,
.is-apps-theme .table__row__link:hover,
.is-apps-theme .we-selectable-item--allows-interaction:focus .table__row__link,
.is-apps-theme .we-selectable-item--allows-interaction:hover .table__row__link {
  color: #0070c9
}

.is-deep-linked .table__row__link--secondary,
.is-now-playing .table__row__link--secondary,
.table__row__link--secondary:focus,
.table__row__link--secondary:hover,
.we-selectable-item--allows-interaction:focus .table__row__link--secondary,
.we-selectable-item--allows-interaction:hover .table__row__link--secondary {
  opacity: .8
}

@media only screen and (min-width:1069px) {
  .table--see-all .table__row__link--secondary {
    height: 53px;
    display: inline-flex;
    align-items: center
  }

  .table--see-all .table__row__link--secondary.large-hide {
    display: none
  }
}

.table__row__control {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 4px;
  cursor: pointer;
  z-index: 2
}

@media only screen and (min-width:735px) {
  .table--see-all .table__row__artwork {
    border: none
  }

  .table__row__control {
    width: 48px;
    height: 48px
  }
}

.table__row__control__icon {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  text-align: center;
  opacity: 0;
  transition: opacity .15s ease-in-out
}

.is-loading .table__row__control__icon,
.is-playing .table__row__control__icon {
  background-color: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}

.is-now-playing .table__row__control__icon,
.table__row__control__icon:focus,
.table__row__control__icon:hover {
  opacity: 1
}

.table__row__box {
  display: flex;
  align-items: center
}

.table__row__badge {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  vertical-align: inherit;
  color: #333
}

.table__row__titles {
  max-width: 100%;
  min-width: .1%
}

.table__row__badge+.table__row__titles {
  max-width: calc(100% - (15px + (10px * 2)))
}

html[dir=rtl] .table__row__titles [dir=rtl] {
  text-align: inherit
}

.table__row__share {
  padding: 0;
  position: relative;
  z-index: 2
}

.tracks__track__link--block~.tracks__track__copy,
.tracks__track__link--block~.tracks__track__headline,
.tracks__track__link--block~.tracks__track__subcopy {
  padding-right: 18px
}

.spread {
  max-width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between
}

.spread>:not(:last-child) {
  margin-right: 5px
}

.spread__badge-inline-end {
  font-size: 19px;
  line-height: 1;
  color: #636366;
  margin-left: auto
}

.spread__badge-inline+.spread__badge-inline,
.spread__badge-inline-end+.spread__badge-inline-end {
  margin-left: 5px
}

.tracks__track {
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: 1px solid #d6d6d6
}

@media only screen and (min-width:1069px) {
  .tracks__track {
    padding-top: 18px;
    padding-bottom: 18px
  }
}

.tracks--linear-show .tracks__track:first-child,
.tracks--season .tracks__track:first-child {
  border-top: none;
  padding-top: 0
}

@media only screen and (min-width:735px) {
  .no-js .tracks__track {
    display: flex
  }
}

@media only screen and (max-width:1068px) {
  .tracks__track .tracks__track__inline-brands {
    display: none
  }
}

.tracks__track__copy,
.tracks__track__eyebrow,
.tracks__track__subcopy {
  position: relative;
  /*
  color: #636366
  */
  color: #a3a3a3
}

.tracks__track__headline {
  position: relative;
  color: #fff;
  margin-bottom: 6px;
  z-index: 1;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

@media only screen and (min-width:735px) {
  .tracks__track__headline {
    margin-bottom: 3px
  }
}

@media only screen and (min-width:1069px) {
  .tracks__track__headline {
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 1.22226;
    font-weight: 600;
    letter-spacing: .027em;
  }
}

.tracks__track__link:active .tracks__track__headline,
.tracks__track__link:focus .tracks__track__headline,
.tracks__track__link:hover .tracks__track__headline {
  color: #0070c9
}

.is-music-theme .tracks__track__link:active .tracks__track__headline,
.is-music-theme .tracks__track__link:focus .tracks__track__headline,
.is-music-theme .tracks__track__link:hover .tracks__track__headline {
  color: #e50914
}

.is-itunes-theme .tracks__track__link:active .tracks__track__headline,
.is-itunes-theme .tracks__track__link:focus .tracks__track__headline,
.is-itunes-theme .tracks__track__link:hover .tracks__track__headline {
  color: #0070c9
}

.is-tv-theme .tracks__track__link:active .tracks__track__headline,
.is-tv-theme .tracks__track__link:focus .tracks__track__headline,
.is-tv-theme .tracks__track__link:hover .tracks__track__headline {
  color: #0f6ea1
}

.is-mac-theme .tracks__track__link:active .tracks__track__headline,
.is-mac-theme .tracks__track__link:focus .tracks__track__headline,
.is-mac-theme .tracks__track__link:hover .tracks__track__headline {
  color: #0070c9
}

.is-podcasts-theme .tracks__track__link:active .tracks__track__headline,
.is-podcasts-theme .tracks__track__link:focus .tracks__track__headline,
.is-podcasts-theme .tracks__track__link:hover .tracks__track__headline {
  color: #7d50df
}

.is-apps-theme .tracks__track__link:active .tracks__track__headline,
.is-apps-theme .tracks__track__link:focus .tracks__track__headline,
.is-apps-theme .tracks__track__link:hover .tracks__track__headline {
  color: #0070c9
}

.tracks__track__headline .icon-after::after {
  font-size: 12px;
  font-weight: 400;
  margin-right: .3em
}

.tracks__track__link--block {
  font-size: 0;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}

.tracks__track__link--block~.tracks__track__headline::after,
.tracks__track__link--block~.tracks__track__headline::before {
  font-family: sgtb icons;
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
  position: relative;
  z-index: 1;
  alt: '';
  text-decoration: none;
  content: ""
}

.tracks__track__link--block~.tracks__track__headline::before {
  display: none
}

.tracks__track__link--block~.tracks__track__headline::after {
  padding-left: .3em;
  top: 50%;
  position: absolute;
  color: #636366;
  font-size: 26px;
  font-weight: 400;
  transform: translateY(-50%);
  right: 0;
  z-index: 1
}

html[dir=rtl] .tracks__track__link--block~.tracks__track__headline::after {
  content: ""
}

@supports (-ms-ime-align:auto) {
  .table__row__control__icon {
    border-radius: 0
  }

  .tracks__track__link--block~.tracks__track__headline::after {
    transform: translateY(-60%)
  }
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .table__row__control__icon {
    border-radius: 0
  }

  .tracks__track__link--block~.tracks__track__headline::after {
    transform: translateY(-60%)
  }
}

.tracks__track__link--block:active~.tracks__track__headline,
.tracks__track__link--block:focus~.tracks__track__headline,
.tracks__track__link--block:hover~.tracks__track__headline {
  color: #0070c9
}

.is-music-theme .tracks__track__link--block:active~.tracks__track__headline,
.is-music-theme .tracks__track__link--block:focus~.tracks__track__headline,
.is-music-theme .tracks__track__link--block:hover~.tracks__track__headline {
  color: #e50914
}

.is-itunes-theme .tracks__track__link--block:active~.tracks__track__headline,
.is-itunes-theme .tracks__track__link--block:focus~.tracks__track__headline,
.is-itunes-theme .tracks__track__link--block:hover~.tracks__track__headline {
  color: #0070c9
}

.is-tv-theme .tracks__track__link--block:active~.tracks__track__headline,
.is-tv-theme .tracks__track__link--block:focus~.tracks__track__headline,
.is-tv-theme .tracks__track__link--block:hover~.tracks__track__headline {
  color: #0f6ea1
}

.is-mac-theme .tracks__track__link--block:active~.tracks__track__headline,
.is-mac-theme .tracks__track__link--block:focus~.tracks__track__headline,
.is-mac-theme .tracks__track__link--block:hover~.tracks__track__headline {
  color: #0070c9
}

.is-podcasts-theme .tracks__track__link--block:active~.tracks__track__headline,
.is-podcasts-theme .tracks__track__link--block:focus~.tracks__track__headline,
.is-podcasts-theme .tracks__track__link--block:hover~.tracks__track__headline {
  color: #7d50df
}

.is-apps-theme .tracks__track__link--block:active~.tracks__track__headline,
.is-apps-theme .tracks__track__link--block:focus~.tracks__track__headline,
.is-apps-theme .tracks__track__link--block:hover~.tracks__track__headline {
  color: #0070c9
}

.is-playing .tracks__track__link--block {
  bottom: 28px
}

.tracks__track__block,
.tracks__track__link {
  display: block
}

.no-js .tracks__track__link {
  display: inline;
  width: 100%
}

.tracks__track__eyebrow {
  margin-bottom: 1px;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

@media only screen and (min-width:735px) {
  .no-js .tracks__track__link {
    display: block;
    padding-left: 7px
  }

  .tracks__track__eyebrow {
    margin-bottom: 5px
  }
}

@media only screen and (min-width:1069px) {
  .tracks__track__eyebrow {
    margin-bottom: 3px
  }
}

.tracks__track__block .tracks__track__eyebrow {
  margin-bottom: 1px
}

@media only screen and (min-width:735px) {
  .tracks__track__block .tracks__track__eyebrow {
    margin-bottom: 5px
  }
}

.tracks__track__copy {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

@media only screen and (min-width:735px) {
  .tracks__track__copy {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: 0;
  }
}

@media only screen and (min-width:1069px) {
  .tracks__track__block .tracks__track__eyebrow {
    margin-bottom: 3px
  }

  .tracks__track__block .tracks__track__headline {
    margin-bottom: 2px
  }

  .tracks__track__copy {
    font-size: 12px;
    line-height: 1.38462;
    font-weight: 400;
    letter-spacing: -.005em;
  }
}

@media only screen and (max-width:734px) {
  .tracks__track__copy {
    margin-top: 6px
  }
}

.tracks__track__subcopy {
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 400;
  letter-spacing: .006em;
}

.tracks__track__content {
  position: relative
}

@media only screen and (min-width:735px) and (max-width:1068px) {
  .tracks__track__content {
    padding-left: 10px
  }
}

.no-js .tracks__track__content {
  display: inline-block
}

.tracks__track__meta {
  margin-top: 5px
}

.tracks__track__meta+.tracks__track__meta {
  margin-top: 7px
}

.tracks__track__meta--has-button {
  margin-top: 5px;
  align-items: center;
  position: relative;
  pointer-events: none;
  z-index: 2;
  overflow: visible
}

.tracks__track__button .icon-play::after,
.tracks__track__button .icon-play::before,
html[dir=rtl] .tracks__track__button .icon-play::after,
html[dir=rtl] .tracks__track__button .icon-play::before {
  font-family: "Apple WebExp Icons Custom";
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
  z-index: 1;
  text-decoration: none;
  content: "";
  font-style: normal;
  alt: ''
}

@media only screen and (min-width:1069px) {
  .tracks__track__meta--has-button {
    margin-top: 9px;
    margin-bottom: 2px
  }
}

.is-playing .tracks__track__meta--has-button {
  opacity: 0;
  margin: 0;
  max-height: 0;
  position: absolute
}

.tracks__track__button {
  pointer-events: auto
}

.tracks__track__button .icon-play::after,
.tracks__track__button .icon-play::before {
  position: relative
}

.tracks__track__button .icon-play::before {
  padding-right: .3em;
  display: inline-block;
  top: -1px
}

.tracks__track__button .icon-play::after {
  display: none
}

html[dir=rtl] .tracks__track__button .icon-play::after,
html[dir=rtl] .tracks__track__button .icon-play::before {
  display: inline-block;
  position: relative
}

.we-artwork::before,
.we-artwork:not(.we-artwork--downloaded)::after {
  content: ""
}

html[dir=rtl] .tracks__track__button .icon-play::before {
  display: none
}

html[dir=rtl] .tracks__track__button .icon-play::after {
  padding-left: .3em;
  top: -1px
}

.tracks__track__meta--small-viewport {
  margin-top: 9px
}

.tracks__track__badge {
  vertical-align: middle
}

.tracks__track--podcast {
  padding-top: 13px
}

@media only screen and (max-width:734px) {
  .tracks__track--podcast .tracks__track__headline {
    margin-bottom: 0
  }

  .we-artwork::before {
    min-width: 100%;
    min-height: 100%
  }
}

.tracks__track--podcast .tracks__track__copy {
  margin-top: 0
}

.tracks__track--podcast .tracks__track__meta {
  color: #636366
}

.tracks__track__inline-controls {
  margin-top: 6px;
  z-index: 2
}

@media only screen and (min-width:1069px) {
  .tracks__track--podcast {
    padding-top: 19px
  }

  .tracks__track__inline-controls {
    margin-top: 10px;
    margin-bottom: 2px
  }
}

.see-all-header__link {
  margin-bottom: 4px;
  display: block;
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 400;
  letter-spacing: .027em;
}

.see-all-header__title {
  display: block;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .023em;
}

.is-books-theme .see-all-header__title {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0;
}

.we-app-screenshots__nav {
  position: relative
}

.we-app-screenshots__nav__headline {
  margin-bottom: 0;
  padding-right: 36px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
}

.we-app-screenshots__nav__chevron {
  position: absolute;
  top: 50%;
  font-size: 40px;
  font-weight: 300;
  text-align: right;
  color: #0070c9;
  transform: translateY(-50%);
  right: 0;
  z-index: 1
}

.we-app-screenshots__nav__chevron::after {
  padding-left: .3em;
  top: -3px
}

.we-app-screenshots__label {
  color: #636366
}

@supports (-ms-ime-align:auto) {
  html[dir=rtl] .we-localnav:not(.localnav-sticking) {
    position: relative;
    z-index: 2
  }

  .we-localnav__shim {
    display: block;
    position: absolute;
    height: 52px
  }

  @media only screen and (max-width:767px) {
    .we-localnav__shim {
      height: 48px
    }
  }

  .web-localnav__content {
    z-index: 1
  }
}

.we-localnav__title {
  font-size: 21px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .009em;
  margin: 16px 0 -16px
}

@media only screen and (max-width:767px) {
  .we-localnav__title {
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .012em;
    margin: 14px 0 -14px
  }
}

.we-localnav__title a {
  display: inline-block
}

.we-localnav__title__product {
  color: #000
}

.we-localnav__title__qualifier {
  color: #636366;
  font-size: 21px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: .009em;
}

@media only screen and (max-width:767px) {
  .we-localnav__title__qualifier {
    font-size: 19px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .012em;
  }
}

.we-localnav__actions {
  padding-top: 23px
}

@media only screen and (max-width:767px) {
  .we-localnav__actions {
    padding-top: 20px
  }
}

.we-localnav__action {
  float: left;
  margin-left: 19px
}

.we-localnav__action--logout+.we-localnav__action--login,
.we-localnav__action:first-child {
  margin-left: 0
}

.we-localnav__action--login {
  padding-top: 3px
}

@media only screen and (max-width:767px) {
  .we-localnav__action--login {
    padding-top: 2px
  }
}

.we-localnav__background {
  background-color: rgba(255, 255, 255, .9)
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
  .we-localnav__background {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, .72)
  }
}

.localnav.localnav-noblur .we-localnav__background {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background-color: rgba(255, 255, 255, .9)
}

.we-localnav__background::after {
  margin-left: 0;
  left: 0;
  width: 100%
}

@media only screen and (min-width:1069px) {
  .we-localnav__background::after {
    width: 980px;
    margin-left: -490px;
    left: 50%;
    right: auto
  }

  .we-localnav__background::after:after {
    background-color: rgba(0, 0, 0, .16)
  }
}

.we-localnav--no-border .we-localnav__background::after {
  background-color: transparent
}

.we-localnav__app {
  display: flex
}

.we-localnav__menu--arcade .we-localnav__app {
  position: relative;
  top: -2px;
  z-index: 1
}

.we-localnav__app__copy {
  text-align: right;
  margin-right: 6px
}

.we-localnav__app__name {
  color: #000;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 400;
  letter-spacing: .006em;
}

.we-localnav__app__subcopy {
  margin-bottom: 2px;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -.006em;
  color: #0070c9
}

.is-music-theme .we-localnav__app__subcopy {
  color: #e50914
}

.is-itunes-theme .we-localnav__app__subcopy {
  color: #0070c9
}

.is-tv-theme .we-localnav__app__subcopy {
  color: #0f6ea1
}

.is-mac-theme .we-localnav__app__subcopy {
  color: #0070c9
}

.is-podcasts-theme .we-localnav__app__subcopy {
  color: #7d50df
}

.is-apps-theme .we-localnav__app__subcopy {
  color: #0070c9
}

.we-localnav__app__icon {
  height: 25px;
  width: 25px
}

.we-localnav__button--sign-in {
  padding-top: 0
}

.localnav-button.icon-user::after {
  font-size: 22px;
  line-height: 0;
  vertical-align: middle;
  padding-left: 8px
}

@media only screen and (max-width:767px) {
  .localnav-button.icon-user::after {
    display: none
  }
}

.localnav-button--sign-out {
  display: inline-flex;
  align-items: center;
  color: #636366
}

@media only screen and (max-width:767px) {

  .localnav.localnav-stacked,
  .localnav.localnav-stacked .we-localnav__title {
    height: 75px
  }

  .localnav.localnav-stacked .we-localnav__title {
    margin: 16px 0 -16px
  }

  .localnav.localnav-stacked .we-localnav__title__product,
  .localnav.localnav-stacked .we-localnav__title__qualifier {
    display: block
  }

  .localnav.localnav-stacked .we-localnav__title__product:first-child,
  .localnav.localnav-stacked .we-localnav__title__qualifier:first-child {
    margin-top: 0;
    margin-bottom: 4px
  }

  .localnav.localnav-stacked .we-localnav__actions {
    text-align: right;
    top: auto;
    bottom: 15px
  }

  .localnav.localnav-stacked .we-localnav__action {
    float: right;
    margin-top: 0;
    clear: both;
    margin-left: 0
  }
}

.we-localnav__app--reveal-on-scroll {
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s cubic-bezier(.28, .11, .32, 1)
}

.localnav.localnav-sticking .we-localnav__app--reveal-on-scroll {
  opacity: 1;
  visibility: visible
}

@supports (-ms-ime-align:auto) {
  .localnav.localnav-sticking {
    position: fixed
  }

  .localnav.localnav-sticking+.we-localnav__shim {
    position: relative
  }
}

.we-localnav .we-localnav__menu .localnav-menu-tray+.we-localnav__actions {
  top: 0;
  padding-top: 16px
}

@media screen and (min-width:735px) {
  .we-localnav__menu {
    font-size: 12px
  }

  .we-localnav__menu .localnav-menu-tray .localnav-menu-link {
    margin-top: 4px
  }
}

.we-artwork {
  margin: 0;
  position: relative;
  display: block;
  z-index: 1
}

.we-artwork::before {
  display: block;
  width: 100%;
  height: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  border-radius: 6px;
  border: .5px solid rgba(0, 0, 0, .1);
  z-index: 1
}

.we-artwork::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--background-color);
  border-radius: 6px;
  left: 0
}

.we-artwork__image {
  margin: 0;
  display: block;
  border-radius: 6px
}

@media only screen and (min-width:735px) {
  .we-artwork__image {
    width: auto
  }
}

.we-artwork--artist-header-profile .we-artwork__image {
  margin: 0 auto
}

.we-artwork--book-badge {
  display: inline-block;
  line-height: 0
}

.we-artwork--not-round .we-artwork__image,
.we-artwork--not-round::after,
.we-artwork--not-round::before,
.we-artwork--screenshot-platform-ipad .we-artwork__image,
.we-artwork--screenshot-platform-ipad::after,
.we-artwork--screenshot-platform-ipad::before,
.we-artwork--screenshot-platform-mac .we-artwork__image,
.we-artwork--screenshot-platform-mac::after,
.we-artwork--screenshot-platform-mac::before {
  border-radius: 0
}

.we-artwork--square-bottom .we-artwork__image,
.we-artwork--square-bottom::after,
.we-artwork--square-bottom::before {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.we-artwork--less-round .we-artwork__image,
.we-artwork--less-round::after,
.we-artwork--less-round::before {
  border-radius: 4px
}

.we-artwork--no-border .we-artwork__image,
.we-artwork--no-border::after,
.we-artwork--no-border::before {
  border: 0
}

.we-artwork--macos-app-icon::before {
  border: none;
  border-radius: 0
}

.we-artwork:not(.we-artwork--downloaded) .we-artwork__image {
  opacity: 0;
  background-color: var(--background-color)
}

.we-artwork--watch-app-icon .we-artwork__image,
.we-artwork--watch-app-icon::after,
.we-artwork--watch-app-icon::before {
  border-radius: 9999em
}

.we-artwork--ios-app-icon .we-artwork__image,
.we-artwork--ios-app-icon::after,
.we-artwork--ios-app-icon::before {
  border-radius: 22.5%
}

@supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .we-artwork--ios-app-icon::before {
    background: url(/assets/css/uservideos/iconproduct/icon-app-mask-border-61226afcae6a8f2b3d2755728daaf4f2.svg) center/100% 100% no-repeat
  }

  .we-artwork--ios-app-icon .we-artwork__image,
  .we-artwork--ios-app-icon::after {
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E%0A") center/100% 100% no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E%0A") center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--ios-app-icon .we-artwork__image,
    html[dir=rtl] .we-artwork--ios-app-icon::after {
      -webkit-mask: none;
      mask: none
    }
  }

  .we-artwork--ios-app-icon .we-artwork__image,
  .we-artwork--ios-app-icon::before {
    border: none
  }

  .we-artwork--imessages-app-icon::before {
    background: url(/assets/css/uservideos/iconproduct/icon-imessageapp-mask-border-46aa71b51fb5abf162266c3077920755.svg) center/100% 100% no-repeat
  }

  .we-artwork--imessages-app-icon .we-artwork__image,
  .we-artwork--imessages-app-icon::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/icon-imessageapp-mask-0cae74e1909032f57e31502f52671a1a.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/icon-imessageapp-mask-0cae74e1909032f57e31502f52671a1a.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--imessages-app-icon .we-artwork__image,
    html[dir=rtl] .we-artwork--imessages-app-icon::after {
      -webkit-mask: none;
      mask: none
    }
  }
}

.we-artwork--imessages-app-icon .we-artwork__image,
.we-artwork--imessages-app-icon::after,
.we-artwork--imessages-app-icon::before {
  border-radius: 50%/60%
}

@supports ((-webkit-mask-position: initial) or (mask-position: initial)) {

  .we-artwork--imessages-app-icon .we-artwork__image,
  .we-artwork--imessages-app-icon::before {
    border: none
  }

  .we-artwork--screenshot-version-iphone-5-8::before {
    background: url(/assets/css/uservideos/iconproduct/iphone-5-8-mask-border-e453b2a203c0d81e022e62489d3d9d89.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-iphone-5-8 .we-artwork__image,
  .we-artwork--screenshot-version-iphone-5-8::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/iphone-5-8-mask-9baf93122ddc47233a2526b454e0f3fe.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/iphone-5-8-mask-9baf93122ddc47233a2526b454e0f3fe.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-iphone-5-8 .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-iphone-5-8::after {
      -webkit-mask: none;
      mask: none
    }
  }
}

.we-artwork--screenshot-version-iphone-5-8 .we-artwork__image,
.we-artwork--screenshot-version-iphone-5-8::after,
.we-artwork--screenshot-version-iphone-5-8::before {
  border-radius: 11%/4.7%
}

.we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .we-artwork__image,
.we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::after,
.we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::before {
  border-radius: 4.7%/11%
}

@supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::before {
    background: url(/assets/css/uservideos/iconproduct/ipro/iphone-5-8-mask-landscape-border-c22a7e9d8d03dfe903a0fc0d37c88dbc.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .we-artwork__image,
  .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/iphone-5-8-mask-landscape-1b2a2016c3b7f34a88315b3939bb6a6c.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/iphone-5-8-mask-landscape-1b2a2016c3b7f34a88315b3939bb6a6c.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-iphone-5-8.we-artwork--screenshot-orientation-landscape::after {
      -webkit-mask: none;
      mask: none
    }
  }

  .we-artwork--screenshot-version-iphone-5-8 .we-artwork__image,
  .we-artwork--screenshot-version-iphone-5-8::before {
    border: none
  }

  .we-artwork--screenshot-version-iphone-6-5::before {
    background: url(/assets/css/uservideos/iconproduct/ipro/iphone-6-5-mask-border-f519029c9bc5f9130e7826c69b475d0b.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-iphone-6-5 .we-artwork__image,
  .we-artwork--screenshot-version-iphone-6-5::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/iphone-6-5-mask-c88356640b7a7aedb98664cb26145a83.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/iphone-6-5-mask-c88356640b7a7aedb98664cb26145a83.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-iphone-6-5 .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-iphone-6-5::after {
      -webkit-mask: none;
      mask: none
    }
  }
}

.we-artwork--screenshot-version-iphone-6-5 .we-artwork__image,
.we-artwork--screenshot-version-iphone-6-5::after,
.we-artwork--screenshot-version-iphone-6-5::before {
  border-radius: 10%/4.7%
}

.we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .we-artwork__image,
.we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::after,
.we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::before {
  border-radius: 4.7%/10%
}

@supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::before {
    background: url(/assets/css/uservideos/iconproduct/ipro/iphone-6-5-mask-landscape-border-94e3ff16ec3bc95022c5652298a74864.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .we-artwork__image,
  .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/iphone-6-5-mask-landscape-16bacd4de8aa1ba058b0da951d75741e.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/iphone-6-5-mask-landscape-16bacd4de8aa1ba058b0da951d75741e.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-iphone-6-5.we-artwork--screenshot-orientation-landscape::after {
      -webkit-mask: none;
      mask: none
    }
  }

  .we-artwork--screenshot-version-iphone-6-5 .we-artwork__image,
  .we-artwork--screenshot-version-iphone-6-5::before {
    border: none
  }

  .we-artwork--screenshot-version-ipad-pro-2018::before {
    background: url(/assets/css/uservideos/iconproduct/ipro/ipad-pro-2018-mask-border-9d37f129a14c3ccf9de0dfdec6bfc0ac.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image,
  .we-artwork--screenshot-version-ipad-pro-2018::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-pro-2018-mask-550a9817026c250dff671b4c04a3bd26.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-pro-2018-mask-550a9817026c250dff671b4c04a3bd26.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-ipad-pro-2018::after {
      -webkit-mask: none;
      mask: none
    }
  }
}

.we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image,
.we-artwork--screenshot-version-ipad-pro-2018::after,
.we-artwork--screenshot-version-ipad-pro-2018::before {
  border-radius: 1.9%/1.3%
}

.we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .we-artwork__image,
.we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::after,
.we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::before {
  border-radius: 1.3%/1.9%
}

@supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::before {
    background: url(/assets/css/uservideos/iconproduct/ipro/ipad-pro-2018-mask-landscape-border-ac617fa7f451cb6481a3408bdaef99e0.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .we-artwork__image,
  .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-pro-2018-mask-landscape-fbe2f6c11c72985df0148a6a4d7ba717.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-pro-2018-mask-landscape-fbe2f6c11c72985df0148a6a4d7ba717.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-ipad-pro-2018.we-artwork--screenshot-orientation-landscape::after {
      -webkit-mask: none;
      mask: none
    }
  }

  .we-artwork--screenshot-version-ipad-pro-2018 .we-artwork__image,
  .we-artwork--screenshot-version-ipad-pro-2018::before {
    border: none
  }

  .we-artwork--screenshot-version-ipad-11::before {
    background: url(/assets/css/uservideos/iconproduct/ipro/ipad-11-mask-border-e211518f660ac044c4dbbaa57b792696.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-ipad-11 .we-artwork__image,
  .we-artwork--screenshot-version-ipad-11::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-11-mask-79182a96e66f978a06917565006e0a4e.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-11-mask-79182a96e66f978a06917565006e0a4e.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-ipad-11 .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-ipad-11::after {
      -webkit-mask: none;
      mask: none
    }
  }
}

.we-artwork--screenshot-version-ipad-11 .we-artwork__image,
.we-artwork--screenshot-version-ipad-11::after,
.we-artwork--screenshot-version-ipad-11::before {
  border-radius: 1.9%/1.3%
}

.we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .we-artwork__image,
.we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::after,
.we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::before {
  border-radius: 1.3%/1.9%
}

@supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::before {
    background: url(/assets/css/uservideos/iconproduct/ipro/ipad-11-mask-landscape-border-beb095ef40cc1e932b04f9fac7c1d010.svg) center/100% 100% no-repeat
  }

  .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .we-artwork__image,
  .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::after {
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-11-mask-landscape-9f5cda335b4895f39446f7cd2c92ec68.svg) center/100% 100% no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/ipad-11-mask-landscape-9f5cda335b4895f39446f7cd2c92ec68.svg) center/100% 100% no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-ipad-11.we-artwork--screenshot-orientation-landscape::after {
      -webkit-mask: none;
      mask: none
    }
  }

  .we-artwork--screenshot-version-ipad-11 .we-artwork__image,
  .we-artwork--screenshot-version-ipad-11::before {
    border: none
  }
}

.we-artwork--round .we-artwork__image,
.we-artwork--round::after,
.we-artwork--round::before {
  border-radius: 50%
}

@media only screen and (max-width:734px) {
  .we-artwork--fullwidth {
    width: 100%
  }

  .we-artwork--fullwidth .we-artwork__image {
    width: 100%;
    height: auto
  }

  .we-artwork--fullwidth .we-artwork__image::before {
    width: 100%;
    display: block;
    content: ''
  }
}

.we-artwork--lockup {
  width: 100%
}

@media only screen and (min-width:735px) {
  .we-artwork--lockup {
    width: initial
  }
}

@media only screen and (max-width:734px) {
  .we-artwork--small-viewportwidth {
    width: 100vw;
    margin-left: -7.14286%
  }

  .we-artwork--small-viewportwidth .we-artwork__image {
    width: 100%;
    height: auto
  }

  .we-artwork--small-bottom-margin {
    margin-bottom: 8px
  }
}

.we-artwork--screenshot-platform-apple-watch::before {
  border: 12px solid #000;
  border-radius: 12px
}

.we-artwork--screenshot-platform-apple-watch .we-artwork__image,
.we-artwork--screenshot-platform-apple-watch::after {
  padding: 12px;
  border-radius: 13px
}

.we-artwork--screenshot-version-apple-watch-2018::before {
  border: 20px solid #000;
  border-radius: 16.8%/14.2%
}

.we-artwork--screenshot-version-apple-watch-2018 .we-artwork__image,
.we-artwork--screenshot-version-apple-watch-2018::after {
  padding: 20px;
  border-radius: 16.8%/14.2%;
  background: #000
}

@supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .we-artwork--screenshot-version-apple-watch-2018::before {
    display: none
  }

  .we-artwork--screenshot-version-apple-watch-2018 .we-artwork__image,
  .we-artwork--screenshot-version-apple-watch-2018::after {
    border: none;
    -webkit-mask: url(/assets/css/uservideos/iconproduct/ipro/apple-watch-2018-mask-44f016e901ad9d33cc7dc9ad912172ed.svg) center/contain no-repeat;
    mask: url(/assets/css/uservideos/iconproduct/ipro/apple-watch-2018-mask-44f016e901ad9d33cc7dc9ad912172ed.svg) center/contain no-repeat
  }

  @supports (-ms-ime-align:auto) {

    html[dir=rtl] .we-artwork--screenshot-version-apple-watch-2018 .we-artwork__image,
    html[dir=rtl] .we-artwork--screenshot-version-apple-watch-2018::after {
      -webkit-mask: none;
      mask: none
    }
  }
}

.we-artwork--uber {
  margin: 0 auto 20px;
  height: 166px;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.we-artwork--uber::before {
  display: none
}

.we-artwork--uber .we-artwork__image,
.we-artwork--uber::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

@media only screen and (min-width:735px) {
  .we-artwork--uber {
    margin-top: 20px;
    width: calc(100vw - (20px * 2));
    max-width: 1120px;
    height: 280px
  }
}

.we-artwork--artist-header-profile .we-artwork__image,
.we-artwork--artist-header-profile::after {
  box-shadow: 0 10px 25px rgba(0, 0, 0, .1)
}

.we-artwork--audiobook .we-artwork__image,
.we-artwork--audiobook::after,
.we-artwork--ebook .we-artwork__image,
.we-artwork--ebook::after {
  min-width: 100%;
  border-radius: 2.5px
}

.we-artwork--audiobook .we-artwork__image,
.we-artwork--audiobook::after {
  border-radius: 4.5px
}

.we-book-artwork--spine .we-book-artwork__foreground::before,
.we-book-artwork::after {
  content: '';
  border-radius: 2.5px;
  background-size: 100% 100%;
  z-index: 1
}

.we-book-artwork {
  position: relative;
  z-index: 1
}

.we-book-artwork::before {
  height: 116.6%;
  width: 121.8%;
  display: block;
  content: '';
  position: absolute;
  top: -4.7%;
  opacity: .6;
  background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_LTR_Flat-L_Shadow-f8587fbf6a7bc90d9b2668a9dda158e3.png);
  background-size: 100% 100%;
  left: -10.9%;
  z-index: 1
}

.we-book-artwork[dir=rtl]::before {
  background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_RTL_Flat-L_Shadow-f8587fbf6a7bc90d9b2668a9dda158e3.png)
}

.we-book-artwork::after {
  background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_Flat-L_Edges-dd435b3b0f0e613845d32b66e4e087ab.png);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.we-book-artwork__background {
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  opacity: .25;
  transform: translate(-50%, -50%);
  filter: blur(8px);
  left: 50%;
  z-index: 1
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .we-book-artwork__background {
    display: none
  }
}

@supports (mix-blend-mode:multiply) {
  .we-book-artwork__background {
    mix-blend-mode: multiply
  }

  .we-book-artwork--spine .we-book-artwork__lighting::after {
    background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_LTR_Flat-L_Spine_LinearBurnBlend-abfc65af197e0bc65d1ef4919779adae.png);
    mix-blend-mode: multiply;
    height: 100%;
    width: 100%;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    border-radius: 2.5px;
    background-size: 100% 100%;
    left: 0;
    z-index: 1
  }
}

.we-book-artwork--spine .we-book-artwork__foreground::before {
  background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_LTR_Flat-L_Spine_NormalBlend-7ddc2727e278e22ec7b69864bb2d22c9.png);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

@supports (mix-blend-mode:soft-light) {
  .we-book-artwork--spine .we-book-artwork__foreground::after {
    background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_LTR_Flat-L_Spine_SoftLightBlend-535831fb9b8481f02a18e136be4dc8ca.png);
    mix-blend-mode: soft-light;
    height: 100%;
    width: 100%;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    border-radius: 2.5px;
    background-size: 100% 100%;
    left: 0;
    z-index: 1
  }
}

@supports (mix-blend-mode:multiply) {
  .we-book-artwork--spine[dir=rtl] .we-book-artwork__lighting::after {
    background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_RTL_Flat-L_Spine_LinearBurnBlend-41f1843d5873427ae11b8bb3489b96d0.png)
  }
}

.we-book-artwork--spine[dir=rtl] .we-book-artwork__foreground::before {
  background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_RTL_Flat-L_Spine_NormalBlend-357a0c99f14bfba13c2f7708510440c6.png)
}

@supports (mix-blend-mode:soft-light) {
  .we-book-artwork--spine[dir=rtl] .we-book-artwork__foreground::after {
    background-image: url(/assets/css/uservideos/iconproduct/ipro/iBooks_Covers_RTL_Flat-L_Spine_SoftLightBlend-d94643eacd3689f025d98ce51221c38c.png)
  }
}

.we-book-artwork--audiobook::after {
  border-radius: 4.5px
}

.in-app-purchase-artwork {
  position: relative;
  z-index: 1
}

.in-app-purchase-artwork::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 6px;
  z-index: 1
}

.in-app-purchase-artwork--hero {
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: .5px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  background-color: #f8f8f8
}

@media only screen and (min-width:735px) {
  .in-app-purchase-artwork--hero {
    height: 221px
  }
}

.in-app-purchase-artwork__purchase .we-artwork__image {
  border-radius: 22.5%
}

.in-app-purchase-artwork__purchase::before {
  content: "";
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  display: block;
  position: absolute;
  top: 0;
  background: url(/assets/css/uservideos/iconproduct/ipro/iap-overlay-a858bf5d48a809d514e6396f68569dbe.svg) no-repeat;
  background-size: 100%;
  z-index: 1
}

html[dir=rtl] .in-app-purchase-artwork__purchase::before {
  transform: scaleX(-1)
}

.in-app-purchase-artwork__app {
  padding: 3px;
  position: absolute;
  top: 50%;
  background: #fff;
  border-radius: 22.5%;
  transform: translate(-153%, 53%);
  left: 50%;
  z-index: 1
}

.in-app-purchase-artwork--collection .in-app-purchase-artwork__app {
  padding: 1px;
  transform: translate(-160%, 60%)
}

.in-app-purchase-artwork__app::before {
  border: none;
  border-radius: 0;
  min-width: 0;
  min-height: 0
}

.we-lockup {
  color: #333;
  overflow: hidden;
  border-radius: 6px
}

.we-lockup--in-app-event {
  position: relative;
  overflow: visible
}

.we-lockup--in-app-event .we-lockup__overlay {
  position: relative;
  border-radius: 6px
}

.we-lockup--in-app-event .we-lockup__overlay::after,
.we-lockup--in-app-event .we-lockup__overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 40.82%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .65) 57.14%, rgba(0, 0, 0, .9) 67.86%, #000 79.08%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 40.82%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .65) 57.14%, rgba(0, 0, 0, .9) 67.86%, #000 79.08%)
}

.we-lockup--in-app-event .we-lockup__overlay::before {
  background-color: var(--systemStandardUltrathinMaterialSoverIncreaseContrast);
  z-index: 2
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
  .we-lockup--in-app-event .we-lockup__overlay::before {
    background-color: var(--systemStandardUltrathinMaterialSover);
    -webkit-backdrop-filter: saturate(160%) blur(60px);
    backdrop-filter: saturate(160%) blur(60px)
  }

  @media (prefers-color-scheme:dark) {
    .we-lockup--in-app-event .we-lockup__overlay::before {
      -webkit-backdrop-filter: saturate(180%) blur(60px);
      backdrop-filter: saturate(180%) blur(60px)
    }
  }
}

html.increase-contrast .we-lockup--in-app-event .we-lockup__overlay::before {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: var(--systemStandardUltrathinMaterialSoverIncreaseContrast)
}

.we-lockup--in-app-event .we-lockup__overlay::after {
  background-color: rgba(0, 0, 0, .08);
  mix-blend-mode: multiply;
  mix-blend-mode: plus-darker;
  z-index: 3
}

.we-lockup--in-app-event .we-lockup__artwork {
  margin-bottom: 0
}

.we-lockup--in-app-event .we-lockup__eyebrow {
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

.we-lockup--in-app-event .we-lockup__eyebrow+.we-lockup__title {
  margin-top: 3px
}

.we-lockup--in-app-event .we-lockup__title {
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 400;
  letter-spacing: .027em;
}

.we-lockup--in-app-event .we-lockup__title+.we-lockup__subtitle {
  margin-top: 1px
}

.we-lockup--in-app-event .we-lockup__copy {
  margin-bottom: 12px;
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #fff;
  z-index: 2;
  padding-left: 16px;
  padding-right: 16px;
  left: 0
}

.we-lockup--shelf-align-top {
  align-self: start
}

.we-lockup--in-book-shelf {
  overflow: visible
}

.we-lockup--in-book-shelf .we-lockup__copy {
  min-height: 4em
}

@supports (-webkit-line-clamp:2) {
  .we-lockup--in-book-shelf .we-lockup__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    align-items: initial
  }
}

.we-lockup__lockup-eyebrow {
  margin-bottom: 8px;
  color: #0070c9;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.we-lockup__artwork {
  margin-bottom: 7px
}

.we-lockup__artwork img {
  max-width: 100%;
  max-height: 100%
}

.we-lockup__artwork--book {
  margin-bottom: 20px
}

.we-lockup--person .we-lockup__subtitle,
.we-lockup--person .we-lockup__subtitle [dir=rtl],
.we-lockup--person .we-lockup__title,
.we-lockup--person .we-lockup__title [dir=rtl] {
  display: block;
  text-align: center
}

html[dir=rtl] .we-lockup__subtitle[dir=rtl],
html[dir=rtl] .we-lockup__title div[dir=rtl] {
  text-align: inherit;
  direction: ltr
}

.we-lockup__title {
  display: flex;
  justify-content: flex-start;
  align-items: baseline
}

.we-lockup:not(.we-lockup--in-app-event) .we-lockup__details,
.we-lockup:not(.we-lockup--in-app-event) .we-lockup__eyebrow,
.we-lockup:not(.we-lockup--in-app-event) .we-lockup__subtitle {
  color: #636366;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.lockup--arcade .we-lockup__eyebrow {
  color: #000;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

.we-truncate {
  position: relative;
  z-index: 1
}

.we-truncate--single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.we-truncate--single-line[dir=rtl] {
  width: 100%
}

@supports (-ms-ime-align:auto) {
  .we-truncate--truncated::before {
    content: '';
    color: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, .8) 33%, #fff 100%) no-repeat;
    display: block;
    position: absolute;
    bottom: 0;
    height: calc(1em + 1px);
    width: 4em;
    opacity: .9;
    z-index: 1;
    right: 0
  }
}

.ac-video-poster::before,
.we-video-thumbnail__control__icon::before {
  content: "";
  background-repeat: no-repeat
}

.we-truncate__button {
  float: right
}

@supports ((-webkit-mask: linear-gradient(white, black)) or (mask: linear-gradient(white, black))) {
  .we-truncate__button {
    position: absolute;
    bottom: 0;
    float: initial;
    right: 0;
    z-index: 1
  }
}

@supports (-ms-ime-align:auto) {
  .we-truncate__button {
    position: absolute;
    bottom: -1px;
    float: initial;
    right: 0;
    z-index: 2
  }
}

.we-truncate__button--direction-reversed {
  float: left
}

@supports ((-webkit-mask: linear-gradient(white, black)) or (mask: linear-gradient(white, black))) {
  .we-truncate__button--direction-reversed {
    position: absolute;
    bottom: 0;
    float: initial;
    left: -1;
    z-index: 1
  }
}

.we-truncate__button--top-offset {
  position: static;
  float: right
}

.we-selectable-item {
  cursor: auto
}

.we-selectable-item:not(.is-available) .we-selectable-item__link-text,
.we-selectable-item:not(.is-available) .we-selectable-item__link-text__headline {
  color: #636366
}

.we-selectable-item:not(.is-available) .we-selectable-item__link-text--work-headline {
  color: #333
}

.we-selectable-item.is-deep-linked td,
.we-selectable-item.is-now-playing td,
.we-selectable-item.we-selectable-item--allows-interaction:focus td,
.we-selectable-item.we-selectable-item--allows-interaction:hover td {
  border-top: 1px solid transparent
}

.we-selectable-item--allows-interaction .we-selectable-item__link-text__link {
  color: inherit
}

.we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start,
.we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy,
.we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text,
.we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline,
.we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating,
.we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start,
.we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy,
.we-selectable-item--allows-interaction:focus .we-selectable-item__link-text,
.we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline,
.we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating,
.we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start,
.we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy,
.we-selectable-item--allows-interaction:hover .we-selectable-item__link-text,
.we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline,
.we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link,
.we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating {
  color: #0070c9
}

.is-music-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start,
.is-music-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy,
.is-music-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text,
.is-music-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline,
.is-music-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.is-music-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating,
.is-music-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start,
.is-music-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy,
.is-music-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text,
.is-music-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline,
.is-music-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.is-music-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating,
.is-music-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start,
.is-music-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy,
.is-music-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text,
.is-music-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline,
.is-music-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link,
.is-music-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating {
  color: #e50914
}

.is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start,
.is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy,
.is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text,
.is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline,
.is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating {
  color: #0070c9
}

.is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start,
.is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy,
.is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text,
.is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline,
.is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.is-tv-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating,
.is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start,
.is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy,
.is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text,
.is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline,
.is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.is-tv-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating,
.is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start,
.is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy,
.is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text,
.is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline,
.is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link,
.is-tv-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating {
  color: #0f6ea1
}

.is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start,
.is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy,
.is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text,
.is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline,
.is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.is-mac-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating,
.is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start,
.is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy,
.is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text,
.is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline,
.is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.is-mac-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating,
.is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start,
.is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy,
.is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text,
.is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline,
.is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link,
.is-mac-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating {
  color: #0070c9
}

.is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start,
.is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy,
.is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text,
.is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline,
.is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.is-podcasts-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.is-podcasts-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link,
.is-podcasts-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating {
  color: #7d50df
}

.is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__badge-inline-start,
.is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__endcopy,
.is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text,
.is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__headline,
.is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.is-apps-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__star-rating,
.is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__badge-inline-start,
.is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__endcopy,
.is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text,
.is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__headline,
.is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.is-apps-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__star-rating,
.is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__badge-inline-start,
.is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__endcopy,
.is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text,
.is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__headline,
.is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link,
.is-apps-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__star-rating {
  color: #0070c9
}

.is-music-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__subcopy,
.is-music-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__subcopy,
.is-music-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__subcopy {
  color: rgba(218, 15, 71, .8)
}

.is-itunes-theme .we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__subcopy,
.is-itunes-theme .we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__subcopy,
.is-itunes-theme .we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__subcopy {
  color: rgba(0, 112, 201, .8)
}

.we-selectable-item--allows-interaction.is-deep-linked .we-selectable-item__link-text__link,
.we-selectable-item--allows-interaction:focus .we-selectable-item__link-text__link,
.we-selectable-item--allows-interaction:hover .we-selectable-item__link-text__link {
  text-decoration: underline
}

.we-selectable-item--allows-interaction {
  cursor: pointer
}

.ac-video-poster {
  height: 100% !important;
  background-color: #fff
}

.ac-video-poster::before {
  width: 35px;
  height: 35px;
  display: block;
  background-image: url(/assets/css/uservideos/iconproduct/loading-spinner-small-89b12d3c4bf034acf043c7e19e2a9ccd.svg);
  background-position: center center;
  background-size: 20px 20px;
  transition: background-image 0s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

@media only screen and (min-width:735px) {
  .ac-video-poster::before {
    background-image: url(/assets/css/uservideos/iconproduct/loading-spinner-large-2cbc4da7c3996a3a0178735cf08b63c1.svg);
    background-size: 35px 35px
  }
}

.ac-video-poster.ac-video-poster-hide::before {
  background-image: none
}

.ac-video-poster:not(.ac-video-poster-hide)+.ac-video-controls .center-button-container {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.we-video-thumbnail {
  position: relative;
  z-index: 1
}

.we-video-thumbnail--small-bottom-margin {
  margin-bottom: 4px
}

.we-video-thumbnail__control {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .35);
  opacity: 0;
  transition: opacity .15s ease-in-out;
  z-index: 1
}

.has-touch .we-video-thumbnail__control,
.no-touch .we-video-thumbnail__control:active,
.no-touch .we-video-thumbnail__control:focus,
.no-touch .we-video-thumbnail__control:hover {
  opacity: 1
}

@media only screen and (max-width:734px) {
  .we-lockup--in-book-shelf {
    margin-top: 35px
  }

  .we-video-thumbnail__control--small-viewportwidth {
    width: 100vw;
    margin-left: -7.14286%
  }

  .we-video-thumbnail__control__icon {
    max-width: 44px;
    padding: 0
  }

  .we-video-thumbnail__control__icon::before {
    margin-top: 1px
  }
}

.we-video-thumbnail__control__icon {
  min-width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 22px;
  background-color: rgba(216, 216, 216, .3);
  cursor: pointer;
  z-index: 1
}

.we-video-thumbnail__control__icon:hover {
  text-decoration: none
}

.we-video-thumbnail__control__icon::before {
  width: 15px;
  height: 17px;
  display: inline-block;
  margin-left: 3px;
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/video-thumbnail-sm-c3cb41a10f2ac99ce149671c1d7c02d9.svg);
  background-position: center;
  background-size: 15px 17px
}

@media only screen and (min-width:735px) {
  .we-video-thumbnail__control__icon {
    padding: 0 12px
  }

  .we-video-thumbnail__control__icon::before {
    background-size: 11px 12px
  }

  html[dir=rtl] .we-video-thumbnail__control__icon::before {
    margin-left: 1px
  }

  .we-video-thumbnail__control__icon.we-video-thumbnail__control__icon--no-text {
    padding: 0;
    width: 54px;
    height: 54px;
    border-radius: 27px
  }

  .we-video-thumbnail__control__icon.we-video-thumbnail__control__icon--no-text::before {
    width: 20px;
    height: 23px;
    margin-top: 1px;
    margin-left: 6px;
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/video-thumbnail-lg-ba9e0ce51c10e57cf68c0a32aa421cee.svg);
    background-size: 20px 23px
  }

  .we-about-artist-inline__desc--detailed {
    padding-right: 20px
  }
}

.we-video-thumbnail__control__text {
  padding-top: 2px;
  margin-left: 5px;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

@media only screen and (max-width:734px) {
  .we-lockup .we-video-thumbnail__control__text {
    display: none
  }
}

@supports (-ms-ime-align:auto) {
  .we-video-thumbnail__control__text {
    padding-top: 0
  }

  .we-video-thumbnail--hero .we-video-thumbnail__control__text {
    padding-top: 1px
  }
}

html[dir=rtl] .we-video-thumbnail__control__text {
  padding-top: 1px;
  margin-right: 3px
}

.we-video-thumbnail--hero .we-video-thumbnail__control__text {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
  margin-left: 5px
}

@media only screen and (min-width:1069px) {
  .we-video-thumbnail--hero .we-video-thumbnail__control__text {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 600;
    letter-spacing: -.022em;
    padding-top: 1px;
    margin-left: 10px;
    margin-right: 4px
  }

  @supports (-ms-ime-align:auto) {
    .we-video-thumbnail--hero .we-video-thumbnail__control__text {
      padding-top: 2px
    }
  }
}

.information-list:not(.information-list--app) :not(:first-of-type)>.information-list__item__term,
.information-list__item__definition__item:not(:first-of-type) {
  padding-top: 16px
}

@media only screen and (max-width:735px) {
  .we-about-artist-inline__desc {
    padding-bottom: 12px
  }
}

.we-about-artist-inline__artwork-link {
  display: block;
  line-height: 0
}

.we-about-artist-inline__details-item {
  border: none;
  min-height: 0;
  vertical-align: top;
  margin-bottom: 18px
}

.l-column--equal-height>.we-customer-review,
.l-column--equal-height>.we-trusted-review {
  min-height: 184px
}

.we-about-artist-inline__details-label {
  transform: translateY(1px);
  color: #636366;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .006em;
}

.we-about-artist-inline__details-info {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-about-artist-inline__details-info,
.we-about-artist-inline__details-label {
  line-height: 18px
}

.information-list {
  display: table;
  width: 100%;
  border-collapse: collapse
}

.information-list.information-list--app {
  display: block;
  width: auto
}

.information-list.information-list--episode {
  padding-right: 36px
}

.information-list__item {
  display: table-row
}

.information-list--app .information-list__item {
  padding-bottom: 16px;
  display: inline-block
}

.information-list__item__term {
  display: table-cell;
  text-align: right;
  vertical-align: initial;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.information-list--app .information-list__item__term {
  display: block;
  vertical-align: top;
  color: #636366;
  text-align: left
}

.information-list__item__definition {
  display: table-cell;
  vertical-align: initial;
  padding-left: 20px;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

html[dir=rtl] .information-list__item__definition p[dir=ltr] {
  text-align: right;
  text-align: end
}

.information-list--app .information-list__item__definition {
  display: block;
  padding-left: 0
}

.information-list__item__definition__item__term {
  color: #000;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.we-media-preview {
  width: 100%;
  min-width: 32px;
  height: 100%;
  box-sizing: border-box;
  line-height: 0;
  z-index: 2
}

.we-media-preview--work {
  transform: translateX(-7px)
}

.we-star-rating {
  display: inline-block
}

.we-star-rating-stars,
.we-star-rating-stars-outlines {
  display: inline-block;
  height: 9.5px;
  background-image: url(/assets/css/uservideos/svg/stars-lg-bc.svg);
  background-size: 10px 19px
}

.we-star-rating--large .we-star-rating-stars,
.we-star-rating--large .we-star-rating-stars-outlines {
  height: 25px;
  background-size: 24px 50px
}

.we-star-rating-stars-outlines {
  width: 50px;
  background-position: 0 9.5px;
  line-height: 9.5px;
  z-index: 1
}

.we-star-rating--large .we-star-rating-stars-outlines {
  width: 120px;
  background-position: 0 25px
}

.we-star-rating-stars {
  width: 0;
  background-position-x: 0
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-0,
.we-star-rating-stars.we-star-rating-stars-0 {
  width: 0
}

.we-star-rating-stars.we-star-rating-stars-0_5 {
  width: 5px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-0_5 {
  width: 12px
}

.we-star-rating-stars.we-star-rating-stars-1 {
  width: 10px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-1 {
  width: 24px
}

.we-star-rating-stars.we-star-rating-stars-1_5 {
  width: 15px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-1_5 {
  width: 36px
}

.we-star-rating-stars.we-star-rating-stars-2 {
  width: 20px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-2 {
  width: 48px
}

.we-star-rating-stars.we-star-rating-stars-2_5 {
  width: 25px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-2_5 {
  width: 60px
}

.we-star-rating-stars.we-star-rating-stars-3 {
  width: 30px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-3 {
  width: 72px
}

.we-star-rating-stars.we-star-rating-stars-3_5 {
  width: 35px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-3_5 {
  width: 84px
}

.we-star-rating-stars.we-star-rating-stars-4 {
  width: 40px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-4 {
  width: 96px
}

.we-star-rating-stars.we-star-rating-stars-4_5 {
  width: 45px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-4_5 {
  width: 108px
}

.we-star-rating-stars.we-star-rating-stars-5 {
  width: 50px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-5 {
  width: 120px
}

.we-rating-count {
  display: inline-block
}

.we-customer-ratings {
  margin-bottom: 15px
}

.we-customer-ratings__stats {
  display: inline-flex;
  vertical-align: bottom;
  justify-content: space-between
}

.we-customer-ratings__averages {
  text-align: center;
  color: #636366;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

@media only screen and (min-width:735px) {
  .we-customer-ratings__averages {
    text-align: left
  }
}

.we-customer-ratings__count {
  margin-top: 8px;
  text-align: right;
  color: #a3a3a3;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

@media only screen and (min-width:735px) {
  .we-customer-ratings__count {
    margin-top: 0;
    align-self: flex-end
  }
}

.we-customer-review,
.we-trusted-review {
  background-color: rgba(255, 255, 255, .1);
  border-radius: 6px;
  align-self: start;
  height: 100%
}

.we-customer-ratings__averages__display {
  margin-bottom: 10px;
  display: block;
  line-height: 43px;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -.07em;
  color: #a3a3a3;
  margin-right: 3px
}

@media only screen and (min-width:735px) {
  .we-customer-ratings__averages__display {
    margin-bottom: 0;
    display: inline-block
  }
}

.we-customer-review {
  padding: 13px 16px 16px
}

.we-modal__content__wrapper .we-customer-review {
  padding-left: 0;
  padding-right: 0
}

.we-customer-review__rating {
  margin-bottom: 3px
}

.we-customer-review__header {
  display: flex
}

.we-customer-review__separator {
  white-space: pre
}

html[dir=rtl] .we-customer-review__separator {
  margin-left: .25em
}

.we-customer-review__title {
  font-size: 13px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.we-customer-review__body {
  font-size: 13px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-customer-review__header--user {
  margin-bottom: 15px;
  color: #a3a3a3;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

.we-customer-review__user[dir=rtl] {
  width: initial
}

.we-customer-review__date {
  flex-shrink: 0;
  white-space: nowrap
}

.we-customer-review__date--response {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.we-customer-review__header--response {
  margin-top: 18px
}

.we-trusted-review {
  padding: 13px 16px 16px
}

.we-modal__content__wrapper .we-trusted-review {
  padding-left: 0;
  padding-right: 0
}

.we-trusted-review__header,
.we-trusted-review__subhead {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center
}

.we-trusted-review__header {
  margin-bottom: 14px
}

.we-trusted-review__header--critic {
  display: block
}

.we-trusted-review__consensus-rating {
  line-height: 0;
  overflow: hidden;
  margin-left: 20px
}

.we-trusted-review__consensus-rating:first-child {
  margin-left: 0
}

.we-trusted-review__subhead {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center
}

.we-trusted-review__critic-source,
.we-trusted-review__rating {
  display: block;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .023em;
}

.we-trusted-review__critic-source::before,
.we-trusted-review__rating::before {
  vertical-align: baseline;
  margin-right: 6px
}

.we-trusted-review__rating {
  margin-top: 2px
}

.we-trusted-review__rating-subcopy {
  display: block;
  color: #636366;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.we-trusted-review__body-label,
.we-trusted-review__breakdown-label {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.we-trusted-review__summary-item {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-trusted-review__summary-value {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.has-modal--page-overlay {
  overflow: hidden
}

.has-modal--full-viewport {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1
}

.has-modal--full-viewport body {
  height: 100%;
  overflow: hidden
}

.we-modal {
  position: fixed;
  top: 48px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  max-height: 100vh;
  z-index: 0
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .we-modal {
    top: 0
  }
}

@supports (-ms-ime-align:auto) {
  .we-modal {
    top: 0
  }
}

.we-modal--page-overlay {
  padding: 0;
  background: rgba(255, 255, 255, .9)
}

@media only screen and (min-width:735px) {
  .we-modal {
    top: 0
  }

  .we-modal--page-overlay {
    padding-top: 54px;
    padding-bottom: 54px
  }
}

.we-modal__content {
  height: calc(100vh - 49px);
  width: 100%;
  position: absolute;
  top: 50%;
  background: #fff;
  word-break: break-word;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 1;
  border-top: 1px solid #d6d6d6;
  padding: 30px 5px 30px 20px
}

@media only screen and (min-width:735px) {
  .we-modal__content {
    height: auto;
    max-width: 600px;
    max-height: calc(100vh - 108px);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 10px;
    box-shadow: 0 15px 20px rgba(0, 0, 0, .5)
  }
}

.we-modal__content--review {
  background-color: #f8f8f8
}

.we-modal__content__wrapper {
  max-height: calc(100vh - 109px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 15px
}

@media only screen and (min-width:735px) {
  .we-modal__content__wrapper {
    max-height: calc(100vh - 168px)
  }
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .we-modal__content {
    border-top: 0;
    height: 100vh
  }

  .we-modal__content__wrapper {
    max-height: 100%
  }
}

.we-modal--full-viewport {
  background: #fff
}

.we-modal--open {
  display: block;
  z-index: 10001
}

.we-modal__close {
  margin: 0;
  padding: 0 20px 0 0;
  width: 40px;
  height: 30px;
  box-sizing: border-box;
  border: 0;
  position: absolute;
  top: 15px;
  overflow: hidden;
  transform: translateY(-50%);
  font-size: 12px;
  cursor: pointer;
  background: 0 0;
  color: #636366;
  text-align: right;
  left: 0;
  z-index: 10001
}

.we-modal__close::after,
.we-modal__close::before {
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
  position: relative;
  z-index: 1;
  alt: '';
  text-decoration: none;
  content: ""
}

.we-modal__close::before {
  display: none
}

.we-modal__close--overlay {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: default;
  z-index: 0
}

.we-star-bar-graph__row {
  display: flex;
  align-items: center
}

.we-star-bar-graph__bar {
  width: calc(100% - 59px);
  height: 2px;
  position: relative;
  top: 1px;
  background-color: #efeff4;
  border-radius: 4px;
  margin-left: 10px;
  z-index: 1
}

.we-star-bar-graph__bar__foreground-bar {
  max-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #636366;
  border-radius: 4px;
  left: 0;
  z-index: 1
}

.we-star-bar-graph__stars {
  width: 10px;
  height: 9px;
  display: inline-block;
  background-image: url(/assets/css/uservideos/svg/five-star-rating-gray-ec.svg);
  background-size: 49px 9px;
  background-position: 100% center;
  background-repeat: no-repeat;
  margin-left: auto
}

.we-star-bar-graph__stars--2 {
  width: 19.5px
}

.we-star-bar-graph__stars--3 {
  width: 29.5px
}

.we-star-bar-graph__stars--4 {
  width: 39.5px
}

.we-star-bar-graph__stars--5 {
  width: 49px
}

.we-screenshot-viewer+.we-screenshot-viewer {
  margin-top: 11px
}

.we-screenshot-viewer__screenshots .we-screenshot-viewer__screenshot--labelled {
  padding-bottom: 28px
}

@media only screen and (max-width:734px) {
  .we-screenshot-viewer__screenshots {
    margin-top: 15px
  }
}

.we-screenshot-viewer__screenshots-list {
  align-items: center
}

.we-screenshot-viewer__screenshots__label {
  margin-top: -25px;
  color: #636366
}

@supports (-ms-ime-align:auto) {
  .we-screenshot-viewer__screenshots {
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .we-screenshot-viewer__screenshots__label {
    margin-top: -32px
  }
}

.we-loading-spinner {
  min-width: 20px;
  height: 20px;
  background-image: url(/assets/css/uservideos/iconproduct/loading-spinner-small-89b12d3c4bf034acf043c7e19e2a9ccd.svg);
  background-size: 20px;
  background-position: center center;
  background-repeat: no-repeat
}

@media only screen and (min-width:735px) {
  .we-modal__show {
    margin-bottom: 17px
  }

  .we-star-bar-graph {
    margin-bottom: 4px
  }

  .we-screenshot-viewer__screenshots {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
  }

  .we-loading-spinner {
    height: 35px;
    background-image: url(/assets/css/uservideos/iconproduct/loading-spinner-large-2cbc4da7c3996a3a0178735cf08b63c1.svg);
    background-size: 35px
  }
}

.we-loading-spinner--see-all {
  margin-top: 4px;
  margin-bottom: 22px
}

.we-loading-spinner--small {
  min-width: 20px;
  height: 20px;
  background-size: 20px
}

.supports-list__item {
  display: inline-flex;
  flex-direction: row
}

.supports-list__item__artwork {
  margin-top: 2px;
  min-width: 46px;
  height: 46px
}

.product-header>:first-child,
.product-header__list>:first-child {
  margin-top: 0
}

.supports-list__item__copy {
  min-width: 0;
  margin-left: 10px
}

.supports-list__item__copy__heading {
  margin-bottom: 1px
}

.product-header>:last-child,
.product-header__list>:last-child {
  margin-bottom: 0
}

html[dir=rtl] .supports-list__item__copy__heading[dir=ltr] {
  text-align: left;
  text-align: end
}

.supports-list__item__copy__description {
  color: #636366;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.product-header__eyebrow {
  color: #636366;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

.app-header--arcade .product-header__eyebrow {
  color: #1d1d1f;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.album-header__identity,
.product-header__list,
.product-header__preorder-disclaimer,
.product-header__routes__client-not-detected,
.product-header__subtitle,
.product-hero__controls {
  color: rgba(235, 235, 245, .6)
}

@media only screen and (min-width:735px) {
  .app-header--arcade .product-header__eyebrow {
    font-size: 18px;
    line-height: 1.22226;
    font-weight: 600;
    letter-spacing: .027em;
  }
}

.product-header__title {
  display: block;
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 600;
  letter-spacing: .027em;
}

@media only screen and (min-width:735px) {
  .product-header__title {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: .023em;
  }

  .product-header--padded-start {
    padding-left: 10px
  }
}

.product-header__title.icon-explicit-large::after,
.product-header__title.icon-explicit::after {
  font-weight: 400;
  font-size: 16px;
  vertical-align: middle
}

.product-header__identity,
.product-header__subtitle {
  display: block;
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 400;
  letter-spacing: .027em;
}

.product-header__list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.product-header__routes {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 32px;
  position: relative;
  z-index: 1
}

.product-header__routes.small-hide {
  display: none
}

.product-header__routes.small-show {
  display: flex
}

@media only screen and (min-width:735px) {
  .product-header__routes.medium-hide {
    display: none
  }

  .product-header__routes.medium-show {
    display: flex
  }
}

@media only screen and (min-width:1069px) {
  .product-header__routes.large-hide {
    display: none
  }

  .product-header__routes.large-show {
    display: flex
  }
}

.product-header__routes--wrap {
  margin-bottom: 16px;
  align-items: center
}

.product-header__routes--desc {
  margin-top: 15px;
  margin-bottom: 32px
}

.product-header__routes__cta {
  margin: 0;
  flex-shrink: 0
}

@media only screen and (min-width:735px) {
  .product-header__routes__cta {
    margin: 0 10px 0 0
  }
}

.product-header__routes__cta--book-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.product-header__routes__cta__open-cta {
  margin-right: 10px
}

.product-header__routes__cta__listen-cta {
  display: flex;
  flex-direction: row-reverse;
  align-items: center
}

.product-header__routes__cta__listen-cta::after {
  font-size: 1em;
  margin-right: 6px
}

.product-header__routes__badges {
  margin-left: 1em
}

.product-artwork--bottom-separator {
  margin-bottom: 20px
}

.product-artwork--captioned {
  margin-bottom: 12px
}

@media only screen and (max-width:734px) {
  .product-artwork--bottom-separator-button {
    margin-bottom: 16px
  }

  .product-artwork--bottom-separator-price {
    margin-bottom: 17px
  }

  .product-hero-desc--small {
    padding-top: 17px;
    border-top: 1px solid #d6d6d6
  }
}

.product-artwork__caption {
  padding-bottom: 10px;
  color: #636366
}

.product-hero {
  z-index: 2
}

@supports (-ms-ime-align:auto) {
  .localnav-sticking~html[dir=rtl] .product-hero {
    margin-top: 52px
  }
}

.product-hero__cta {
  margin-bottom: 32px
}

.product-hero__nav {
  margin-top: 17px
}

@media only screen and (min-width:735px) {
  .product-artwork__caption {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between
  }

  .product-hero__nav {
    margin-top: 27px
  }

  .product-hero__tracks,
  .product-hero__tracks-sosumi {
    padding-left: 10px
  }

  .product-hero__badges {
    max-height: 30px;
    position: absolute;
    right: 0;
    z-index: 1
  }
}

.product-hero__tracks--top-margin-small {
  margin-top: 20px
}

.product-hero__tracks--top-margin-large {
  margin-top: 32px
}

.product-hero__extras-badge {
  max-height: 30px;
  display: block
}

.product-hero__extras-badge__image {
  height: auto;
  max-height: 30px
}

.product-hero__controls {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 21px;
  border-top: 1px solid #d6d6d6
}

.product-hero__controls.small-hide {
  display: none
}

.product-hero__controls.small-show {
  display: flex
}

@media only screen and (min-width:735px) {
  .product-hero__controls.medium-hide {
    display: none
  }

  .product-hero__controls.medium-show {
    display: flex
  }
}

@media only screen and (min-width:1069px) {
  .product-hero__controls.large-hide {
    display: none
  }

  .product-hero__controls.large-show {
    display: flex
  }
}

+.product-hero-desc {
  margin-top: 20px
}

.product-hero-desc--spacer-bottom {
  margin-bottom: 20px
}

.product-hero-desc--spacer-bottom-large {
  margin-bottom: 32px
}

.product-hero-desc--side-bar {
  padding-top: 17px;
  border-top: 1px solid #d6d6d6
}

.product-hero-desc--side-bar-as-caption {
  padding-top: 5px
}

.product-hero-desc__section::after {
  display: block;
  content: '';
  clear: both
}

.product-controls {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: baseline;
  justify-content: flex-start
}

@media only screen and (min-width:735px) {
  .product-controls {
    justify-content: flex-end
  }
}

.product-controls--hero,
.product-controls--hero-with-table {
  flex-grow: 1;
  padding-top: 16px;
  padding-bottom: 16px
}

.product-controls--hero .product-controls__button:not(:last-of-type),
.product-controls--hero-with-table .product-controls__button:not(:last-of-type) {
  margin-right: 29px
}

.product-controls--hero .product-controls__button::before,
.product-controls--hero-with-table .product-controls__button::before {
  margin-left: 7px;
  margin-right: 9px
}

.product-controls--hero .product-controls__button.icon-play::before,
.product-controls--hero-with-table .product-controls__button.icon-play::before {
  margin-left: 10px;
  margin-right: 3px
}

.product-controls--hero-with-table {
  padding-bottom: 15px
}

.product-controls--hero-controls {
  padding-top: 14px;
  padding-bottom: 14px
}

.product-controls--artwork {
  transition: opacity .15s ease-in-out, transform .2s ease-in-out
}

.product-controls--artwork .product-controls__button:not(:last-of-type) {
  margin-right: 19px
}

.product-controls--artwork .product-controls__button.icon-play::after {
  margin-left: 4px
}

.product-controls__button.icon::after,
.product-controls__button.icon::before {
  vertical-align: middle
}

.product-controls__button.icon-play::after,
.product-controls__button.icon-play::before {
  font-size: 15px
}

@supports (-ms-ime-align:auto) {
  .product-controls__button.icon-play.icon-after::after {
    padding-left: .3em;
    top: -2px
  }

  .product-controls__button.icon-play.icon-before::before {
    padding-right: .3em;
    display: inline-block;
    top: -2px
  }

  .product-controls__button.icon-play.icon-before::after {
    display: none
  }

  .we-clamp {
    -webkit-mask-image: none !important;
    mask-image: none !important
  }
}

.product-controls__button.icon-shuffle::after,
.product-controls__button.icon-shuffle::before {
  font-size: 22px
}

.album-header {
  margin-bottom: 16px
}

@media only screen and (min-width:735px) {
  .album-header {
    margin-top: 10px;
    margin-bottom: 26px
  }
}

.album-header__identity {
  margin-bottom: 2px
}

.album-header__routes {
  margin-top: 15px
}

.app-header__identity,
.app-header__subtitle {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

@media only screen and (min-width:735px) {
  .app-header {
    margin-top: 9px
  }

  .app-header--arcade {
    margin-top: 0
  }

  .app-header__identity,
  .app-header__subtitle {
    font-size: 18px;
    line-height: 1.22226;
    font-weight: 400;
    letter-spacing: .027em;
  }
}

.app-header__list {
  margin-top: 7px
}

@media only screen and (min-width:735px) {
  .app-header__list {
    margin-top: 9px
  }
}

@media only screen and (max-width:734px) {
  .app-header__title {
    margin-bottom: 2px
  }

  .app-header__list {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: 0;
  }

  . .app-header__list:last-of-type {
    margin-top: 14px
  }
}

@media only screen and (min-width:735px) {
  .app-header__list {
    margin-top: 11px
  }

  .app-header__list:last-of-type {
    margin-top: 12px
  }
}

.app-header__list__item--price {
  color: #333
}

.app-header__subtitle+.app-header__identity {
  margin-top: 2px
}

.app-header__designed-for {
  margin-top: 2px;
  color: #636366;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.app-header__routes {
  margin-top: 6px
}

.app-header__list__item--arcade-release-date,
.app-header__list__item--preorder {
  color: #0070c9
}

.page-header--a {
  padding-top: 42px;
  padding-bottom: 32px
}

.page-header--b {
  padding-top: 8px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media only screen and (max-width:734px) {
  .page-header--b.page-header--artist.page-header--with-artwork {
    padding-top: 0;
    align-items: center
  }
}

@media only screen and (min-width:735px) {
  .app-header__routes {
    margin-top: 5px
  }

  .page-header--b {
    padding-bottom: 12px;
    max-width: 100%;
    align-items: center;
    flex-direction: row;
    justify-content: space-between
  }

  .page-header--b:not(.page-header--with-artwork) {
    padding-top: 28px
  }
}

.page-header--b2,
.page-header--developer {
  padding-bottom: 32px
}

.page-header--b2 {
  padding-top: 12px
}

@media only screen and (min-width:735px) {
  .page-header--b2 {
    padding-top: 8px
  }
}

.page-header__title {
  font-size: 34px;
  line-height: 1.20596;
  font-weight: 700;
  letter-spacing: .018em;
}

@media only screen and (max-width:734px) {
  .page-header--developer.page-header--with-artwork {
    align-items: flex-start
  }

  .page-header--author {
    padding-top: 20px;
    padding-bottom: 32px
  }

  .page-header__title {
    margin-bottom: 11px
  }
}

.page-header--b .page-header__title:last-child {
  margin-bottom: 11px
}

@media only screen and (min-width:735px) {

  .page-header--a .page-header__title,
  .page-header--b2 .page-header__title {
    margin-bottom: 10px
  }
}

.page-header__description {
  margin-bottom: 16px
}

.page-header__cta--hero-artist {
  flex-shrink: 0
}

.podcast-header {
  margin-bottom: 20px
}

@media only screen and (min-width:735px) {
  .podcast-header {
    margin-top: 10px;
    margin-bottom: 32px
  }
}

.podcast-header__identity {
  margin-bottom: 2px
}

.podcast-header__list {
  margin-top: 12px
}

.podcast-header__routes {
  margin-top: 15px;
  margin-bottom: 32px
}

@media only screen and (min-width:735px) {
  .podcast-header__routes {
    margin-bottom: 13px
  }

  .movie-header {
    margin-top: 7px
  }
}

.movie-header__title {
  margin-bottom: 0
}

@media only screen and (min-width:735px) {
  .movie-header__title {
    margin-bottom: 4px
  }
}

.movie-header__list {
  margin-bottom: 13px
}

@media only screen and (min-width:735px) {
  .movie-header__list {
    margin-bottom: 12px
  }
}

@media only screen and (max-width:734px) {
  .movie-header__list:last-of-type {
    margin-bottom: 11px
  }

  .movie-header__list .movie-header__list__item--release-date {
    flex-basis: 100%;
    display: block
  }

  .movie-header__list .movie-header__list__item--release-date::before {
    content: normal
  }
}

.movie-header__list.movie-header__list--price {
  margin-top: 12px;
  margin-bottom: 5px;
  color: #333
}

@media only screen and (max-width:1068px) {
  .movie-header__list .movie-header__list__item--expected-release-date {
    flex-basis: 100%;
    display: block
  }

  .movie-header__list .movie-header__list__item--expected-release-date::before {
    content: normal
  }
}

.movie-header__desc+.movie-header__routes {
  margin-top: 15px
}

@media only screen and (min-width:735px) {
  .video-header {
    margin-top: 0
  }
}

@media only screen and (min-width:1069px) {
  .movie-header {
    padding-right: 60px
  }

  .video-header {
    margin-top: 9px
  }
}

@media only screen and (min-width:735px) {
  .show-header {
    margin-top: 7px
  }
}

.show-header__subtitle {
  margin-bottom: 6px
}

.show-header__list {
  margin-bottom: 12px
}

.show-header__title+.show-header__list {
  margin-top: 1px
}

@media only screen and (min-width:735px) {
  .show-header__title+.show-header__list {
    margin-top: 4px
  }
}

@media only screen and (max-width:734px) {
  .show-header--itunes .show-header__list {
    margin-bottom: 5px
  }

  .show-header--tv .show-header__list {
    margin-bottom: 2px
  }

  .show-header__list .show-header__list__item--release-date {
    margin-top: 1px;
    flex-basis: 100%;
    display: block
  }

  .show-header__list .show-header__list__item--release-date::before {
    content: normal
  }

  .show-header__description {
    border-top: none
  }
}

.show-header__list--price {
  margin-top: 4px;
  margin-bottom: 5px;
  color: rgba(235, 235, 245, .6)
}

.show-header__desc+.show-header__routes {
  margin-top: 7px
}

.list-button:first-of-type,
.tracklist-footer,
.version-history__item {
  border-top: 1px solid #d6d6d6
}

.book-header__title {
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 600;
  letter-spacing: 0;
}

@media only screen and (min-width:735px) {
  .book-header {
    margin-top: 6px
  }

  .book-header__title {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0;
  }
}

.book-header__subtitle {
  color: #000;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: 0;
}

@media only screen and (min-width:735px) {
  .book-header__subtitle {
    font-size: 18px;
    line-height: 1.22226;
    font-weight: 600;
    letter-spacing: 0;
  }

  .book-header__author {
    margin-top: 8px
  }
}

.book-header__author {
  margin-bottom: 11px;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.book-header__list {
  margin-bottom: 13px
}

@media only screen and (min-width:735px) {
  .book-header__author {
    font-size: 18px;
    line-height: 1.22226;
    font-weight: 400;
    letter-spacing: .027em;
  }

  .book-header__list {
    margin-bottom: 12px
  }
}

.book-header__list.book-header__list--order {
  margin-top: 4px
}

.book-header__list--order {
  margin-bottom: 5px
}

.book-header__list__item--price {
  color: #333
}

.book-header__routes {
  margin-top: 6px
}

.we-connecting {
  background: #efeff4;
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

.we-connecting.carrier {
  background: 0 0
}

.we-connecting::after {
  display: block;
  content: ''
}

.we-connecting__header {
  flex-shrink: 0;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px
}

.we-connecting::after,
.we-connecting__header {
  flex-basis: 83px
}

.we-connecting__header-logo {
  width: 61px;
  height: 19px
}

.we-connecting__content {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.we-connecting__logo {
  flex-basis: 92px
}

.we-connecting__logo-img {
  width: 75px;
  height: 75px
}

.we-connecting__header path {
  fill: #454445
}

.we-connecting__title {
  margin-bottom: .5em;
  display: inline-block;
  font-size: 40px;
  line-height: 1.05;
  font-weight: 300;
  letter-spacing: 0;
}

@media only screen and (min-width:1069px) {
  .we-connecting__title {
    font-size: 54px;
    line-height: 1.07429;
    font-weight: 300;
    letter-spacing: 0;
  }
}

@media only screen and (min-width:735px) {
  .book-header__routes {
    margin-top: 5px
  }

  .we-connecting__title {
    padding-left: .5em
  }
}

.we-connecting__apple-music {
  margin-bottom: 25px;
  display: inline-block;
  text-align: center
}

.we-connecting__apple-music__image {
  width: 125px;
  height: 30px;
  display: inline-block
}

.we-connecting__button {
  margin-right: auto;
  margin-bottom: 26px;
  margin-left: auto
}

.we-connecting__instructions {
  max-width: 350px;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center;
  color: #636366
}

.we-connecting__instructions--carrier {
  margin-bottom: 25px;
  color: #000
}

.we-connecting__launch-app {
  margin: 34px auto 0;
  text-align: inherit
}

.we-connecting__ellipses>span {
  -webkit-animation-name: ellipses-opacity;
  animation-name: ellipses-opacity;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.is-itunes-theme .we-share .we-share__list-item,
.is-itunes-theme .we-share.we-share--closing .we-share__list-item,
.we-share .we-share__list-item,
.we-share.we-share--closing .we-share__list-item {
  -webkit-animation-timing-function: cubic-bezier(.21, .11, .18, 1);
  animation-timing-function: cubic-bezier(.21, .11, .18, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.we-connecting__ellipses>:nth-child(1) {
  -webkit-animation-delay: .20833s;
  animation-delay: .20833s
}

.we-connecting__ellipses>:nth-child(2) {
  -webkit-animation-delay: .41667s;
  animation-delay: .41667s
}

.we-connecting__ellipses>:nth-child(3) {
  -webkit-animation-delay: 625ms;
  animation-delay: 625ms
}

.we-connecting__ellipses>:nth-child(4) {
  -webkit-animation-delay: .83333s;
  animation-delay: .83333s
}

.we-connecting__ellipses>:nth-child(5) {
  -webkit-animation-delay: 1.04167s;
  animation-delay: 1.04167s
}

.we-connecting__ellipses>:nth-child(6) {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s
}

@-webkit-keyframes ellipses-opacity {

  0%,
  100%,
  60%,
  9% {
    opacity: 0
  }

  10%,
  59% {
    opacity: 1
  }
}

@keyframes ellipses-opacity {

  0%,
  100%,
  60%,
  9% {
    opacity: 0
  }

  10%,
  59% {
    opacity: 1
  }
}

.story {
  counter-reset: story-caption
}

.story__section {
  margin-bottom: 32px
}

.story__section--linkblock {
  margin-bottom: 20px;
  position: relative;
  display: block;
  align-self: stretch;
  background: #efeff4;
  border-radius: 6px;
  padding: 13px 32px 11.5px 16px;
  color: #000;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.story__section--linkblock::after,
.story__section--linkblock::before {
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
  position: relative;
  z-index: 1;
  alt: '';
  text-decoration: none;
  content: ""
}

.story__section--linkblock::after,
.story__textblock,
.story__textblock b {
  font-size: 18px;
  letter-spacing: .027em
}

.story__section--linkblock::before {
  display: none
}

.story__section--linkblock::after {
  padding-left: .3em;
  top: 50%;
  position: absolute;
  color: #636366;
  transform: translateY(-50%);
  line-height: 1.22226;
  font-weight: 600;
  right: 16px;
  z-index: 1
}

html[dir=rtl] .story__section--linkblock::after {
  content: ""
}

.story__thumbnail {
  margin-bottom: 10px
}

@media only screen and (min-width:735px) {
  .story__thumbnail {
    margin-bottom: 0
  }
}

.story__textblock {
  color: #636366;
  line-height: 1.22226;
  font-weight: 400;
}

.story__textblock b {
  color: #000;
  line-height: 1.22226;
  font-weight: 600;
}

.story__textlist {
  color: #636366;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.story__headline {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: .023em;
}

.story__article-media {
  margin-bottom: 20px
}

.story__article-media--square {
  border-radius: none
}

.story__article-media--captioned {
  margin-bottom: 32px
}

.story__article-media__image {
  border-radius: 6px
}

.story__article-media__caption {
  display: flex;
  padding: 14.5px 20px 15.5px;
  color: #636366;
  background-color: #efeff4;
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 400;
  letter-spacing: .027em;
}

.story__article-media__caption--tipblock {
  padding-left: 0;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.story__article-media__caption--tipblock::before {
  display: block;
  content: attr(data-count);
  color: #000;
  text-align: center;
  flex: 0 0 40px;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

.story__article-media__caption--numbered::before {
  counter-increment: story-caption;
  content: counter(story-caption)
}

.story__label {
  color: #636366;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

.story__pullquote {
  display: flex;
  padding-top: 2px
}

.story__pullquote::before {
  width: 40px;
  content: "\275d";
  color: #636366;
  transform: translate(-3px, -4.5px);
  font-size: 45px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.0315em;
}

.story__pullquote-quote {
  color: #000;
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .023em;
}

.story__pullquote-quote::after {
  content: "\275e";
  color: #636366
}

.story__pullquote-attribution {
  color: #636366;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.story-card {
  width: 100vw;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  margin: 0 0 20px -20px;
  overflow: hidden
}

@media only screen and (min-width:320px) {
  .story-card {
    margin-left: -6.25vw
  }
}

@media only screen and (min-width:366.71429px) {
  .story-card {
    width: 320px;
    max-width: 100%;
    margin: 0 auto 20px;
    border-radius: 10px
  }
}

.story-card--branded,
.story-card--content:not(.story-card--list) {
  min-height: 409.26px
}

@media only screen and (min-width:735px) {
  .story-card {
    width: auto;
    margin: 0
  }

  .story-card--branded,
  .story-card--content:not(.story-card--list) {
    min-height: 443px
  }
}

@media only screen and (min-width:1069px) {

  .story-card--branded,
  .story-card--content:not(.story-card--list) {
    min-height: 633px
  }
}

.story-card--branded,
.story-card--hero {
  position: relative;
  margin-bottom: 20px
}

.story-card--branded .story-card__copy,
.story-card--hero .story-card__copy {
  flex-grow: 1
}

.story-card--branded .story-card__content,
.story-card--hero .story-card__content {
  position: absolute;
  width: 100%;
  min-height: 100%;
  z-index: 1
}

.story-card--content {
  background: #efeff4
}

.story-card--branded {
  height: 422px
}

@media only screen and (min-width:735px) {
  .story-card--branded {
    height: 443px
  }
}

@media only screen and (min-width:1069px) {
  .story-card--branded {
    height: 633px
  }
}

.story-card--branded .story-card__content {
  height: auto
}

.story-card--branded .story-card__copy {
  justify-content: flex-end;
  padding: 0 20px
}

.story-card--branded .story-card__name {
  flex-grow: 0;
  margin: 0 0 13px;
  font-size: 46px;
  line-height: .82609;
  font-weight: 800;
  letter-spacing: 0;
}

.story-card--branded .story-card__artwork img {
  width: 100%;
  max-height: 100%
}

@media only screen and (min-width:1069px) {
  .story-card--branded .story-card__name {
    font-size: 60px;
    line-height: .81667;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 29px
  }
}

@media only screen and (max-width:366.71429px) {

  .story-card--list,
  .story-card--short-image,
  .story-card--video {
    padding: 0 20px
  }
}

.story-card--short-image .story-card__copy,
.story-card--video .story-card__copy {
  padding: 0
}

.story-card--short-image .story-card__short,
.story-card--video .story-card__short {
  margin-bottom: 0
}

.story-card--short-image .story-card__short:last-child,
.story-card--video .story-card__short:last-child {
  margin-bottom: 15px
}

.story-card--short-image .story-card__name:last-child,
.story-card--video .story-card__name:last-child {
  margin-bottom: 11px
}

.story-card--short-image .story-card__artwork,
.story-card--video video {
  border-radius: 10px
}

.story-card--list {
  width: auto
}

@media only screen and (max-width:734px) {
  .story-card--list {
    background: 0 0
  }

  .story-card--list .story-card__copy {
    padding: 0
  }

  .story-card--list .story-card__collection {
    display: none
  }
}

.story-card--four .story-card__copy {
  padding-bottom: 50px
}

@media only screen and (min-width:1069px) {
  .story-card--four .story-card__copy {
    padding-bottom: 35.5px
  }
}

.story-card__content {
  display: flex;
  flex-direction: column
}

.story-card__copy {
  display: flex;
  flex-direction: column;
  padding: 34.5px 20px 0
}

.story-card__name {
  flex-grow: 1;
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .023em;
}

.story-card__artwork {
  border-radius: 0
}

.story-card__artwork img {
  max-width: 100%;
  height: auto
}

.story-card__day-background {
  filter: blur(50px);
  z-index: -1;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%
}

.story-card__day-icon {
  position: absolute;
  bottom: 100%;
  left: 100%;
  transform: translate(calc(-50% - 80px), calc(50% + 80px)) rotate(-30deg)
}

@media only screen and (min-width:735px) {
  .story-card__day-icon {
    transform: translate(calc(-50% - 80px), calc(50% + 80px)) rotate(-30deg)
  }
}

@media only screen and (min-width:1069px) {
  .story-card__copy {
    padding: 53.5px 40px 0
  }

  .story-card__name {
    margin-bottom: 2px;
    font-size: 34px;
    line-height: 1.20596;
    font-weight: 700;
    letter-spacing: .018em;
  }

  .story-card__day-icon {
    transform: translate(calc(-50% - 108px), calc(50% + 134px)) rotate(-30deg)
  }
}

html[dir=rtl] .story-card__day-icon {
  transform: translate(calc(50% + 80px), calc(50% + 80px)) rotate(30deg)
}

@media only screen and (min-width:735px) {
  html[dir=rtl] .story-card__day-icon {
    transform: translate(calc(50% + 80px), calc(50% + 80px)) rotate(30deg)
  }

  .whats-new__latest {
    float: right
  }
}

.story-card__label {
  color: #636366;
  margin-bottom: 2px;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

@media only screen and (min-width:1069px) {
  html[dir=rtl] .story-card__day-icon {
    transform: translate(calc(50% + 108px), calc(50% + 134px)) rotate(30deg)
  }

  .story-card__label {
    margin-bottom: 4px
  }
}

.story-card__short {
  margin-bottom: 16.5px;
  color: #636366;
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 400;
  letter-spacing: .027em;
}

@media only screen and (min-width:1069px) {
  .story-card__short {
    margin-bottom: 35.5px
  }
}

.story-card__video video {
  display: block;
  width: 100%;
  height: 100%
}

.story-card__collection {
  margin: 20px 0;
  flex-grow: 1;
  display: flex;
  align-items: center
}

.story-card__iap-app {
  position: absolute;
  background-color: #efeff4;
  padding: 5px;
  top: auto;
  bottom: 0;
  transform: none;
  left: -16px;
  right: auto
}

.story-card__iap-purchase::before {
  background: url(/assets/css/uservideos/iconproduct/iproduct/iap-overlay-158-392b6a4999f137137e18536b8d60a5b2.svg) no-repeat
}

.story-card__name-highlight {
  color: #0070c9
}

.is-music-theme .story-card__name-highlight {
  color: #e50914
}

.is-itunes-theme .story-card__name-highlight {
  color: #0070c9
}

.is-tv-theme .story-card__name-highlight {
  color: #0f6ea1
}

.is-mac-theme .story-card__name-highlight {
  color: #0070c9
}

.is-podcasts-theme .story-card__name-highlight {
  color: #7d50df
}

.is-apps-theme .story-card__name-highlight {
  color: #0070c9
}

.story-card__iap-footer {
  padding: 0 20px
}

@media only screen and (min-width:1069px) {
  .story-card__iap-purchase::before {
    background: url(/assets/css/uservideos/iconproduct/iproduct/iap-overlay-262-e2079545c44d09715c518a1a9052a9ce.svg) no-repeat
  }

  .story-card__iap-footer {
    padding: 0 40px
  }
}

.whats-new__content::after,
.whats-new__content::before {
  content: ' ';
  display: table
}

.whats-new__content::after {
  clear: both
}

.whats-new__headline {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
}

.whats-new__latest__date,
.whats-new__latest__version {
  color: #636366
}

.whats-new__latest__date {
  text-align: right
}

@media only screen and (max-width:734px) {
  .whats-new__latest {
    margin-bottom: 16px;
    padding-top: 2px
  }

  .whats-new__latest__date {
    float: right
  }
}

.version-history__headline {
  margin-top: 17px;
  margin-bottom: 17px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
}

.version-history__item {
  padding-top: 11px;
  padding-bottom: 12px
}

.version-history__item__version-number {
  margin-bottom: 10px;
  float: left;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.version-history__item__release-date {
  float: right;
  margin-bottom: 10px;
  color: #636366;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.version-history__item__release-notes {
  margin-bottom: 21px;
  clear: both;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.featured-album {
  display: block;
  font-size: 0
}

.featured-album__artwork {
  margin-bottom: 0;
  width: 104px;
  display: inline-block;
  vertical-align: middle
}

@media only screen and (min-width:735px) {
  .whats-new__latest__version {
    text-align: right
  }

  .featured-album__artwork {
    width: 47.10983%
  }
}

@media only screen and (min-width:1069px) {
  .featured-album {
    margin-top: 3px
  }

  .featured-album__artwork {
    width: auto
  }
}

.featured-album__text {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 104px);
  padding-left: 10px
}

@media only screen and (min-width:735px) {
  .featured-album__text {
    max-width: 52.89017%;
    padding-left: 16px
  }
}

.featured-album__text__eyebrow,
.featured-album__text__headline,
.featured-album__text__subcopy {
  display: block
}

.featured-album__text__eyebrow {
  margin-top: 4px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
  color: #0070c9
}

.is-music-theme .featured-album__text__eyebrow {
  color: #e50914
}

.is-itunes-theme .featured-album__text__eyebrow {
  color: #0070c9
}

.is-tv-theme .featured-album__text__eyebrow {
  color: #0f6ea1
}

.is-mac-theme .featured-album__text__eyebrow {
  color: #0070c9
}

.is-podcasts-theme .featured-album__text__eyebrow {
  color: #7d50df
}

.is-apps-theme .featured-album__text__eyebrow {
  color: #0070c9
}

.featured-album__text__headline {
  color: #333;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.featured-album__text__headline:not(:first-child) {
  margin-top: 2px
}

.featured-album__text__subcopy {
  margin-top: 3px;
  color: #636366;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.list-button {
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d6d6d6;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.list-button:last-of-type {
  border-bottom: none
}

.tracklist-footer {
  margin-bottom: 3px;
  padding-top: 15px;
  padding-bottom: 7px;
  color: #636366
}

.tracklist-footer__item {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.tracklist-footer__item:last-child {
  margin-bottom: 2px
}

.tracklist-footer--link {
  margin-top: 10px
}

.tracklist-footer__item--released {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

.tracklist-footer__date {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.books-featured-review {
  padding: 26px 0
}

.books-featured-review>:first-child {
  margin-top: 0
}

.books-featured-review>:last-child {
  margin-bottom: 0
}

.books-featured-review__headline {
  margin-bottom: 9px;
  border-bottom: 2px solid #636366;
  padding-bottom: 1px;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

.we-editorial-quote,
.we-product-collection__item:not(:last-of-type) {
  border-bottom: 1px solid #d6d6d6
}

.books-featured-review__date {
  color: #636366
}

.books-featured-review__copy {
  position: relative;
  color: #333;
  padding-left: 50px;
  z-index: 1;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.books-featured-review__copy::before {
  padding-right: .3em;
  display: inline-block;
  top: 3px;
  position: absolute;
  font-size: 40px;
  color: #636366;
  left: 0;
  z-index: 1
}

.books-featured-review__copy::after {
  display: none
}

.app-placard {
  display: flex;
  align-items: center;
  width: 320px;
  max-width: 100%;
  margin: 20px auto 0;
  height: 52px
}

.app-placard__image,
.we-genre-filter__genres-list__item__artwork {
  margin-right: 10px
}

@media only screen and (min-width:735px) {
  .app-placard {
    height: 80px;
    width: 100%;
    padding: 0 10px;
    background: #efeff4
  }
}

@media only screen and (max-width:734px) {
  .app-placard {
    margin-bottom: 20px
  }
}

@media only screen and (min-width:365.71429px) {
  .app-placard {
    border-radius: 10px
  }
}

@media only screen and (min-width:1069px) {
  .app-placard {
    height: 120px;
    padding: 0 20px
  }
}

.app-placard--inside {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: 0 0;
  height: 80px
}

@media only screen and (min-width:735px) {
  .app-placard--inside {
    height: 100px
  }
}

@media only screen and (min-width:1069px) {
  .app-placard--inside {
    padding: 0 40px;
    height: 120px
  }
}

.app-placard--otd {
  background: rgba(0, 0, 0, .34);
  color: #fff;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  position: relative;
  padding: 0 20px
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .app-placard--otd {
    background: rgba(0, 0, 0, .6)
  }
}

.app-placard--otd .app-placard__eyebrow,
.app-placard--otd .app-placard__subtitle {
  color: #fff
}

.app-placard__copy {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.app-placard__eyebrow {
  color: #636366;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

.app-placard__title {
  flex-shrink: 1;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

@media only screen and (min-width:1069px) {
  .app-placard__title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: .024em;
  }
}

.app-placard__subtitle {
  color: #636366;
  flex-shrink: 1;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.app-placard__cta {
  flex-shrink: 0;
  margin-left: 10px
}

.app-placard--iap {
  height: auto;
  margin-top: 2px;
  margin-bottom: 15px;
  padding: 0
}

@media only screen and (min-width:1069px) {
  .app-placard__subtitle {
    font-size: 15px;
    line-height: 1.33338;
    font-weight: 400;
    letter-spacing: -.016em;
  }

  .app-placard__cta {
    margin-left: 20px
  }

  .app-placard--iap {
    margin-top: 3px;
    margin-bottom: 35px
  }

  .app-placard--iap .app-placard__cta {
    margin-left: 16px
  }
}

.app-placard--iap .app-placard__copy {
  white-space: inherit;
  color: #636366;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.product-grid {
  min-width: 100%;
  overflow: hidden
}

.product-grid--river,
.product-grid--tiles {
  height: 284px;
  flex-grow: 0
}

@media only screen and (min-width:1069px) {

  .product-grid--river,
  .product-grid--tiles {
    height: 404px
  }
}

.product-grid__area {
  position: relative;
  height: 100%;
  display: flex;
  flex-wrap: wrap
}

.product-grid--tiles .product-grid__area {
  transform-origin: 160px 142px
}

@media only screen and (min-width:735px) {
  .product-grid--tiles .product-grid__area {
    transform-origin: 168px 142px
  }
}

@media only screen and (min-width:1069px) {
  .product-grid--tiles .product-grid__area {
    transform-origin: 240px 202px
  }
}

.product-grid--river .product-grid__area {
  transform: translate(-79px, -5px)
}

@media only screen and (min-width:1069px) {
  .product-grid--river .product-grid__area {
    transform: translate(-113px, -5px)
  }
}

@supports not (display:grid) {
  .product-grid--large .product-grid__area {
    width: 618px
  }

  @media only screen and (min-width:1069px) {
    .product-grid--large .product-grid__area {
      width: 858px
    }
  }

  .product-grid--river .product-grid__area {
    width: 490px
  }

  @media only screen and (min-width:1069px) {
    .product-grid--river .product-grid__area {
      width: 690px
    }
  }

  .product-grid--mixed .product-grid__area,
  .product-grid--small .product-grid__area {
    width: 515px
  }

  .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+10),
  .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+6),
  .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+7),
  .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+8),
  .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+9) {
    transform: translate(-44px, 0)
  }

  @media only screen and (min-width:1069px) {

    .product-grid--mixed .product-grid__area,
    .product-grid--small .product-grid__area {
      width: 715px
    }

    .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+10),
    .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+6),
    .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+7),
    .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+8),
    .product-grid--river .product-grid__area .product-grid__item:nth-child(10n+9) {
      transform: translate(-60px, 0)
    }
  }
}

.product-grid--small .product-grid__area {
  transform: rotate(-30deg) translate(-189px, -227px)
}

.product-grid--one .product-grid__area {
  min-height: 160px
}

@media only screen and (min-width:1069px) {
  .product-grid--one .product-grid__area {
    min-height: 250px
  }
}

.product-grid--two .product-grid__area {
  min-height: 200px
}

@media only screen and (min-width:1069px) {
  .product-grid--two .product-grid__area {
    min-height: 326px
  }
}

.product-grid--three .product-grid__area {
  min-height: 140px
}

@media only screen and (min-width:735px) {
  .product-grid--three .product-grid__area {
    min-height: 168px
  }
}

.product-grid--four {
  align-self: flex-start;
  margin-top: 18.5px
}

@media only screen and (min-width:1069px) {
  .product-grid--three .product-grid__area {
    min-height: 240px
  }

  .product-grid--four {
    margin-top: 45.5px
  }
}

.product-grid--four .product-grid__area {
  min-height: 208px
}

.product-grid--iap {
  align-self: flex-start;
  margin-top: 29px
}

@media only screen and (min-width:1069px) {
  .product-grid--four .product-grid__area {
    min-height: 311px
  }

  .product-grid--iap {
    margin-top: 24px
  }
}

.product-grid--iap .product-grid__area {
  justify-content: center
}

.product-grid--iap .product-grid__item {
  position: relative;
  margin: 0;
  padding-bottom: 16px
}

.product-grid__item {
  margin: 5px;
  max-width: 100%;
  height: auto;
  width: auto;
  align-self: center
}

.product-grid--tiles .product-grid__item {
  margin: 7.5px
}

@supports not (display:grid) {

  .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+10),
  .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+6),
  .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+7),
  .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+8),
  .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+9) {
    transform: translate(-60px, 0)
  }

  .product-grid--mixed .product-grid__item:nth-child(1) {
    position: absolute;
    top: 103px;
    left: 103px
  }

  .product-grid--mixed .product-grid__item:nth-child(10),
  .product-grid--mixed .product-grid__item:nth-child(7) {
    margin-right: 213.5px
  }

  @media only screen and (min-width:1069px) {

    .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+10),
    .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+6),
    .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+7),
    .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+8),
    .product-grid--small .product-grid__area .product-grid__item:nth-child(10n+9) {
      transform: translate(-44px, 0)
    }

    .product-grid--mixed .product-grid__item:nth-child(1) {
      top: 143px;
      left: 143px
    }

    .product-grid--mixed .product-grid__item:nth-child(10),
    .product-grid--mixed .product-grid__item:nth-child(7) {
      margin-right: 293.5px
    }
  }
}

.product-grid--four .product-grid__item,
.product-grid--one .product-grid__item,
.product-grid--three .product-grid__item,
.product-grid--two .product-grid__item {
  position: absolute;
  margin: 0
}

.product-grid--one .product-grid__item:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%
}

.product-grid--two .product-grid__item:nth-child(1) {
  top: 0;
  left: 60px
}

@media screen and (max-width:366.71429px) and (min-width:320px) {
  .product-grid--two .product-grid__item:nth-child(1) {
    left: calc((100vw - 200px)/ 2)
  }
}

@media only screen and (min-width:735px) {
  .product-grid--two .product-grid__item:nth-child(1) {
    left: 68px
  }
}

.product-grid--two .product-grid__item:nth-child(2) {
  bottom: 0;
  right: 60px
}

@media screen and (max-width:366.71429px) and (min-width:320px) {
  .product-grid--two .product-grid__item:nth-child(2) {
    right: calc((100vw - 200px)/ 2)
  }
}

@media only screen and (min-width:735px) {
  .product-grid--two .product-grid__item:nth-child(2) {
    right: 68px
  }
}

@media only screen and (min-width:1069px) {
  .product-grid--two .product-grid__item:nth-child(1) {
    left: 80px
  }

  .product-grid--two .product-grid__item:nth-child(2) {
    right: 80px
  }
}

.product-grid--three .product-grid__item {
  top: 50%;
  margin: 0
}

.product-grid--three .product-grid__item:nth-child(1) {
  transform: translate(0, -50%);
  right: calc(50% + 90px)
}

@media only screen and (min-width:735px) {
  .product-grid--three .product-grid__item:nth-child(1) {
    right: calc(50% + 104px)
  }
}

.product-grid--three .product-grid__item:nth-child(2) {
  transform: translate(-50%, -50%);
  left: 50%
}

.product-grid--three .product-grid__item:nth-child(3) {
  transform: translate(0, -50%);
  left: calc(50% + 90px)
}

@media only screen and (min-width:735px) {
  .product-grid--three .product-grid__item:nth-child(3) {
    left: calc(50% + 104px)
  }
}

.product-grid--four .product-grid__item {
  margin: 0
}

.product-grid--four .product-grid__item:nth-child(1),
.product-grid--four .product-grid__item:nth-child(3) {
  top: 0
}

.product-grid--four .product-grid__item:nth-child(2),
.product-grid--four .product-grid__item:nth-child(4) {
  top: 30px;
  z-index: 2
}

@media only screen and (min-width:1069px) {
  .product-grid--three .product-grid__item:nth-child(1) {
    right: calc(50% + 160px)
  }

  .product-grid--three .product-grid__item:nth-child(3) {
    left: calc(50% + 160px)
  }

  .product-grid--four .product-grid__item:nth-child(2),
  .product-grid--four .product-grid__item:nth-child(4) {
    top: 40px
  }
}

.product-grid--four .product-grid__item:nth-child(1) {
  right: 234px
}

@media only screen and (min-width:735px) {
  .product-grid--four .product-grid__item:nth-child(1) {
    right: 262px
  }
}

.product-grid--four .product-grid__item:nth-child(2) {
  left: 16px
}

@media only screen and (min-width:735px) {
  .product-grid--four .product-grid__item:nth-child(2) {
    left: 44px
  }
}

@media only screen and (min-width:1069px) {
  .product-grid--four .product-grid__item:nth-child(1) {
    right: 343px
  }

  .product-grid--four .product-grid__item:nth-child(2) {
    left: 32px
  }
}

.product-grid--four .product-grid__item:nth-child(3) {
  right: 16px
}

@media only screen and (min-width:735px) {
  .product-grid--four .product-grid__item:nth-child(3) {
    right: 44px
  }
}

.product-grid--four .product-grid__item:nth-child(4) {
  left: 234px
}

@media only screen and (min-width:735px) {
  .product-grid--four .product-grid__item:nth-child(4) {
    left: 262px
  }
}

@media only screen and (min-width:1069px) {
  .product-grid--four .product-grid__item:nth-child(3) {
    right: 32px
  }

  .product-grid--four .product-grid__item:nth-child(4) {
    left: 343px
  }
}

@supports (display:grid) {

  .product-grid--river .product-grid__area,
  .product-grid--tiles .product-grid__area {
    display: grid;
    width: auto
  }

  .product-grid--mixed .product-grid__area {
    grid-template: "g10 g11 g12 g13 g14"103px " g9  g1  g1  g2 g15"103px " g8  g1  g1  g3 g16"103px " g7  g6  g5  g4 g17"103px "g22 g21 g20 g19 g18"103px/103px 103px 103px 103px 103px 103px
  }

  @media only screen and (min-width:1069px) {
    .product-grid--mixed .product-grid__area {
      grid-template: "g10 g11 g12 g13 g14"143px " g9  g1  g1  g2 g15"143px " g8  g1  g1  g3 g16"143px " g7  g6  g5  g4 g17"143px "g22 g21 g20 g19 g18"143px/143px 143px 143px 143px 143px 143px
    }
  }

  .product-grid--large .product-grid__area {
    grid-template: "g7 g8 g9"206px "g6 g1 g2"206px "g5 g4 g3"206px/206px 206px 206px
  }

  @media only screen and (min-width:1069px) {
    .product-grid--large .product-grid__area {
      grid-template: "g7 g8 g9"286px "g6 g1 g2"286px "g5 g4 g3"286px/286px 286px 286px
    }
  }

  .product-grid--small .product-grid__area {
    grid-template: "g21 g22 g23 g24 g25 g26"103px "g20  g7  g8  g9 g10 g27"103px "g19  g6  g1  g2 g11 g28"103px "g18  g5  g4  g3 g12 g29"103px "g17 g16 g15 g14 g13 g30"103px/103px 103px 103px 103px 103px 103px
  }

  .product-grid--small .product-grid__item:nth-child(30n+10),
  .product-grid--small .product-grid__item:nth-child(30n+12),
  .product-grid--small .product-grid__item:nth-child(30n+18),
  .product-grid--small .product-grid__item:nth-child(30n+20),
  .product-grid--small .product-grid__item:nth-child(30n+27),
  .product-grid--small .product-grid__item:nth-child(30n+29),
  .product-grid--small .product-grid__item:nth-child(30n+3),
  .product-grid--small .product-grid__item:nth-child(30n+4),
  .product-grid--small .product-grid__item:nth-child(30n+5),
  .product-grid--small .product-grid__item:nth-child(30n+7),
  .product-grid--small .product-grid__item:nth-child(30n+8),
  .product-grid--small .product-grid__item:nth-child(30n+9) {
    transform: translate(-60px, 0)
  }

  @media only screen and (min-width:1069px) {
    .product-grid--small .product-grid__area {
      grid-template: "g21 g22 g23 g24 g25 g26"143px "g20  g7  g8  g9 g10 g27"143px "g19  g6  g1  g2 g11 g28"143px "g18  g5  g4  g3 g12 g29"143px "g17 g16 g15 g14 g13 g30"143px/143px 143px 143px 143px 143px
    }

    .product-grid--small .product-grid__item:nth-child(30n+10),
    .product-grid--small .product-grid__item:nth-child(30n+12),
    .product-grid--small .product-grid__item:nth-child(30n+18),
    .product-grid--small .product-grid__item:nth-child(30n+20),
    .product-grid--small .product-grid__item:nth-child(30n+27),
    .product-grid--small .product-grid__item:nth-child(30n+29),
    .product-grid--small .product-grid__item:nth-child(30n+3),
    .product-grid--small .product-grid__item:nth-child(30n+4),
    .product-grid--small .product-grid__item:nth-child(30n+5),
    .product-grid--small .product-grid__item:nth-child(30n+7),
    .product-grid--small .product-grid__item:nth-child(30n+8),
    .product-grid--small .product-grid__item:nth-child(30n+9) {
      transform: translate(-44px, 0)
    }
  }

  .product-grid--river .product-grid__area {
    grid-template: "g15  g7  g8  g9 g10"98px "g14  g6  g1  g2 g11"98px "g13  g5  g4  g3 g12"98px/98px 98px 98px 98px 98px
  }

  .product-grid--river .product-grid__item:nth-child(15n+10),
  .product-grid--river .product-grid__item:nth-child(15n+12),
  .product-grid--river .product-grid__item:nth-child(15n+13),
  .product-grid--river .product-grid__item:nth-child(15n+15),
  .product-grid--river .product-grid__item:nth-child(15n+3),
  .product-grid--river .product-grid__item:nth-child(15n+4),
  .product-grid--river .product-grid__item:nth-child(15n+5),
  .product-grid--river .product-grid__item:nth-child(15n+7),
  .product-grid--river .product-grid__item:nth-child(15n+8),
  .product-grid--river .product-grid__item:nth-child(15n+9) {
    transform: translate(-54px, 0)
  }

  @media only screen and (min-width:1069px) {
    .product-grid--river .product-grid__area {
      grid-template: "g15  g7  g8  g9 g10"138px "g14  g6  g1  g2 g11"138px "g13  g5  g4  g3 g12"138px/138px 138px 138px 138px 138px
    }

    .product-grid--river .product-grid__item:nth-child(15n+10),
    .product-grid--river .product-grid__item:nth-child(15n+12),
    .product-grid--river .product-grid__item:nth-child(15n+13),
    .product-grid--river .product-grid__item:nth-child(15n+15),
    .product-grid--river .product-grid__item:nth-child(15n+3),
    .product-grid--river .product-grid__item:nth-child(15n+4),
    .product-grid--river .product-grid__item:nth-child(15n+5),
    .product-grid--river .product-grid__item:nth-child(15n+7),
    .product-grid--river .product-grid__item:nth-child(15n+8),
    .product-grid--river .product-grid__item:nth-child(15n+9) {
      transform: translate(-78px, 0)
    }
  }

  .product-grid--mixed .product-grid__area {
    transform: rotate(-30deg) translate(-46px, -64px)
  }

  @media only screen and (min-width:735px) {
    .product-grid--mixed .product-grid__area {
      transform: rotate(-30deg) translate(-38px, -64px)
    }
  }

  @media only screen and (min-width:1069px) {
    .product-grid--mixed .product-grid__area {
      transform: rotate(-30deg) translate(-46px, -84px)
    }
  }

  .product-grid--large .product-grid__area {
    transform: translate(37px, 1px) rotate(-30deg) translate(-149px, -167px)
  }

  @media only screen and (min-width:735px) {
    .product-grid--large .product-grid__area {
      transform: translate(9px, 1px) rotate(-30deg) translate(-141px, -167px)
    }
  }

  @media only screen and (min-width:1069px) {
    .product-grid--large .product-grid__area {
      transform: translate(29px, 11px) rotate(-30deg) translate(-189px, -227px)
    }
  }

  .product-grid--small .product-grid__area {
    transform: translate(-32px, 24px) rotate(-30deg) translate(-85px, -103px)
  }

  @media only screen and (min-width:735px) {
    .product-grid--small .product-grid__area {
      transform: translate(-60px, 24px) rotate(-30deg) translate(-77px, -103px)
    }
  }

  @media only screen and (min-width:1069px) {
    .product-grid--small .product-grid__area {
      transform: translate(17px, -11px) rotate(-30deg) translate(-105px, -143px)
    }
  }

  .product-grid__item:nth-child(1) {
    grid-area: g1
  }

  .product-grid__item:nth-child(2) {
    grid-area: g2
  }

  .product-grid__item:nth-child(3) {
    grid-area: g3
  }

  .product-grid__item:nth-child(4) {
    grid-area: g4
  }

  .product-grid__item:nth-child(5) {
    grid-area: g5
  }

  .product-grid__item:nth-child(6) {
    grid-area: g6
  }

  .product-grid__item:nth-child(7) {
    grid-area: g7
  }

  .product-grid__item:nth-child(8) {
    grid-area: g8
  }

  .product-grid__item:nth-child(9) {
    grid-area: g9
  }

  .product-grid__item:nth-child(10) {
    grid-area: g10
  }

  .product-grid__item:nth-child(11) {
    grid-area: g11
  }

  .product-grid__item:nth-child(12) {
    grid-area: g12
  }

  .product-grid__item:nth-child(13) {
    grid-area: g13
  }

  .product-grid__item:nth-child(14) {
    grid-area: g14
  }

  .product-grid__item:nth-child(15) {
    grid-area: g15
  }

  .product-grid__item:nth-child(16) {
    grid-area: g16
  }

  .product-grid__item:nth-child(17) {
    grid-area: g17
  }

  .product-grid__item:nth-child(18) {
    grid-area: g18
  }

  .product-grid__item:nth-child(19) {
    grid-area: g19
  }

  .product-grid__item:nth-child(20) {
    grid-area: g20
  }

  .product-grid__item:nth-child(21) {
    grid-area: g21
  }

  .product-grid__item:nth-child(22) {
    grid-area: g22
  }

  .product-grid__item:nth-child(23) {
    grid-area: g23
  }

  .product-grid__item:nth-child(24) {
    grid-area: g24
  }

  .product-grid__item:nth-child(25) {
    grid-area: g25
  }

  .product-grid__item:nth-child(26) {
    grid-area: g26
  }

  .product-grid__item:nth-child(27) {
    grid-area: g27
  }

  .product-grid__item:nth-child(28) {
    grid-area: g28
  }

  .product-grid__item:nth-child(29) {
    grid-area: g29
  }

  .product-grid__item:nth-child(30) {
    grid-area: g30
  }

  .product-grid__item:nth-child(31) {
    grid-area: g31
  }

  .product-grid__item:nth-child(32) {
    grid-area: g32
  }

  .product-grid__item:nth-child(33) {
    grid-area: g33
  }
}

.we-artist-header {
  padding-top: 1px;
  position: relative;
  z-index: 1
}

.we-artist-header__foreground {
  margin-top: 32px;
  margin-bottom: 14px;
  pointer-events: none
}

@media only screen and (min-width:735px) {
  .we-artist-header__foreground {
    margin-bottom: 36px
  }
}

.we-artist-header__background {
  position: absolute;
  top: 32px;
  transform: translate(-50%, 10px);
  opacity: .4;
  filter: blur(40px) saturate(200%);
  pointer-events: none;
  left: 50%;
  z-index: 1
}

.we-banner,
.we-banner-callout {
  border-radius: 6px;
  z-index: 3;
  position: relative
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .we-artist-header__background {
    display: none
  }
}

.we-callout {
  border-radius: 6px;
  background-color: #f8f8f8;
  margin: 30px auto;
  padding: 30px 25.5px
}

.we-callout>:first-child {
  margin-top: 0
}

.we-callout>:last-child {
  margin-bottom: 0
}

.we-callout__headline {
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.we-callout__copy {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-banner-callout {
  margin: 19px auto 0;
  padding: 16px;
  background-color: #f8f8f8
}

.we-banner-callout>:first-child {
  margin-top: 0
}

.we-banner-callout>:last-child {
  margin-bottom: 0
}

@media only screen and (min-width:735px) {
  .we-banner-callout {
    margin: 32px auto 13px;
    padding: 32px
  }
}

.we-banner-callout__headline {
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

@media only screen and (min-width:735px) {
  .we-banner-callout__headline {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: .024em;
  }
}

@media only screen and (max-width:734px) {
  .we-banner-callout__headline--itunes-image-spacer {
    margin-right: 68px
  }

  .we-banner__copy__title {
    display: block
  }
}

.we-banner-callout__copy {
  color: #333;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-banner-callout__more-link {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-banner-callout__itunes-icon {
  width: 58px;
  height: 58px;
  float: right
}

@media only screen and (min-width:735px) {
  .we-banner-callout__more-link {
    font-size: 15px;
    line-height: 1.33338;
    font-weight: 400;
    letter-spacing: -.016em;
  }

  .we-banner-callout__itunes-icon {
    margin-right: 30px;
    width: 88px;
    height: 88px;
    float: left
  }
}

.we-banner-callout__AM-logo {
  width: 82px;
  height: auto
}

.we-banner-callout__download-button {
  margin-top: 9px
}

.we-banner {
  margin: 19px auto 0;
  padding: 8px 16px;
  background-color: #f2f8fc
}

.we-banner>:first-child {
  margin-top: 0
}

.we-banner>:last-child {
  margin-bottom: 0
}

.we-banner__copy {
  color: #333;
  text-align: center;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-banner__copy__title {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
}

@media only screen and (min-width:735px) {
  .we-banner-callout__AM-logo {
    width: 125px;
    float: right
  }

  .we-banner--story {
    margin-bottom: 19px
  }

  .we-banner__copy__description {
    margin-left: 8px
  }
}

.we-banner-arcade {
  background-color: #636366;
  position: relative;
  overflow: hidden;
  color: #fff;
  margin: 0 auto 20px
}

@media only screen and (min-width:735px) {
  .we-banner-arcade {
    margin-left: auto;
    margin-right: auto;
    width: 87.5%;
    border-radius: 8px;
    margin-top: 20px
  }
}

@media only screen and (min-width:735px) and (min-width:735px) {
  .we-banner-arcade {
    margin-left: auto;
    margin-right: auto;
    width: 692px
  }
}

@media only screen and (min-width:735px) and (min-width:1069px) {
  .we-banner-arcade {
    margin-left: auto;
    margin-right: auto;
    width: 980px
  }
}

.we-banner-arcade__wrapper {
  height: 152px;
  width: 64%;
  padding: 0 20px 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2
}

.we-banner-arcade__logo {
  display: block;
  max-width: 100%;
  margin-bottom: 11px;
  height: 10px;
  align-self: flex-start
}

@media only screen and (min-width:735px) {
  .we-banner-arcade__wrapper {
    padding-bottom: 2px
  }

  .we-banner-arcade__logo {
    height: 13px;
    margin-bottom: 9px
  }
}

.we-banner-arcade__title {
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 600;
  letter-spacing: .027em;
  margin-bottom: 6px
}

@media only screen and (min-width:735px) {
  .we-banner-arcade__title {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: .023em;
    margin-bottom: 8px
  }
}

.we-banner-arcade__text {
  display: block
}

.we-banner-arcade__cta {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 600;
  letter-spacing: -.005em;
  color: inherit
}

.we-banner-arcade__artwork {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

html[dir=rtl] .we-banner-arcade__artwork {
  transform: scaleX(-1)
}

.we-banner-arcade__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top
}

.we-footer-arcade {
  background-image: radial-gradient(ellipse at 50% -2%, #ffb26f 0, #fc4740 100%);
  position: relative;
  overflow: hidden;
  color: #fff;
  border-radius: 8px;
  margin: 0 auto 20px
}

.we-footer-arcade__wrapper {
  z-index: 2;
  height: 384px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 41px;
  position: relative;
  margin-top: 80px;
  padding-left: 20px;
  padding-right: 20px
}

@media only screen and (min-width:735px) {
  .we-banner-arcade__cta {
    font-size: 15px;
    line-height: 1.33338;
    font-weight: 600;
    letter-spacing: -.016em;
  }

  .we-footer-arcade__wrapper {
    margin-top: 0;
    padding: 0 64px 8px;
    width: 68%;
    align-items: flex-start;
    justify-content: center
  }
}

.we-footer-arcade__logo {
  display: block;
  flex-shrink: 0;
  max-width: 100%;
  margin: 0 0 16px;
  height: 13px
}

@media only screen and (min-width:735px) {
  .we-footer-arcade__logo {
    height: 15px;
    margin-bottom: 20px
  }
}

.we-footer-arcade__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
  text-align: center;
  color: inherit;
  margin-bottom: 10px
}

@media only screen and (min-width:735px) {
  .we-footer-arcade__title {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 12px
  }
}

@media only screen and (min-width:1069px) {
  .we-footer-arcade__title {
    font-size: 40px;
    line-height: 1.1
  }

  .we-footer-arcade__title {
    font-weight: 700;
    letter-spacing: 0;
  }
}

.we-footer-arcade__text {
  display: block
}

@media only screen and (min-width:735px) {
  .we-footer-arcade__text {
    margin-top: 6px
  }
}

.we-footer-arcade__cta {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -.005em;
  margin-top: 8px;
  color: inherit;
  display: inline-block;
  line-height: 1
}

.we-footer-arcade__cta::after {
  font-weight: 400
}

.we-footer-arcade__artwork {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.we-footer-arcade__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top
}

@media only screen and (min-width:735px) {
  .we-footer-arcade__cta {
    font-size: 15px;
    line-height: 1.33338;
    font-weight: 600;
    letter-spacing: -.016em;
  }

  html[dir=rtl] .we-footer-arcade__artwork {
    transform: scaleX(-1)
  }

  .we-footer-arcade__image {
    padding-bottom: 0
  }
}

.we-footer-disclaimer {
  background-color: #f5f5f7;
  padding-top: 29px;
  padding-bottom: 29px
}

.we-footer-disclaimer__text {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
  color: #86868b
}

.we-product-collection {
  display: flex;
  flex-direction: column
}

.we-product-collection__item {
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  min-height: 72px;
  display: flex;
  align-items: center
}

.we-product-collection--columned {
  flex-direction: column
}

@media only screen and (min-width:735px) {
  .we-product-collection--columned .we-product-collection__item {
    width: calc(50% - 10px)
  }

  .we-product-collection--columned .we-product-collection__item:nth-of-type(even) {
    margin-left: 20px
  }

  .we-product-collection--columned .we-product-collection__item:nth-of-type(-n+2) {
    border-top: 1px solid #d6d6d6
  }

  .we-product-collection--columned {
    flex-flow: row wrap
  }
}

.we-product-collection__item__headings {
  overflow: auto;
  margin-left: 16px;
  padding-right: 1em
}

.we-product-collection__item__button {
  align-self: center;
  margin-right: 1px;
  margin-left: auto
}

.we-product-collection__item__category {
  color: #636366
}

.we-product-collection__item__eyebrow {
  color: #636366;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

.we-product-collection__item__product-name {
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.we-product-collection__item__artwork,
.we-product-collection__item__button {
  flex-shrink: 0
}

.we-editor-notes {
  height: 100%;
  padding: 9px 16px 13px;
  align-self: start;
  background-color: #f8f8f8;
  border-radius: 6px
}

.l-column--equal-height>.we-editor-notes {
  min-height: 184px
}

.we-editor-notes__editor {
  margin-bottom: 11px;
  display: block
}

.we-editor-notes__editor__editor-notes {
  margin-top: 3px;
  text-align: left;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
}

.we-editor-notes--editor-choice {
  display: block;
  text-align: center
}

.we-editor-notes__editor__editor-choice {
  margin: 12px 32px 9px;
  display: inline-block;
  position: relative;
  color: #636366;
  z-index: 1;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
}

.we-editor-notes__editor__editor-choice::after,
.we-editor-notes__editor__editor-choice::before {
  content: "";
  width: 22px;
  height: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(1px) translateY(-50%);
  background-repeat: no-repeat;
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/laurel-left-3c4464a8dbb88e0a7039a15a7008a6ac.svg);
  z-index: 1
}

.we-editor-notes__editor__editor-choice::before {
  left: -32px
}

.we-editor-notes__editor__editor-choice::after {
  right: -32px;
  transform: translateY(1px) translateY(-50%) scaleX(-1)
}

.we-editorial-quote {
  background-color: #f8f8f8;
  margin-bottom: -1px;
  padding: 27px 0
}

.we-editorial-quote__wrapper {
  padding-left: 16px;
  padding-right: 16px
}

@media only screen and (min-width:735px) {

  .we-editorial-quote__author,
  .we-editorial-quote__text {
    text-align: center
  }
}

.we-editorial-quote__text {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.016em;
  line-height: calc(22 / 15)
}

.we-editorial-quote__author {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
  display: block;
  color: #636366;
  font-style: normal;
  margin-top: 15px
}

.we-video-notification {
  padding: 14px 16px 11px;
  position: fixed;
  bottom: 20px;
  background-color: rgba(28, 28, 28, .7);
  border-radius: 12px;
  opacity: 0;
  pointer-events: none;
  left: 20px;
  z-index: 11001
}

.ember-application .we-video-notification {
  transition: opacity 1s cubic-bezier(.21, .11, .18, 1)
}

.we-video-notification.is-visible {
  opacity: 1;
  pointer-events: auto;
  transition-duration: .1s
}

.we-genre-filter__genres-list__container a.active,
.we-genre-filter__popular-list a.active {
  pointer-events: none
}

.we-video-notification__eyebrow,
.we-video-notification__headline,
.we-video-notification__subheadline {
  color: #fff
}

.we-video-notification__eyebrow {
  opacity: .4;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

.we-video-notification__headline {
  padding-top: 4px;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.we-video-notification__subheadline {
  opacity: .4;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.we-clamp {
  display: block;
  overflow: hidden;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: right bottom;
  mask-position: right bottom;
  word-break: break-word
}

html[dir=rtl] .we-clamp[dir=ltr] {
  text-align: right;
  text-align: end
}

.book-badge,
.single-book-widget__quote__text,
.we-share__close,
.we-subscribe__copy {
  text-align: center
}

.we-clamp.icon {
  display: flex;
  align-items: baseline
}

.we-share {
  height: 49px;
  display: flex;
  z-index: 1;
  color: #0070c9
}

.is-music-theme .we-share {
  color: #e50914
}

.is-itunes-theme .we-share {
  color: #0070c9
}

.is-tv-theme .we-share {
  color: #0f6ea1
}

.is-mac-theme .we-share {
  color: #0070c9
}

.is-podcasts-theme .we-share {
  color: #7d50df
}

.is-apps-theme .we-share {
  color: #0070c9
}

.we-share .we-share__list-item {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 50ms;
  animation-duration: 50ms;
  opacity: 0
}

.we-share.we-share--closing .we-share__list-item {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
  -webkit-animation-duration: 50ms;
  animation-duration: 50ms;
  opacity: 1
}

.we-share .we-share__list-item:nth-child(1),
.we-share.we-share--closing .we-share__list-item:nth-child(4) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s
}

.we-share .we-share__list-item:nth-child(2),
.we-share.we-share--closing .we-share__list-item:nth-child(3) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.we-share .we-share__list-item:nth-child(3),
.we-share.we-share--closing .we-share__list-item:nth-child(2) {
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms
}

.we-share .we-share__list-item:nth-child(4),
.we-share.we-share--closing .we-share__list-item:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.is-itunes-theme .we-share .we-share__list-item {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .06667s;
  animation-duration: .06667s;
  opacity: 0
}

.is-itunes-theme .we-share.we-share--closing .we-share__list-item {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
  -webkit-animation-duration: .06667s;
  animation-duration: .06667s;
  opacity: 1
}

.is-itunes-theme .we-share .we-share__list-item:nth-child(1),
.is-itunes-theme .we-share.we-share--closing .we-share__list-item:nth-child(3) {
  -webkit-animation-delay: .13333s;
  animation-delay: .13333s
}

.is-itunes-theme .we-share .we-share__list-item:nth-child(2),
.is-itunes-theme .we-share.we-share--closing .we-share__list-item:nth-child(2) {
  -webkit-animation-delay: .06667s;
  animation-delay: .06667s
}

.is-itunes-theme .we-share .we-share__list-item:nth-child(3),
.is-itunes-theme .we-share.we-share--closing .we-share__list-item:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.we-share .we-share__menu-content {
  flex-shrink: 0;
  z-index: 2
}

.we-share.we-share--message {
  max-width: calc(87.5vw - 40px)
}

@media only screen and (min-width:735px) {
  .we-share.we-share--message {
    max-width: 363.67px
  }

  .we-subscribe__content {
    min-height: 340px
  }
}

.we-share.we-share--message .we-share__menu-content {
  flex-shrink: 1;
  overflow: hidden;
  transform: translateX(4px);
  white-space: nowrap;
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
  -webkit-animation-duration: .2s;
  animation-duration: .2s
}

.we-share.we-share--message.we-share--errored .we-share__menu-content {
  -webkit-animation: none;
  animation: none
}

.we-share__list-button,
.we-share__trigger {
  flex-shrink: 0
}

.we-share__menu-content {
  display: flex
}

.we-share--open .we-share__menu-content {
  -webkit-animation-name: grow-50px-3, fade-in;
  animation-name: grow-50px-3, fade-in;
  -webkit-animation-duration: .13333s;
  animation-duration: .13333s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes grow-50px-2 {
  0% {
    width: 82px
  }

  100% {
    width: 132px
  }
}

@keyframes grow-50px-2 {
  0% {
    width: 82px
  }

  100% {
    width: 132px
  }
}

.we-share--open.we-share--allows-embed .we-share__menu-content {
  -webkit-animation-name: grow-50px-4, fade-in;
  animation-name: grow-50px-4, fade-in;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.we-share--closing .we-share__menu-content {
  -webkit-animation-name: shrink-50px-3, fade-out;
  animation-name: shrink-50px-3, fade-out;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  -webkit-animation-duration: .1s;
  animation-duration: .1s
}

@-webkit-keyframes shrink-50px-2 {
  0% {
    width: 132px
  }

  100% {
    width: 82px
  }
}

@keyframes shrink-50px-2 {
  0% {
    width: 132px
  }

  100% {
    width: 82px
  }
}

.we-share--closing.we-share--allows-embed .we-share__menu-content {
  -webkit-animation-name: shrink-50px-4, fade-out;
  animation-name: shrink-50px-4, fade-out;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .06667s;
  animation-delay: .06667s;
  -webkit-animation-duration: .13333s;
  animation-duration: .13333s
}

.we-share__list {
  display: flex;
  align-items: stretch;
  justify-content: flex-end
}

.we-share--closing .we-share__list,
.we-share--opening .we-share__list {
  overflow: hidden
}

.we-share__list-button,
.we-share__trigger {
  display: flex;
  justify-content: center;
  align-items: center
}

.we-share__trigger {
  order: 1;
  position: relative;
  transition: color .2s;
  z-index: 1
}

.we-share__trigger::after {
  padding-left: 0;
  top: -1px;
  display: block;
  font-size: 15.5px
}

.we-share--message .we-share__trigger,
.we-share--open .we-share__trigger {
  color: rgba(0, 112, 201, .5)
}

.is-music-theme .we-share--message .we-share__trigger,
.is-music-theme .we-share--open .we-share__trigger {
  color: rgba(218, 15, 71, .5)
}

.is-itunes-theme .we-share--message .we-share__trigger,
.is-itunes-theme .we-share--open .we-share__trigger {
  color: rgba(0, 112, 201, .5)
}

.is-tv-theme .we-share--message .we-share__trigger,
.is-tv-theme .we-share--open .we-share__trigger {
  color: rgba(15, 110, 161, .5)
}

.is-mac-theme .we-share--message .we-share__trigger,
.is-mac-theme .we-share--open .we-share__trigger {
  color: rgba(0, 112, 201, .5)
}

.is-podcasts-theme .we-share--message .we-share__trigger,
.is-podcasts-theme .we-share--open .we-share__trigger {
  color: rgba(125, 80, 223, .5)
}

.is-apps-theme .we-share--message .we-share__trigger,
.is-apps-theme .we-share--open .we-share__trigger {
  color: rgba(0, 112, 201, .5)
}

.we-share--closing .we-share__trigger {
  color: #0070c9
}

.is-music-theme .we-share--closing .we-share__trigger {
  color: #e50914
}

.is-itunes-theme .we-share--closing .we-share__trigger {
  color: #0070c9
}

.is-tv-theme .we-share--closing .we-share__trigger {
  color: #0f6ea1
}

.is-mac-theme .we-share--closing .we-share__trigger {
  color: #0070c9
}

.is-podcasts-theme .we-share--closing .we-share__trigger {
  color: #7d50df
}

.is-apps-theme .we-share--closing .we-share__trigger {
  color: #0070c9
}

.we-share__close:active,
.we-share__list-button:active {
  background: rgba(0, 0, 0, .1)
}

.we-share__close {
  display: none
}

.we-share__close::after {
  padding-left: 2px;
  top: 0;
  color: #636366;
  font-size: 12px
}

.we-share--open .we-share__close {
  display: block
}

.we-share__list-button {
  height: 100%;
  width: 50px
}

.we-share__message {
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  color: rgba(0, 0, 0, .5);
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-share__message-text {
  overflow: hidden;
  text-overflow: ellipsis
}

.has-touch .we-share--header {
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -19px;
  z-index: 1
}

.has-touch .we-share--header .we-share__close {
  width: 50px
}

.has-touch .we-share--header .we-share__list-button--copylink::after {
  padding-left: 1px;
  top: 0;
  font-size: 19px
}

.has-touch .we-share--header .we-share__list-button--link::after {
  padding-left: 3px;
  top: -1px;
  font-size: 14px
}

.has-touch .we-share--header .we-share__list-button--twitter::after {
  padding-left: 2px;
  top: -1px;
  font-size: 14px
}

.has-touch .we-share--header .we-share__list-button--facebook::after {
  padding-left: 3px;
  top: -1px;
  font-size: 12px
}

.has-touch .we-share--header .we-share__list-button--weibo::after {
  font-size: 17px
}

.has-touch .we-share--header.we-share--open .we-share__menu-content {
  -webkit-animation-name: grow-50px-4, fade-in;
  animation-name: grow-50px-4, fade-in;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes grow-50px-3 {
  0% {
    width: 82px
  }

  100% {
    width: 182px
  }
}

@keyframes grow-50px-3 {
  0% {
    width: 82px
  }

  100% {
    width: 182px
  }
}

.has-touch .we-share--header.we-share--open.we-share--allows-embed .we-share__menu-content {
  -webkit-animation-name: grow-50px-5, fade-in;
  animation-name: grow-50px-5, fade-in;
  -webkit-animation-duration: .16s;
  animation-duration: .16s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes grow-50px-5 {
  0% {
    width: 82px
  }

  100% {
    width: 282px
  }
}

@keyframes grow-50px-5 {
  0% {
    width: 82px
  }

  100% {
    width: 282px
  }
}

@-webkit-keyframes grow-50px-4 {
  0% {
    width: 82px
  }

  100% {
    width: 232px
  }
}

@keyframes grow-50px-4 {
  0% {
    width: 82px
  }

  100% {
    width: 232px
  }
}

.has-touch .we-share--header.we-share--closing .we-share__menu-content {
  -webkit-animation-name: shrink-50px-4, fade-out;
  animation-name: shrink-50px-4, fade-out;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .06667s;
  animation-delay: .06667s;
  -webkit-animation-duration: .13333s;
  animation-duration: .13333s
}

@-webkit-keyframes shrink-50px-3 {
  0% {
    width: 182px
  }

  100% {
    width: 82px
  }
}

@keyframes shrink-50px-3 {
  0% {
    width: 182px
  }

  100% {
    width: 82px
  }
}

.has-touch .we-share--header.we-share--closing.we-share--allows-embed .we-share__menu-content {
  -webkit-animation-name: shrink-50px-5, fade-out;
  animation-name: shrink-50px-5, fade-out;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
  -webkit-animation-duration: .15s;
  animation-duration: .15s
}

@-webkit-keyframes shrink-50px-5 {
  0% {
    width: 282px
  }

  100% {
    width: 82px
  }
}

@keyframes shrink-50px-5 {
  0% {
    width: 282px
  }

  100% {
    width: 82px
  }
}

@-webkit-keyframes shrink-50px-4 {
  0% {
    width: 232px
  }

  100% {
    width: 82px
  }
}

@keyframes shrink-50px-4 {
  0% {
    width: 232px
  }

  100% {
    width: 82px
  }
}

.has-touch .we-share--header .we-share__trigger {
  width: 50px
}

.has-touch .we-share--header .we-share__menu-content {
  transform: translateX(50px);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 32px);
  padding-left: 32px
}

html[dir=rtl] .has-touch .we-share--header .we-share__menu-content {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 32px)
}

.has-touch .we-share--header.we-share--message .we-share__menu-content {
  transform: none
}

.has-touch .we-share--header .we-share__message {
  transform: translate(1px, 0)
}

.no-touch .we-share--header {
  height: 32px;
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -27px;
  padding-left: 4px;
  z-index: 1
}

.no-touch .we-share--header .we-share__trigger {
  margin: 0 16px 0 0;
  width: 50px;
  height: 50px;
  transform: translate(9px, -9px);
  padding-left: 0
}

.no-touch .we-share--header .we-share__menu-content {
  transform: translateX(66px)
}

.no-touch .we-share--header.we-share--message .we-share__menu-content {
  transform: translateX(9px)
}

.no-touch .we-share--header.we-share--open .we-share__menu-content {
  -webkit-animation-name: grow-32px-3, fade-in;
  animation-name: grow-32px-3, fade-in;
  -webkit-animation-duration: .13333s;
  animation-duration: .13333s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes grow-32px-2 {
  0% {
    width: 64px
  }

  100% {
    width: 96px
  }
}

@keyframes grow-32px-2 {
  0% {
    width: 64px
  }

  100% {
    width: 96px
  }
}

.no-touch .we-share--header.we-share--open.we-share--allows-embed .we-share__menu-content {
  -webkit-animation-name: grow-32px-4, fade-in;
  animation-name: grow-32px-4, fade-in;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes grow-32px-4 {
  0% {
    width: 64px
  }

  100% {
    width: 160px
  }
}

@keyframes grow-32px-4 {
  0% {
    width: 64px
  }

  100% {
    width: 160px
  }
}

@-webkit-keyframes grow-32px-3 {
  0% {
    width: 64px
  }

  100% {
    width: 128px
  }
}

@keyframes grow-32px-3 {
  0% {
    width: 64px
  }

  100% {
    width: 128px
  }
}

.no-touch .we-share--header.we-share--closing .we-share__menu-content {
  -webkit-animation-name: shrink-32px-3, fade-out;
  animation-name: shrink-32px-3, fade-out;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  -webkit-animation-duration: .1s;
  animation-duration: .1s
}

@-webkit-keyframes shrink-32px-2 {
  0% {
    width: 96px
  }

  100% {
    width: 64px
  }
}

@keyframes shrink-32px-2 {
  0% {
    width: 96px
  }

  100% {
    width: 64px
  }
}

.no-touch .we-share--header.we-share--closing.we-share--allows-embed .we-share__menu-content {
  -webkit-animation-name: shrink-32px-4, fade-out;
  animation-name: shrink-32px-4, fade-out;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .06667s;
  animation-delay: .06667s;
  -webkit-animation-duration: .13333s;
  animation-duration: .13333s
}

@-webkit-keyframes shrink-32px-4 {
  0% {
    width: 160px
  }

  100% {
    width: 64px
  }
}

@keyframes shrink-32px-4 {
  0% {
    width: 160px
  }

  100% {
    width: 64px
  }
}

@-webkit-keyframes shrink-32px-3 {
  0% {
    width: 128px
  }

  100% {
    width: 64px
  }
}

@keyframes shrink-32px-3 {
  0% {
    width: 128px
  }

  100% {
    width: 64px
  }
}

.no-touch .we-share--header .we-share__list {
  padding: 0 16px;
  border-radius: 16px;
  background-color: #f8f8f8
}

.no-touch .we-share--header .we-share__list-button {
  width: 32px
}

.no-touch .we-share--header .we-share__list-button:focus,
.no-touch .we-share--header .we-share__list-button:hover {
  background: rgba(0, 0, 0, .1)
}

.no-touch .we-share--header .we-share__close {
  display: none
}

.no-touch .we-share--header .we-share__message {
  height: 50px;
  transform: translateY(-9px);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 32px);
  padding-left: 32px
}

html[dir=rtl] .no-touch .we-share--header .we-share__message {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 32px)
}

.no-touch .we-share--header .we-share__list-button--copylink::after {
  padding-left: 1px;
  top: 1px;
  font-size: 19px
}

.no-touch .we-share--header .we-share__list-button--link::after,
.no-touch .we-share--header .we-share__list-button--twitter::after {
  font-size: 14px;
  padding-left: 0;
  top: 0
}

.no-touch .we-share--header .we-share__list-button--facebook::after {
  padding-left: 0;
  top: 0;
  font-size: 12px
}

.no-touch .we-share--header .we-share__list-button--weibo::after {
  font-size: 17px
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fade-out {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .we-share.we-share--message .we-share__menu-content {
    flex-shrink: 0
  }
}

.we-subscribe__gradient {
  width: auto;
  background-image: linear-gradient(345deg, #d253b1, #fb6f4a);
  margin: 0 0 20px
}

@media only screen and (min-width:360px) {
  .we-subscribe__gradient {
    margin: 20px
  }

  .we-subscribe__image-apple-music {
    background-position-x: right
  }
}

.we-subscribe__content {
  position: relative;
  z-index: 1
}

.we-subscribe__link,
.we-subscribe__section-headline {
  color: #fff
}

.we-subscribe__section-headline {
  color: #fff;
  margin-bottom: 27px;
  font-size: 30px;
  line-height: 1.13343;
  font-weight: 700;
  letter-spacing: .004em;
}

@media only screen and (min-width:735px) {
  .we-subscribe__section-headline {
    margin-bottom: 12px
  }
}

@media only screen and (min-width:735px) {
  .we-subscribe__section-headline {
    font-size: 34px;
    line-height: 1.20596;
    font-weight: 700;
    letter-spacing: .002em;
  }

  .we-subscribe__cta {
    margin-top: 6px
  }
}

@media only screen and (min-width:1069px) {
  .we-share.we-share--message {
    max-width: 613.33px
  }

  .we-subscribe__content {
    min-height: 460px
  }

  .we-subscribe__section-headline {
    margin-bottom: 19px;
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 700;
    letter-spacing: -.003em;
  }

  .we-subscribe__copy {
    padding-top: 50px
  }
}

.we-subscribe__link {
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 400;
  letter-spacing: .027em;
}

.we-subscribe__cta sup,
.we-subscribe__cta:hover sup {
  display: inline-block;
  text-decoration: none
}

@media only screen and (max-width:734px) {
  .we-subscribe__content {
    width: 100%
  }

  .we-subscribe__cta {
    display: block;
    margin-top: 8px
  }
}

.we-subscribe__cta-trial .we-subscribe__cta {
  margin-left: auto;
  margin-right: auto
}

.we-subscribe__cta-trial .we-subscribe__cta:focus,
.we-subscribe__cta-trial .we-subscribe__cta:hover {
  text-decoration: underline
}

.we-subscribe__copy {
  padding-left: 0
}

.we-subscribe__image-apple-music-logo {
  width: 80px;
  height: 25px;
  margin-top: 52px;
  margin-bottom: 11px
}

@media only screen and (min-width:735px) {
  .we-subscribe__cta-trial {
    padding-right: 20px
  }

  .we-subscribe__copy {
    padding-bottom: 70px;
    z-index: 2
  }

  .we-subscribe__image-apple-music-logo {
    margin-top: 74px;
    margin-bottom: 6px
  }
}

@media only screen and (min-width:1069px) {
  .we-subscribe__image-apple-music-logo {
    margin-top: 62px;
    margin-bottom: 14px;
    width: 100px;
    height: 31px
  }
}

@media only screen and (max-width:734px) {
  .we-subscribe__image {
    width: 100%;
    clear: both;
    margin: 0 auto
  }
}

@media only screen and (min-width:735px) {
  .we-subscribe__image {
    width: 55%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: -20px;
    z-index: 1
  }
}

@media only screen and (min-width:735px) and (max-width:1068px) {
  html[dir=rtl] .we-subscribe__image {
    right: 0
  }
}

.we-subscribe__image-apple-music {
  width: 327px;
  height: 292px;
  margin: 0 auto;
  background-size: 318px;
  background-repeat: no-repeat;
  background-position: center bottom
}

.is-lazy-visible .we-subscribe__image-apple-music {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/musicbanner_small-cb224a01e8439b6c0a3f92be6ed47531.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .is-lazy-visible .we-subscribe__image-apple-music {
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/musicbanner_small@2x-80552722ae5aa8f2f2061239524dd60c.png)
  }
}

@media only screen and (min-width:735px) {
  .we-subscribe__image-apple-music {
    width: 100%;
    height: 100%;
    background-size: 360px
  }

  .is-lazy-visible .we-subscribe__image-apple-music {
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/musicbanner_medium-68df7c3c577cda3fd2625d6337a2a498.png)
  }
}

@media only screen and (min-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-width:735px) and (min-resolution:1.5dppx),
only screen and (min-width:735px) and (min-resolution:144dpi) {
  .is-lazy-visible .we-subscribe__image-apple-music {
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/musicbanner_medium@2x-600f789b8f5246752ca81f7970b173c7.png)
  }
}

@media only screen and (min-width:1069px) {
  .we-subscribe__image {
    right: -40px
  }

  .we-subscribe__image-apple-music {
    background-size: 100%
  }

  .is-lazy-visible .we-subscribe__image-apple-music {
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/musicbanner_large-9234ba20c78ac16b9122279127309cfc.png)
  }
}

@media only screen and (min-width:1069px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-width:1069px) and (min-resolution:1.5dppx),
only screen and (min-width:1069px) and (min-resolution:144dpi) {
  .is-lazy-visible .we-subscribe__image-apple-music {
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/musicbanner_large@2x-483412606e5ed5cc510b8f5c9083eabf.png)
  }
}

.we-audio-controls {
  display: flex;
  flex: 0 1 100%;
  align-items: center;
  opacity: 0;
  -webkit-animation: showAudioControls .4s ease-in-out both 1;
  animation: showAudioControls .4s ease-in-out both 1;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.we-audio-controls.is-visible {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  opacity: 1
}

.we-audio-controls--small-player {
  flex: none;
  -webkit-animation-name: showAudioControlsSmall;
  animation-name: showAudioControlsSmall
}

.we-audio-controls__playback {
  display: flex;
  position: relative;
  margin-right: 12px
}

html[dir=rtl] .we-audio-controls__playback {
  direction: rtl
}

.we-audio-controls__button {
  width: 46px;
  display: inline-block;
  font-size: 0;
  color: #7d50df;
  text-align: center
}

.we-audio-controls__button::after {
  font-size: 22px;
  transform: translateX(-4px)
}

.we-audio-controls__loading {
  opacity: 0
}

.we-audio-controls__loading.is-spinning {
  margin-top: -1px;
  -webkit-animation-delay: 20ms;
  animation-delay: 20ms;
  opacity: 1
}

.we-audio-controls__button--skip {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.we-audio-controls__button--playback.is-loading {
  opacity: 0;
  outline: red solid 1px
}

@supports (-ms-ime-align:auto) {
  .we-audio-controls__button--playback {
    margin-top: -2px
  }
}

.we-audio-controls__icon {
  display: block;
  width: 20px;
  height: 20px;
  fill: currentColor
}

html[dir=rtl] .we-audio-controls__icon:not(.icon--rtl) {
  display: none
}

html[dir=rtl] .we-audio-controls__icon.icon--rtl {
  display: block
}

.we-audio-controls__icon.icon--rtl {
  display: none
}

.we-audio-controls__progress-label {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.we-audio-controls__progress-wrapper {
  display: flex;
  flex: 0 1 100%
}

.we-audio-controls__progress {
  -webkit-appearance: none;
  margin: 0 10px 2px;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  color: inherit;
  position: relative
}

.we-audio-controls__progress::-moz-range-thumb {
  margin-top: 2px;
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  outline: transparent solid 1px;
  background-color: #a5aab2;
  background-position: center;
  transform: 0;
  -moz-transition: transform .2s ease;
  transition: transform .2s ease;
  cursor: pointer
}

.we-audio-controls__progress::-moz-range-thumb:active,
.we-audio-controls__progress::-moz-range-thumb:focus,
.we-audio-controls__progress::-moz-range-thumb:hover {
  outline: 0
}

.we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-moz-range-thumb,
.we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-moz-range-thumb,
.we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-moz-range-thumb {
  outline-color: transparent;
  background-color: #7d50df;
  transform: scale(1.7)
}

@supports (-ms-ime-align:auto) {

  .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-moz-range-thumb,
  .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-moz-range-thumb,
  .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-moz-range-thumb {
    transform: translateY(calc(2px / -2)) scale(1.25)
  }
}

.we-audio-controls__progress::-webkit-slider-thumb {
  margin-top: 2px;
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  outline: transparent solid 1px;
  background-color: #a5aab2;
  background-position: center;
  transform: translateY(calc(2px / -2));
  -webkit-transition: transform .2s ease;
  transition: transform .2s ease;
  cursor: pointer
}

.we-audio-controls__progress::-webkit-slider-thumb:active,
.we-audio-controls__progress::-webkit-slider-thumb:focus,
.we-audio-controls__progress::-webkit-slider-thumb:hover {
  outline: 0
}

.we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-thumb,
.we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-thumb,
.we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-thumb {
  outline-color: transparent;
  background-color: #7d50df;
  transform: translateY(calc(2px / -2)) scale(1.7)
}

@supports (-ms-ime-align:auto) {

  .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-thumb,
  .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-thumb,
  .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-thumb {
    transform: translateY(calc(2px / -2)) scale(1.25)
  }
}

.we-audio-controls__progress::-ms-thumb {
  margin-top: 2px;
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  outline: transparent solid 1px;
  background-color: #a5aab2;
  background-position: center;
  transform: 0;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease;
  cursor: pointer
}

.we-audio-controls__progress::-ms-thumb:active,
.we-audio-controls__progress::-ms-thumb:focus,
.we-audio-controls__progress::-ms-thumb:hover {
  outline: 0
}

.we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-ms-thumb,
.we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-ms-thumb,
.we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-ms-thumb {
  outline-color: transparent;
  background-color: #7d50df;
  transform: scale(1.7)
}

.we-audio-controls__progress::-moz-range-track {
  -webkit-appearance: none;
  display: block;
  overflow: visible;
  color: transparent;
  border-radius: 8px;
  border-color: transparent;
  background-color: transparent;
  background-image: linear-gradient(90deg, #a5aab2 var(--progress), #e1e1e6 var(--progress));
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  cursor: pointer;
  font-size: inherit
}

html[dir=rtl] .we-audio-controls__progress::-moz-range-track {
  background-image: linear-gradient(-90deg, #a5aab2 var(--progress), #e1e1e6 var(--progress))
}

.we-audio-controls__progress::-moz-range-track:active,
.we-audio-controls__progress::-moz-range-track:focus,
.we-audio-controls__progress::-moz-range-track:hover {
  outline: 0
}

.we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-moz-range-track,
.we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-moz-range-track,
.we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-moz-range-track {
  background-image: linear-gradient(90deg, #7d50df var(--progress), #e1e1e6 var(--progress))
}

html[dir=rtl] .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-moz-range-track,
html[dir=rtl] .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-moz-range-track,
html[dir=rtl] .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-moz-range-track {
  background-image: linear-gradient(-90deg, #7d50df var(--progress), #e1e1e6 var(--progress))
}

.we-audio-controls__progress::-ms-track {
  -webkit-appearance: none;
  display: block;
  overflow: visible;
  color: transparent;
  border-radius: 8px;
  border-color: transparent;
  background-color: transparent;
  background-image: linear-gradient(90deg, #a5aab2 var(--progress), #e1e1e6 var(--progress));
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  cursor: pointer;
  font-size: 0
}

html[dir=rtl] .we-audio-controls__progress::-ms-track {
  background-image: linear-gradient(-90deg, #a5aab2 var(--progress), #e1e1e6 var(--progress))
}

.we-audio-controls__progress::-ms-track:active,
.we-audio-controls__progress::-ms-track:focus,
.we-audio-controls__progress::-ms-track:hover {
  outline: 0
}

.we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-ms-track,
.we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-ms-track,
.we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-ms-track {
  background-image: linear-gradient(90deg, #7d50df var(--progress), #e1e1e6 var(--progress))
}

html[dir=rtl] .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-ms-track,
html[dir=rtl] .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-ms-track,
html[dir=rtl] .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-ms-track {
  background-image: linear-gradient(-90deg, #7d50df var(--progress), #e1e1e6 var(--progress))
}

.we-audio-controls__progress::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  display: block;
  overflow: visible;
  color: transparent;
  border-radius: 8px;
  border-color: transparent;
  background-color: transparent;
  background-image: linear-gradient(90deg, #a5aab2 var(--progress), #e1e1e6 var(--progress));
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  cursor: pointer;
  font-size: inherit
}

html[dir=rtl] .we-audio-controls__progress::-webkit-slider-runnable-track {
  background-image: linear-gradient(-90deg, #a5aab2 var(--progress), #e1e1e6 var(--progress))
}

.we-audio-controls__progress::-webkit-slider-runnable-track:active,
.we-audio-controls__progress::-webkit-slider-runnable-track:focus,
.we-audio-controls__progress::-webkit-slider-runnable-track:hover {
  outline: 0
}

.we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-runnable-track,
.we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-runnable-track,
.we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-runnable-track {
  background-image: linear-gradient(90deg, #7d50df var(--progress), #e1e1e6 var(--progress))
}

html[dir=rtl] .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-webkit-slider-runnable-track,
html[dir=rtl] .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-webkit-slider-runnable-track,
html[dir=rtl] .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-webkit-slider-runnable-track {
  background-image: linear-gradient(-90deg, #7d50df var(--progress), #e1e1e6 var(--progress))
}

@supports (-ms-ime-align:auto) {

  .we-audio-controls__progress-wrapper:active .we-audio-controls__progress::-ms-thumb,
  .we-audio-controls__progress-wrapper:focus .we-audio-controls__progress::-ms-thumb,
  .we-audio-controls__progress-wrapper:hover .we-audio-controls__progress::-ms-thumb {
    transform: translateY(calc(2px / -2)) scale(1.25)
  }

  .we-audio-controls__progress {
    height: 13.6px;
    font-size: 0;
    padding-left: 3px;
    padding-right: 3px
  }
}

.we-audio-controls__progress:active,
.we-audio-controls__progress:focus,
.we-audio-controls__progress:hover {
  outline-color: #fff
}

.we-audio-controls__progress[data-focus-method=key] {
  outline: rgba(0, 125, 250, .6) solid 4px;
  outline-offset: 1px
}

.we-audio-controls__progress[data-focus-method=key][data-focus-method=mouse]:not(input):not(textarea):not(select),
.we-audio-controls__progress[data-focus-method=key][data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0
}

.we-audio-controls__time {
  flex-shrink: 0;
  color: #636366;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

@-webkit-keyframes showAudioControls {
  0% {
    opacity: 0;
    transform: translateY(2px)
  }

  70% {
    transform: none
  }

  100%,
  90% {
    opacity: 1;
    transform: none
  }
}

@keyframes showAudioControls {
  0% {
    opacity: 0;
    transform: translateY(2px)
  }

  70% {
    transform: none
  }

  100%,
  90% {
    opacity: 1;
    transform: none
  }
}

@-webkit-keyframes showAudioControlsSmall {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes showAudioControlsSmall {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.sosumi {
  color: rgba(235, 235, 245, .6);
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.sosumi .sosumi__link {
  color: #333
}

.sosumi--subscribe {
  padding-top: 28px;
  background-color: #f5f5f7;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.sosumi__upsell-copy {
  padding-bottom: 37px;
  border-bottom: 1px solid #d6d6d6
}

.book-badge {
  flex: 1;
  min-width: 107.04px;
  padding: 0 10px;
  border-right: 1px solid #d6d6d6
}

@media only screen and (min-width:735px) {
  .book-badge {
    min-width: 0;
    padding: 0 8px
  }
}

.book-badge:last-child {
  border: none
}

.book-badge__value {
  white-space: nowrap;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .024em;
  margin-top: 9px;
  margin-bottom: 1px
}

@media only screen and (min-width:735px) {
  .book-badge__value {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: .023em;
    margin-top: 4px;
    margin-bottom: 0
  }
}

.book-badge__eyebrow {
  color: #636366;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: 0;
}

.book-badge__eyebrow+.book-badge__caption {
  margin-top: 2px
}

.book-badge__artwork {
  margin-top: 5px;
  margin-bottom: 5px
}

@media only screen and (min-width:735px) {
  .book-badge__artwork {
    margin-bottom: 6px
  }
}

.license__copy p,
.license__title {
  margin-bottom: 20px
}

@media only screen and (min-width:1069px) {
  .book-badge {
    padding: 0 16px
  }

  .book-badge__eyebrow {
    font-size: 12px;
    line-height: 1.38462;
    font-weight: 600;
    letter-spacing: -.005em;
  }

  .book-badge__artwork {
    margin-top: 4px
  }
}

.book-badge__caption {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: 0;
}

.book-badge__caption--duration {
  display: flex;
  justify-content: center
}

html[dir=rtl] .book-badge__caption--duration {
  flex-direction: row-reverse
}

.book-badge__caption__hours,
.book-badge__caption__minutes {
  padding: 0 .125em;
  min-width: 2.29167em
}

.book-badge__caption--subcopy {
  color: #636366
}

.license__title {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .023em;
}

.shelf-grid {
  padding: 0
}

.shelf-grid__list {
  margin: -10px;
  padding: 10px
}

.shelf-grid__list-item {
  margin-right: -10px;
  margin-left: -10px;
  padding-right: 10px;
  padding-left: 10px
}

.shelf-grid__body {
  overflow: initial
}

.shelf-grid-nav {
  display: none
}

@media only screen and (min-width:772px) {
  .shelf-grid-nav {
    display: block
  }
}

.brick-compositing {
  border-radius: 10px;
  box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%
}

.brick-compositing:hover {
  text-decoration: none
}

.brick-compositing:hover .brick-compositing__title {
  text-decoration: underline
}

.brick-compositing:visited {
  color: unset
}

.brick-compositing .we-artwork::before {
  display: none
}

.brick-compositing .we-artwork__image {
  border-radius: 0
}

.brick-compositing__foreground {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2
}

.brick-compositing__subtitle,
.brick-compositing__title {
  margin-left: 16px;
  max-width: calc(60% - 16px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.brick-compositing__title {
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 600;
  letter-spacing: -.026em;
  color: inherit;
  margin-top: 12px;
  -webkit-line-clamp: 3
}

.brick-compositing__subtitle {
  margin-bottom: 16px;
  -webkit-line-clamp: 2;
  margin-top: auto
}

.brick-row {
  margin-left: auto;
  margin-right: auto;
  width: 87.5%
}

@media only screen and (min-width:735px) {

  .book-badge__caption__hours,
  .book-badge__caption__minutes {
    min-width: 2.75em
  }

  .brick-row {
    margin-left: auto;
    margin-right: auto;
    width: 692px
  }
}

@media only screen and (min-width:1069px) {
  .brick-row {
    margin-left: auto;
    margin-right: auto;
    width: 980px
  }
}

.brick-row__headline {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: -.0275em;
}

.single-book-widget {
  background-blend-mode: multiply, normal;
  padding: 30px 20px
}

.single-book-widget::after {
  clear: both;
  content: '';
  display: block
}

@media only screen and (min-width:735px) {
  .single-book-widget {
    padding: 40px 0
  }

  .single-book-widget__content-wrapper {
    width: 692px;
    margin: 0 auto
  }
}

.single-book-widget__wrapper {
  display: grid;
  grid-template-areas: "cover details""quote quote"
}

@media only screen and (min-width:1069px) {
  .single-book-widget__content-wrapper {
    width: 980px
  }

  .single-book-widget__wrapper {
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
}

.single-book-widget__cover {
  display: block;
  grid-area: cover;
  align-self: start;
  margin-right: 16px
}

.single-book-widget__details {
  grid-area: details
}

.single-book-widget__design-badge {
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 600;
  letter-spacing: .075em;
}

.single-book-widget--on-light .single-book-widget__design-badge {
  color: rgba(60, 60, 67, .6)
}

.single-book-widget--on-dark .single-book-widget__design-badge {
  color: rgba(235, 235, 245, .6)
}

.single-book-widget__title-link {
  display: block;
  margin-top: 5px
}

.single-book-widget--on-light .single-book-widget__title-link {
  color: #000
}

.single-book-widget--on-dark .single-book-widget__title-link {
  color: #fff
}

.single-book-widget__title {
  font-size: 18px;
  line-height: 1.27778;
  font-weight: 600;
  letter-spacing: -.00167em;
}

@media only screen and (min-width:735px) {
  .single-book-widget__wrapper {
    grid-template-areas: "cover details""cover quote";
    grid-template-columns: auto 1fr
  }

  .single-book-widget__cover {
    width: auto;
    margin-right: 30px
  }

  .single-book-widget__design-badge {
    margin-top: 5px
  }

  .single-book-widget__title-link {
    margin-top: 4px
  }

  .single-book-widget__title {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0;
  }
}

.single-book-widget--on-light .single-book-widget__title {
  color: #000
}

.single-book-widget--on-dark .single-book-widget__title {
  color: #fff
}

.single-book-widget--on-light .single-book-widget__author,
.single-book-widget--on-light .single-book-widget__author-link {
  color: #000
}

.single-book-widget--on-dark .single-book-widget__author,
.single-book-widget--on-dark .single-book-widget__author-link {
  color: #fff
}

.single-book-widget__author {
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
  margin-top: 1px
}

@media only screen and (min-width:735px) {
  .single-book-widget__author {
    font-size: 17px;
    line-height: 1.29412;
    font-weight: 400;
    letter-spacing: -.024em;
    margin-top: 2px
  }
}

.single-book-widget__rating {
  margin-top: 9px
}

@media only screen and (min-width:735px) {
  .single-book-widget__rating {
    margin-top: 11px
  }
}

.single-book-widget__cta-button {
  margin-top: 20px
}

.single-book-widget--on-light .single-book-widget__cta-button {
  color: #07c;
  border-color: #07c
}

.single-book-widget--on-dark .single-book-widget__cta-button {
  color: #fff;
  border-color: #fff
}

.single-book-widget__cta-button-price {
  font-weight: 500
}

.single-book-widget__cta-button-subline {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .006em;
  margin-top: 5px
}

.single-book-widget--on-light .single-book-widget__cta-button-subline {
  color: rgba(60, 60, 67, .6)
}

.single-book-widget--on-dark .single-book-widget__cta-button-subline {
  color: rgba(235, 235, 245, .6)
}

.single-book-widget__cta-price {
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
  margin-top: 7px
}

.single-book-widget--on-light .single-book-widget__cta-price {
  color: #000
}

.single-book-widget--on-dark .single-book-widget__cta-price {
  color: #fff
}

.single-book-widget__quote {
  font-size: 14px;
  line-height: 1.42859;
  font-weight: 400;
  letter-spacing: .00333em;
  grid-area: quote;
  margin-top: 30px;
  padding-top: 25px;
  position: relative
}

.single-book-widget--on-light .single-book-widget__quote {
  color: rgba(60, 60, 67, .6)
}

.single-book-widget--on-dark .single-book-widget__quote,
.star-rating--on-dark .star-rating__count {
  color: rgba(235, 235, 245, .6)
}

.single-book-widget__quote::after,
.single-book-widget__quote::before {
  border-top: 1px solid transparent;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: calc(50% - 20px)
}

.single-book-widget--on-light .single-book-widget__quote::after,
.single-book-widget--on-light .single-book-widget__quote::before {
  border-color: rgba(151, 151, 151, .5)
}

.single-book-widget--on-dark .single-book-widget__quote::after,
.single-book-widget--on-dark .single-book-widget__quote::before {
  border-color: rgba(255, 255, 255, .15)
}

.single-book-widget__quote::before {
  left: 0
}

.single-book-widget__quote::after {
  right: 0
}

@media only screen and (min-width:735px) {
  .single-book-widget__quote {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: -.00176em;
    border-top: 1px solid transparent;
    padding: 15px 36px 0
  }

  .single-book-widget__quote::after,
  .single-book-widget__quote::before {
    display: none
  }

  .single-book-widget--on-light .single-book-widget__quote {
    border-color: rgba(151, 151, 151, .5)
  }

  .single-book-widget--on-dark .single-book-widget__quote {
    border-color: rgba(255, 255, 255, .15)
  }

  .single-book-widget__quote__text {
    text-align: initial
  }
}

.single-book-widget__quote__text::after {
  background-size: 21px 14px;
  content: '';
  display: block;
  height: 14px;
  left: calc(50% - 21px / 2);
  position: absolute;
  top: -7px;
  width: 21px
}

.single-book-widget--on-light .single-book-widget__quote__text::after {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/quotation-mark-on-light-c0918a698d164016dec2e9d78b30c3c2.svg)
}

.single-book-widget--on-dark .single-book-widget__quote__text::after {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/quotation-mark-on-dark-b5e2d513cb077754f9e7d464071c6cb6.svg)
}

@media only screen and (min-width:735px) {
  .single-book-widget__quote__text {
    position: relative
  }

  .single-book-widget__quote__text::after {
    background-size: 23px 16px;
    content: '';
    display: block;
    height: 16px;
    left: -36px;
    position: absolute;
    top: 0;
    width: 23px
  }

  .single-book-widget--on-light .single-book-widget__quote__text::after {
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/quotation-mark-on-light-c0918a698d164016dec2e9d78b30c3c2.svg)
  }

  .single-book-widget--on-dark .single-book-widget__quote__text::after {
    background-image: url(/assets/css/uservideos/iconproduct/iproduct/quotation-mark-on-dark-b5e2d513cb077754f9e7d464071c6cb6.svg)
  }
}

.single-book-widget__quote__signature {
  background-size: 50px 25px;
  height: 25px;
  margin: 20px auto 0;
  width: 50px
}

.single-book-widget--on-light .single-book-widget__quote__signature {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/signature-on-light-278a2d485bf33c292419fcf980c42fa5.svg)
}

.single-book-widget--on-dark .single-book-widget__quote__signature {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/signature-on-dark-f73a49a24ab29efac12bd087f59b17b9.svg)
}

@media only screen and (min-width:735px) {
  .single-book-widget__quote__signature {
    background-size: 60px 30px;
    height: 30px;
    margin: 24px 0 0;
    width: 60px
  }
}

.star-rating {
  display: flex;
  align-items: center
}

.star-rating__fill,
.star-rating__outline {
  background-repeat: repeat-x;
  background-size: 14px 11px;
  background-position: -1.5px 0;
  height: 11px;
  line-height: 11px;
  width: 67px
}

.star-rating--on-dark .star-rating__outline {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/star-on-dark-d455b3a343d60d0b308ca25f92b1eb97.svg)
}

.star-rating--on-dark .star-rating__fill {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/star-filled-on-dark-d88316065ed485c1ee2a38e820e486a3.svg)
}

.star-rating--on-light .star-rating__outline {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/star-on-light-4f92dff733f80e79a4c1c1b2ab4789f3.svg)
}

.star-rating--on-light .star-rating__fill {
  background-image: url(/assets/css/uservideos/iconproduct/iproduct/star-filled-on-light-57a194695bb7a69d1ef02c6db698541c.svg)
}

.star-rating__fill {
  width: 0
}

.star-rating__count {
  margin-left: 6px;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: .006em;
}

.star-rating--on-light .star-rating__count {
  color: rgba(60, 60, 67, .6)
}

.books-swoosh__headline,
.grouping-page-header__title {
  font-weight: 700;
}

.books-swoosh {
  margin-left: auto;
  margin-right: auto;
  width: 87.5%
}

@media only screen and (min-width:735px) {
  .books-swoosh {
    margin-left: auto;
    margin-right: auto;
    width: 692px
  }
}

@media only screen and (min-width:1069px) {
  .books-swoosh {
    margin-left: auto;
    margin-right: auto;
    width: 980px
  }
}

.books-swoosh__header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px
}

.books-swoosh__headline {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -.0275em;
  flex-shrink: 1
}

.books-swoosh__see-all {
  margin-bottom: 2px
}

.grouping-page-header {
  height: 425px;
  position: relative
}

.grouping-page-header--on-light {
  color: #000
}

.grouping-page-header--on-dark {
  color: #fff
}

.grouping-page-header__foreground {
  bottom: 0;
  left: 0;
  padding: 0 20px 40px;
  position: absolute;
  right: 0
}

@media only screen and (min-width:735px) {
  .grouping-page-header {
    height: 385px
  }

  .grouping-page-header__foreground {
    display: flex;
    padding: 0 0 40px;
    width: 692px;
    margin: 0 auto
  }

  .grouping-page-header__headings {
    max-width: 385px
  }
}

@media only screen and (min-width:1069px) {
  .grouping-page-header__foreground {
    width: 980px
  }

  .grouping-page-header__headings {
    max-width: 50%
  }
}

.grouping-page-header__title {
  font-size: 34px;
  line-height: 1.20596;
  letter-spacing: -.00706em;
  margin-bottom: 11px
}

@media only screen and (min-width:735px) {
  .grouping-page-header__title {
    font-size: 38px;
    line-height: 1.21053;
    font-weight: 700;
    letter-spacing: -.00132em;
  }
}

.grouping-page-header__subtitle {
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.grouping-page-header__action {
  margin-top: 24px
}

.grouping-page-header--on-light .grouping-page-header__action-button {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  background: 0 0;
  color: #000
}

.grouping-page-header--on-light .grouping-page-header__action-button:hover {
  border-color: #080808;
  background: 0 0;
  color: #080808
}

.grouping-page-header--on-light .grouping-page-header__action-button.is-active,
.grouping-page-header--on-light .grouping-page-header__action-button:active {
  border-color: #141414;
  background: 0 0;
  color: #141414
}

.grouping-page-header--on-light .grouping-page-header__action-button.disabled,
.grouping-page-header--on-light .grouping-page-header__action-button:disabled {
  border-color: #000;
  background: 0 0;
  color: #000;
  opacity: .3
}

.grouping-page-header--on-dark .grouping-page-header__action-button {
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  background: 0 0;
  color: #fff
}

.grouping-page-header--on-dark .grouping-page-header__action-button.is-active,
.grouping-page-header--on-dark .grouping-page-header__action-button:active,
.grouping-page-header--on-dark .grouping-page-header__action-button:hover {
  border-color: #fff;
  background: 0 0;
  color: #fff
}

.grouping-page-header--on-dark .grouping-page-header__action-button.disabled,
.grouping-page-header--on-dark .grouping-page-header__action-button:disabled {
  border-color: #fff;
  background: 0 0;
  color: #fff;
  opacity: .3
}

.grouping-page-header__background {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.grouping-page-header__background-image {
  position: relative
}

.grouping-page-header__background-image>img {
  display: block;
  height: auto;
  max-height: none;
  width: 100%
}

@media only screen and (min-width:735px) {
  .grouping-page-header__action {
    margin: auto 0 0 auto;
    padding-left: 45px
  }

  .grouping-page-header__background-image>img {
    max-height: 100%;
    margin: 0 auto;
    width: auto
  }
}

.grouping-page-header__background-image::after {
  content: '';
  display: block;
  height: 135px;
  position: relative;
  top: -135px;
  width: 100%
}

.grouping-row--bordered+.grouping-row--bordered {
  border-top: 1px solid #d6d6d6
}

.room__headline--books {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0
}

.charts-header__title {
  font-size: 34px;
  line-height: 1.20596;
  font-weight: 700;
  letter-spacing: -.00706em
}

.charts-header__native-cta {
  text-align: right
}

.charts-header-container {
  padding-bottom: 14px
}

.charts-content-container {
  padding-top: 0
}

.charts-section .chart {
  counter-reset: section
}

.charts-section .chart .we-lockup__copy {
  position: relative;
  margin-left: 30px
}

.charts-section .chart .we-lockup__copy::before {
  display: block;
  counter-increment: section;
  content: counter(section);
  position: absolute;
  left: -30px;
  top: 0;
  font-size: 19px;
  line-height: 1.15798;
  font-weight: 600;
  letter-spacing: -.026em;
}

.charts-section .chart .we-lockup__copy:last-child {
  margin-left: 36px
}

.charts-section .chart .we-lockup__copy:last-child::before {
  left: -36px
}

.charts-section-custom-config .we-lockup__copy {
  margin-bottom: 20px
}

@media screen and (max-width:734px) {

  .charts-section,
  .we-genre-filter__genres-list__container {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px
  }
}

@media only screen and (min-width:735px) {
  .charts-header .we-button--external {
    display: inline-block
  }

  .chart .section>.l-row {
    flex-wrap: wrap
  }
}

.we-genre-filter a {
  color: inherit
}

.we-genre-filter a:hover {
  text-decoration: none
}

.we-genre-filter__popular-list {
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px
}

.we-genre-filter__popular-list a {
  margin-right: 8px
}

@media only screen and (max-width:734px) {
  .charts-header .we-button--external {
    margin-top: 15px;
    margin-bottom: 2px
  }

  .we-genre-filter__popular-list a {
    display: none
  }
}

.we-genre-filter__popular-list a.hidden {
  display: none
}

.we-genre-filter__popular-list .active .we-genre-filter__popular-list__item {
  font-weight: 600
}

.we-genre-filter__popular-list__item {
  background-color: #f2f2f2;
  height: 24px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.we-genre-filter__popular-list__item:hover {
  background-color: rgba(242, 242, 242, .8)
}

.we-genre-filter__popular-list__item__trigger::after,
.we-genre-filter__popular-list__item__trigger::before {
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
  position: relative;
  z-index: 1;
  alt: '';
  text-decoration: none;
  content: ""
}

.we-genre-filter__popular-list__item__trigger::before {
  display: none
}

.we-genre-filter__popular-list__item__trigger.trigger--up {
  font-weight: 600
}

.we-genre-filter__popular-list__item__trigger.trigger--up::after,
.we-genre-filter__popular-list__item__trigger.trigger--up::before {
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
  position: relative;
  z-index: 1;
  alt: '';
  text-decoration: none;
  content: ""
}

.we-genre-filter__popular-list__item__trigger.trigger--up::after,
.we-genre-filter__popular-list__item__trigger::after {
  padding-left: .3em;
  top: 0;
  font-size: 20px;
  font-weight: 100
}

.we-genre-filter__popular-list__item__trigger.trigger--up::before {
  display: none
}

.we-genre-filter__popular-list__item__trigger::after {
  z-index: 1
}

.we-genre-filter__genres-list {
  position: absolute;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 26px;
  background-color: #fff;
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .1);
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  transition: max-height .5s ease-out;
  left: 0;
  z-index: 3
}

.we-genre-filter__genres-list--expanded {
  visibility: visible;
  max-height: 1060px
}

@media only screen and (min-width:735px) {
  .we-genre-filter__genres-list--expanded {
    max-height: 600px
  }
}

.we-genre-filter__genres-list__container {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 12px;
  column-gap: 12px
}

@media only screen and (min-width:735px) {
  .we-genre-filter__genres-list__container {
    -moz-column-count: 3;
    column-count: 3
  }
}

.we-genre-filter__genres-list__container a {
  display: block;
  -moz-column-break-inside: avoid;
  break-inside: avoid
}

.we-genre-filter__genres-list__item {
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 22px;
  box-sizing: content-box;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

@media only screen and (min-width:735px) {
  .we-genre-filter__genres-list__item {
    font-size: 15px;
    line-height: 1.33338;
    font-weight: 400;
    letter-spacing: -.016em;
  }
}

.we-genre-filter__genres-list__item__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.we-genre-filter__curtain {
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  width: 100%;
  top: 260px;
  bottom: 0;
  display: none;
  left: 0;
  z-index: 2
}

.we-genre-filter__curtain--expanded {
  display: block
}

.we-page-error {
  min-height: calc(100vh - 180px);
  height: 100%
}

.we-page-error__message {
  width: 330px;
  margin: 10px;
  font-size: 32px;
  line-height: 1.125;
  font-weight: 600;
  letter-spacing: 0;
}

@media only screen and (min-width:735px) {
  .we-page-error__message {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    width: 420px
  }
}

@media only screen and (min-width:1069px) {
  .we-genre-filter__genres-list--expanded {
    max-height: 330px
  }

  .we-genre-filter__genres-list__container {
    -moz-column-count: 4;
    column-count: 4
  }

  .we-page-error__message {
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: 0;
    width: 502px
  }
}

.privacy-type__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto
}

.privacy-type__icon svg {
  height: auto;
  width: 100%;
  fill: #0070c9
}

.privacy-type--modal .privacy-type__icon {
  margin-left: unset;
  margin-right: unset
}

.privacy-type__heading {
  margin-top: 9px;
  color: #111;
  text-align: center;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

.privacy-type--modal .privacy-type__heading {
  text-align: left;
  font-size: 18px;
  line-height: 1.22226;
  font-weight: 600;
  letter-spacing: .027em;
}

.privacy-type__purpose-heading {
  margin-top: 22px;
  padding-top: 9px;
  border-top: 1px solid #d6d6d6;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 600;
  letter-spacing: -.016em;
}

.privacy-type__purpose-heading+.privacy-type__grid {
  margin-top: 13px
}

.privacy-type__data-category-heading {
  padding-top: 7px;
  padding-bottom: 5px;
  color: #111;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.privacy-type--modal .privacy-type__data-category-heading {
  padding-top: 2px;
  padding-bottom: unset;
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: -.016em;
}

.privacy-type__category-items {
  margin-top: 4px;
  color: #666
}

.privacy-type__description {
  margin-top: 6px;
  color: #666;
  text-align: center;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.podcast-channel__subheader,
.podcast-channel__title {
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: .023em
}

.privacy-type--modal .privacy-type__description {
  margin-bottom: 22px;
  text-align: left
}

.privacy-type__grid {
  display: inline-grid;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  grid-template-areas: "icon content";
  align-items: center
}

.privacy-type--modal .privacy-type__grid {
  display: grid;
  align-items: unset;
  min-height: unset;
  max-height: unset
}

.privacy-type--modal .privacy-type__grid+.privacy-type__grid {
  margin-top: 13px
}

.privacy-type__grid-icon {
  grid-area: icon;
  height: 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center
}

.privacy-type__glyph {
  height: 19px;
  width: 100%;
  fill: currentColor
}

.privacy-type__glyph--financial-info {
  height: 20px
}

.privacy-type__glyph--location {
  height: 18px
}

.privacy-type__glyph--user-content {
  height: 22px
}

.privacy-type__glyph--identifiers {
  height: 21px
}

.privacy-type__glyph--sensitive-info {
  height: 22px
}

.privacy-type__grid-content {
  grid-area: content
}

.privacy-type__items {
  margin-top: 11px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 10px;
  column-gap: 10px
}

.privacy-type--modal .privacy-type__items {
  display: block
}

.privacy-type__items--single-item {
  grid-template-columns: 1fr;
  text-align: center
}

.privacy-type__item {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid
}

.podcast-channel {
  display: grid;
  height: calc(100vh - 100px);
  grid-template-columns: auto;
  grid-template-rows: 238px auto
}

.podcast-channel__logo {
  display: grid;
  place-content: center;
  background-image: linear-gradient(white, #eee)
}

.podcast-channel__logo-artwork {
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), 0 10px 13px 0 rgba(0, 0, 0, .11);
  position: relative;
  z-index: 1002
}

.podcast-channel__logo-artwork::after {
  box-shadow: none
}

.podcast-channel__body {
  padding-top: 16px;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px
}

@media only screen and (min-width:735px) {
  .podcast-channel {
    grid-template-columns: -webkit-min-content minmax(auto, 385px);
    grid-template-columns: min-content minmax(auto, 385px);
    grid-template-rows: auto;
    grid-column-gap: 40px;
    place-content: center
  }

  .podcast-channel__logo {
    display: block;
    background-image: none
  }

  .podcast-channel__body {
    padding-top: 0;
    margin-bottom: 0;
    text-align: left;
    justify-self: left;
    display: grid;
    align-content: center;
    padding-left: 0;
    padding-right: 0
  }

  .podcast-channel__cta {
    display: flex;
    align-items: center
  }
}

.podcast-channel__title {
  font-weight: 600;
}

.podcast-channel__subheader {
  color: #86868b;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.podcast-channel__subheader_2 {
  margin-top: 6px;
  color: #86868b;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

.podcast-channel__description {
  margin-top: 13px;
  margin-bottom: 19px;
  color: #86868b;
  font-size: 12px;
  line-height: 1.38462;
  font-weight: 400;
  letter-spacing: -.005em;
}

.podcast-channel__cta__button {
  margin-bottom: 4px;
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media only screen and (min-width:735px) {
  .podcast-channel__cta__button {
    margin-bottom: 0;
    margin-right: 8px
  }
}

.podcast-channel__cta__label {
  color: #86868b;
  font-size: 11px;
  line-height: 1.18182;
  font-weight: 600;
  letter-spacing: .006em;
}

.ember_episodes,
#ember_episodes::before {
  width: 268px;
  height: 268px;
}

.ember_episodes::before {
  padding-top: 100%;
}

.ember_episodes,
#ember_episodes::before {
  width: 268px;
  height: 268px;
}

.ember_episodes::before {
  padding-top: 100%;
}

@media (min-width: 735px) {

  .ember_episodes,
  #ember_episodes::before {
    width: 276px;
    height: 276px;
  }

  .ember_episodes::before {
    padding-top: 100%;
  }
}

@media (min-width: 735px) {

  .ember_episodes,
  #ember_episodes::before {
    width: 276px;
    height: 276px;
  }

  .ember_episodes::before {
    padding-top: 100%;
  }
}

@media (min-width: 1069px) {

  .ember_episodes,
  #ember_episodes::before {
    width: 313px;
    height: 313px;
  }

  .ember_episodes::before {
    padding-top: 100%;
  }
}

@media (min-width: 1069px) {

  .ember_episodes,
  #ember_episodes::before {
    width: 313px;
    height: 313px;
  }

  .ember_episodes::before {
    padding-top: 100%;
  }
}

.ember_larger,
#ember_larger::before {
  width: 268px;
  height: 268px;
}

.ember_larger::before {
  padding-top: 100%;
}

.ember_larger,
#ember_larger::before {
  width: 268px;
  height: 268px;
}

.ember_larger::before {
  padding-top: 100%;
}

@media (min-width: 735px) {

  .ember_larger,
  #ember_larger::before {
    width: 276px;
    height: 276px;
  }

  .ember_larger::before {
    padding-top: 100%;
  }
}

@media (min-width: 735px) {

  .ember_larger,
  #ember_larger::before {
    width: 276px;
    height: 276px;
  }

  .ember_larger::before {
    padding-top: 100%;
  }
}

@media (min-width: 1069px) {

  .ember_larger,
  #ember_larger::before {
    width: 313px;
    height: 313px;
  }

  .ember_larger::before {
    padding-top: 100%;
  }
}

@media (min-width: 1069px) {

  .ember_larger,
  #ember_larger::before {
    width: 313px;
    height: 313px;
  }

  .ember_larger::before {
    padding-top: 100%;
  }
}

.ember_small,
#ember_small::before {
  width: 268px;
  height: 268px;
}

.ember_small::before {
  padding-top: 100%;
}

.ember_small,
#ember_small::before {
  width: 268px;
  height: 268px;
}

.ember_small::before {
  padding-top: 100%;
}

@media (min-width: 735px) {

  .ember_small,
  #ember_small::before {
    width: 276px;
    height: 276px;
  }

  .ember_small::before {
    padding-top: 100%;
  }
}

@media (min-width: 735px) {

  .ember_small,
  #ember_small::before {
    width: 276px;
    height: 276px;
  }

  .ember_small::before {
    padding-top: 100%;
  }
}

@media (min-width: 1069px) {

  .ember_small,
  #ember_small::before {
    width: 313px;
    height: 313px;
  }

  .ember_small::before {
    padding-top: 100%;
  }
}

@media (min-width: 1069px) {

  .ember_small,
  #ember_small::before {
    width: 313px;
    height: 313px;
  }

  .ember_small::before {
    padding-top: 100%;
  }
}

.ember_Episodes,
#ember_Episodes::before {
  width: 196px;
  height: 110.25px;
}

.ember_Episodes::before {
  padding-top: 56.25%;
}

.ember_Episodes,
#ember_Episodes::before {
  width: 196px;
  height: 110.25px;
}

.ember_Episodes::before {
  padding-top: 56.25%;
}

@media (min-width: 735px) {

  .ember_Episodes,
  #ember_Episodes::before {
    width: 157px;
    height: 88.3125px;
  }

  .ember_Episodes::before {
    padding-top: 56.25%;
  }
}

@media (min-width: 735px) {

  .ember_Episodes,
  #ember_Episodes::before {
    width: 157px;
    height: 88.3125px;
  }

  .ember_Episodes::before {
    padding-top: 56.25%;
  }
}

@media (min-width: 1069px) {

  .ember_Episodes,
  #ember_Episodes::before {
    width: 196px;
    height: 110.25px;
  }

  .ember_Episodes::before {
    padding-top: 56.25%;
  }
}

@media (min-width: 1069px) {

  .ember_Episodes,
  #ember_Episodes::before {
    width: 196px;
    height: 110.25px;
  }

  .ember_Episodes::before {
    padding-top: 56.25%;
  }
}