.mediaContent {display: grid;grid-template-rows: repeat(3, max-content);width: 100%;}.mediaPlayer {width: 100%;aspect-ratio: 16 / 9;background: black;grid-row: 1;position: relative;overflow: hidden;}.mediaPlayer video {height:100%;width:100%;}.mediaPlayer iframe {height: 100%;width: 100%;border: none;position: absolute;left: 0px;top: 0px;}.animeSelect {display: flex;height: max-content;gap: 2ex;border-bottom: #2983b096 2ex solid;padding: 2ex 0;overflow-y: hidden;overflow-x: scroll;scrollbar-width: none;grid-row: 2;grid-column: 1;}.animeSelect::-webkit-scrollbar {display: none;}.animeSelectSingle {height: 13ex;padding: 1.5ex;box-shadow: 0 0 2ex #959595;border-radius: 1.5ex;background: none;border: none;cursor: pointer;min-width: max-content;border: 0.5ex solid #81b6d0;}.animeSelectSingle:first-child {margin-right: 2ex;}.animeSelectSingle:last-child {margin-left: 2ex;}.animeSelectSingle:hover, .animeSelectSingle:focus, .animeSelectSingle.selected {border-color: #2983b0;}.animeSelectSingle.selected {box-shadow: 0 0 2ex #25568a;}.animeSelectSingle img {height: 100%;}.animeSelectScrollButton {grid-row: 2;grid-column: 1;position: relative;width: 100%;pointer-events: none;display: flex;justify-content: space-between;align-items: center;border-bottom: 2ex solid transparent;width: 106%;margin-right: -3%;visibility: hidden;}.animeSelect:hover ~ .animeSelectScrollButton, .animeSelect:focus-within ~ .animeSelectScrollButton, .animeSelectScrollButton:hover {visibility: visible;}.mediaScrollRight, .mediaScrollLeft {width: 8ex;height: 8ex;pointer-events: all;border-radius: 50%;border: 0.5ex solid #81b6d0bf;background: #ffffffc4;position: relative;}.mediaScrollRight:hover, .mediaScrollRight:focus, .mediaScrollLeft:hover, .mediaScrollLeft:focus {border-color: #81b6d0;background: #ffffffe3;cursor: pointer;}.mediaScrollRight::after, .mediaScrollLeft:after {content: '';border: solid #81b6d0;border-width: 0 1.5ex 1.5ex 0;display: inline-block;padding: 1.5ex;position: absolute;width: 50%;height: 50%;top: 22%;}.mediaScrollRight:hover::after, .mediaScrollRight:focus::after, .mediaScrollLeft:hover::after, .mediaScrollLeft:focus::after {border-color: #2983b0;}.mediaScrollRight::after {left: 10%;transform: rotate(-45deg);}.mediaScrollLeft::after {right: 10%;transform: rotate(135deg);}.mediaSelect {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2ex;margin: 2ex;grid-row: 3;}.mediaSelectSingle {height: 100%;box-shadow: 0 0 2ex rgba(0,0,0,.3);border-radius: 1.5ex;background: none;border: none;cursor: pointer;position: relative;margin: 0;padding: 0;aspect-ratio: 16 / 9;}.mediaSelectSingle:hover, .mediaSelectSingle:focus, .mediaSelectSingle.selected {outline: 0.3ex solid #2983b0;}.mediaSelectSingle.selected {box-shadow: 0 0 2ex #25568a;}.mediaSelectSingle img {object-fit: cover;width: 100%;height: 100%;aspect-ratio: 16 / 9;border-radius: 1.5ex;}.mediaSelectSingle div {position: absolute;background: #80808091;bottom: 1ex;right: 1ex;font-size: 3ex;max-width: 94%;padding: 0.3ex 0.6ex;color: white;font-family: "Alef";backdrop-filter: blur(1ex);}@media (max-width: 767px) {.mediaSelect {grid-template-columns: 1fr;}.animeSelectScrollButton {display: none;}}