* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ul::-webkit-scrollbar {
  /* width: 0px; */
  display: none;
}
/* ul {
  overflow-y: scroll;
  scrollbar-width: none;
} */

body {
  font-family: "Amazon Ember", Arial, sans-serif !important;
}

header {
  /* position: absolute; */
  top: 0;
  text-align: center;
  width: 100%;
  height: 2.5rem;
}

footer {
  /* position: absolute; */
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 2.5rem;
}
.logo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDczIiBoZWlnaHQ9IjE0NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMTQuODMgOTIuMzY2Yy4xNTgtMS4wMjMuOTY3LTEuODAyIDIuMDkxLTEuODAyLjUyNCAwIDEuMTE4LjE3MSAxLjc0NC41NjIgMzQuNzMxIDIxLjc4MSA3Ny42OTcgMzQuOTAzIDEyMi4wNjcgMzQuOTAzIDI5Ljk0MyAwIDYyLjg0MS02LjcwMSA5My4xMTctMjAuNTQ0IDQuNTYzLTIuMDc5IDguMzg2IDMuMjM5IDMuOTIyIDYuODExLTI3LjAwOCAyMS40NzItNjYuMTYzIDMyLjg5Ny05OS44NzkgMzIuODk3LTQ3LjI0OCAwLTg5Ljc5NS0xOC44My0xMjIuMDA0LTUwLjE2OC0uNjMyLS42MTQtLjk2NC0xLjI4Ny0xLjA1OC0xLjkxOXYtLjc0WiIvPjxwYXRoIGQ9Ik0zMTUuNDkzIDk1Ljc1MWM3Ljk4Ni02LjAzIDE4LjYwNC04LjA0MiAyNy40MDgtOC4wNDIgOC4yMzUgMCAxNC44ODYgMS43NjMgMTYuMzAyIDMuNjQ4IDIuOTc2IDMuOTMzLS43NjYgMzEuMjAxLTE1LjI2MSA0NC4yMDYtMi4yMTggMi4wMTQtNC4zMjguOTI5LTMuMzUtMS42OTkgMy4yNTktOC43MjIgMTAuNTUzLTI4LjMwNiA3LjA5Ni0zMy4wNTQtMy40NTItNC43NTktMjIuODM1LTIuMjY4LTMxLjUyNy0xLjE0NS0xLjM0Ny4xNzEtMi4xMTMtLjM4LTIuMjI1LTEuMjAxdi0uNDQzYy4wOTEtLjcxMi41OTYtMS41NDMgMS41NTctMi4yN1pNNDUwLjM1OSAxOS44NjNjNy4xIDAgMTIuNjQ4IDIuMTUyIDE2LjY0NSA2LjQ1NkM0NzEuMDAxIDMwLjYyMiA0NzMgMzYuNTk2IDQ3MyA0NC4yNDFjMCA3LjcwNC0xLjk5OSAxMy43MDgtNS45OTYgMTguMDEyLTMuOTk3IDQuMzA0LTkuNTQ1IDYuNDU2LTE2LjY0NSA2LjQ1Ni03LjA5OSAwLTEyLjY0OC0yLjE1Mi0xNi42NDUtNi40NTZzLTUuOTk2LTEwLjMwOC01Ljk5Ni0xOC4wMTJjMC03LjY0NSAxLjk5OS0xMy42MTkgNS45OTYtMTcuOTIyIDMuOTk3LTQuMzA0IDkuNTQ2LTYuNDU2IDE2LjY0NS02LjQ1NlptMCAxMC4xMTJjLTYuMjY0IDAtOS4zOTYgNC43NTUtOS4zOTYgMTQuMjY2IDAgOS41NyAzLjEzMiAxNC4zNTUgOS4zOTYgMTQuMzU1IDYuMjY0IDAgOS4zOTctNC43ODUgOS4zOTctMTQuMzU1IDAtOS41MTEtMy4xMzMtMTQuMjY2LTkuMzk3LTE0LjI2NlpNNDAzLjE5MSAyMC4yOWM1LjQzMiAwIDkuNjg0IDEuMzI4IDEyLjc0NyAzLjk4NCAzLjA2NCAyLjY1NyA0LjU5OSA2LjIwMSA0LjU5OSAxMC42MjYgMCA0LjQzMi0xLjY1MyA3Ljc4Mi00Ljk0NSAxMC4wNTEtMy4zIDIuMjc1LTguMTY0IDMuNDEtMTQuNTg2IDMuNDEtMy4zMjkgMC02LjIyMy0uMzIxLTguNjczLS45Ny4zNDcgMy45NTQgMS41MzUgNi43OSAzLjU1IDguNDk5IDIuMDE1IDEuNzA4IDUuMDY0IDIuNTY2IDkuMTUzIDIuNTY2IDEuNjMxIDAgMy4yMjYtLjEwNCA0Ljc3Ni0uMzEzIDEuNTQzLS4yMDIgMy42OTEtLjY2NCA2LjQzNy0xLjM2Ni4xNjktLjA1OS4zNDYtLjEwNC41MjQtLjEzNC4xNzctLjAzLjMxNy0uMDQ1LjQzNS0uMDQ1Ljk5NyAwIDEuNDkxLjY3OSAxLjQ5MSAyLjAzN3Y0LjA3NWMwIC45NC0uMTMzIDEuNjA0LS4zOTEgMS45OTItLjI2Ni4zOC0uNzc1LjcyNC0xLjUzNSAxLjAxNS00LjI2NyAxLjY0OS04Ljc5MiAyLjQ3Ny0xMy41ODIgMi40NzctNy4yNDEgMC0xMi44LTItMTYuNjgyLTYuMDIyLTMuODgzLTQuMDE0LTUuODI0LTkuNzY3LTUuODI0LTE3LjI2NiAwLTcuNjcxIDEuOTg1LTEzLjY5MiA1Ljk1Ni0xOC4wNTggMy45NzItNC4zNzIgOS40ODYtNi41NTggMTYuNTUtNi41NThabS0uOTYgOC45NDZjLTUuNjEgMC04Ljg1IDMuNDg1LTkuNzIxIDEwLjQ0NyAyLjMzMi40NzcgNC45MzEuNzA5IDcuNzk1LjcwOSAyLjk3NCAwIDUuMTM3LS40NTYgNi40OC0xLjM3MyAxLjM0NC0uOTExIDIuMDE2LTIuMzE0IDIuMDE2LTQuMjAxIDAtMy43MjQtMi4xOTMtNS41ODItNi41Ny01LjU4MlpNMzY5LjA2OS41NDJjLjgzNSAwIDEuNDE3LjE2NSAxLjc0NS40OTYuMzI4LjMzMS40OTIuOTE4LjQ5MiAxLjc2MXY2Mi4yOThjMCAuNzgzLS4xNjQgMS4zNTQtLjQ5MiAxLjcxNi0uMzI4LjM2MS0uOTEuNTQxLTEuNzQ1LjU0MWgtNy4xNTljLS43MTYgMC0xLjI2OC0uMTUtMS42NTYtLjQ1MS0uMzg3LS4zMDEtLjY3MS0uODEzLS44NS0xLjUzNWwtLjUzNy0yLjA3N2MtMy42OTkgMy4zNzEtOC4wODMgNS4wNTYtMTMuMTU1IDUuMDU2LTMuODc3IDAtNy4yNDgtMS4wMDgtMTAuMTEyLTMuMDI0LTIuODY0LTIuMDE3LTUuMDU2LTQuODE1LTYuNTc3LTguMzk3LTEuNTIyLTMuNTgxLTIuMjgyLTcuNzE5LTIuMjgyLTEyLjQxNCAwLTcuNDY0IDEuNzU5LTEzLjQzOCA1LjI3OS0xNy45MjIgMy41Mi00LjQ4NSA4LjE3NC02LjcyNyAxMy45NjEtNi43MjcgNC43MTMgMCA4LjggMS4zNTQgMTIuMjYgNC4wNjNWMi43OTljMC0uODQzLjE3OS0xLjQzLjUzNy0xLjc2MS4zNTgtLjMzMS45MjUtLjQ5NiAxLjctLjQ5Nmg4LjU5MVptLTE5LjY4OCAyOS4yNTNjLTMuMTYyIDAtNS41MTggMS4xODktNy4wNjkgMy41NjYtMS41NTEgMi4zNzgtMi4zMjcgNS45NzQtMi4zMjcgMTAuNzg5IDAgNC44MTYuODIgOC4zOTcgMi40NjEgMTAuNzQ1IDEuNjQxIDIuMzQ3IDQuMTYxIDMuNTIxIDcuNTYyIDMuNTIxIDIuODY0IDAgNS42MDgtLjg0MyA4LjIzMy0yLjUyOFYzMi4wNTJjLTIuNTY1LTEuNTA1LTUuNTE5LTIuMjU3LTguODYtMi4yNTdaTTMwNy4zMjMgNjcuMzU0Yy0uNzc2IDAtMS4zNDMtLjE4LTEuNzAxLS41NDEtLjM1OC0uMzYyLS41MzctLjkzMy0uNTM3LTEuNzE2VjIzLjQ3NWMwLS44NDMuMTc5LTEuNDMuNTM3LTEuNzYxLjM1OC0uMzMxLjkyNS0uNDk3IDEuNzAxLS40OTdoOC41OTFjLjgzNSAwIDEuNDE3LjE2NiAxLjc0NS40OTcuMzI4LjMzMS40OTIuOTE4LjQ5MiAxLjc2MXY0MS42MjJjMCAuNzgzLS4xNjQgMS4zNTQtLjQ5MiAxLjcxNi0uMzI4LjM2MS0uOTEuNTQxLTEuNzQ1LjU0MWgtOC41OTFaTTMxMS42MTggMTQuMDg1Yy0yLjI2NyAwLTQuMDg3LS42MzItNS40NTktMS44OTYtMS4zNzItMS4yNjQtMi4wNTgtMi45OC0yLjA1OC01LjE0NyAwLTIuMTY2LjY4Ni0zLjg4MiAyLjA1OC01LjE0NkMzMDcuNTMxLjYzMiAzMDkuMzUxIDAgMzExLjYxOCAwYzIuMjY3IDAgNC4wODcuNjMyIDUuNDU5IDEuODk2IDEuMzcyIDEuMjY0IDIuMDU4IDIuOTggMi4wNTggNS4xNDYgMCAyLjE2Ny0uNjg2IDMuODgzLTIuMDU4IDUuMTQ3LTEuMzcyIDEuMjY0LTMuMTkyIDEuODk2LTUuNDU5IDEuODk2Wk0yNzEuODIyIDY3LjM1NGMtLjU5NyAwLTEuMDg5LS4wNzUtMS40NzctLjIyNWEyLjM0IDIuMzQgMCAwIDEtLjk4NC0uNzIzYy0uMjY5LS4zMzEtLjUyMi0uNzk3LS43NjEtMS4zOTlsLTE1LjMwMy00MC4xNzhhMzYuNzI0IDM2LjcyNCAwIDAgMS0uNDQ3LTEuMjY0IDMuMTk2IDMuMTk2IDAgMCAxLS4xNzktLjk5M2MwLS45MDMuNTk3LTEuMzU1IDEuNzktMS4zNTVoOC45NDljLjk1NCAwIDEuNjU1LjE4MSAyLjEwMy41NDIuNDQ3LjM2MS43OS45NjMgMS4wMjkgMS44MDZsOS4yMTcgMzEuOTYyIDkuMzk3LTMxLjk2MmMuMjM4LS44NDMuNTgxLTEuNDQ1IDEuMDI5LTEuODA2LjQ0Ny0uMzYxIDEuMTQ4LS41NDIgMi4xMDMtLjU0Mmg4LjY4YzEuMTk0IDAgMS43OS40NTIgMS43OSAxLjM1NSAwIC4zMDEtLjA1OS42MzItLjE3OS45OTMtLjExOS4zNjEtLjI2OC43ODItLjQ0NyAxLjI2NGwtMTUuMzAzIDQwLjE3OGMtLjIzOS42MDItLjQ5MiAxLjA2OC0uNzYxIDEuMzk5YTIuNDA2IDIuNDA2IDAgMCAxLS45MzkuNzIzYy0uMzU4LjE1LS44NjUuMjI1LTEuNTIyLjIyNWgtNy43ODVaTTIxNC43MTcgMTkuODY5YzUuNTc0IDAgOS45MzYgMS4zNTUgMTMuMDc5IDQuMDY1IDMuMTQyIDIuNzEgNC43MTggNi4zMjYgNC43MTggMTAuODQgMCA0LjUyMS0xLjY5NyA3LjkzOS01LjA3NCAxMC4yNTMtMy4zODYgMi4zMjItOC4zNzYgMy40NzktMTQuOTY1IDMuNDc5LTMuNDE1IDAtNi4zODQtLjMyOC04Ljg5OC0uOTkuMzU2IDQuMDM1IDEuNTc1IDYuOTI3IDMuNjQzIDguNjcgMi4wNjcgMS43NDQgNS4xOTUgMi42MTkgOS4zOSAyLjYxOSAxLjY3NCAwIDMuMzEtLjEwNyA0LjktLjMyIDEuNTgzLS4yMDUgMy43ODYtLjY3NyA2LjYwNC0xLjM5M2EzLjMzIDMuMzMgMCAwIDEgLjUzNy0uMTM3Yy4xODItLjAzLjMyNi0uMDQ2LjQ0Ny0uMDQ2IDEuMDIyIDAgMS41My42OTMgMS41MyAyLjA3OXY0LjE1NmMwIC45NTktLjEzNyAxLjYzNi0uNDAyIDIuMDMyLS4yNzIuMzg4LS43OTUuNzM5LTEuNTc1IDEuMDM1LTQuMzc3IDEuNjgzLTkuMDE5IDIuNTI4LTEzLjkzNCAyLjUyOC03LjQyOSAwLTEzLjEzMi0yLjA0LTE3LjExNS02LjE0My0zLjk4NC00LjA5Ni01Ljk3NS05Ljk2NC01Ljk3NS0xNy42MTUgMC03LjgyNSAyLjAzNy0xMy45NjggNi4xMTEtMTguNDIxIDQuMDc0LTQuNDYxIDkuNzMyLTYuNjkxIDE2Ljk3OS02LjY5MVptLS45ODUgOS4xMjdjLTUuNzU1IDAtOS4wOCAzLjU1NS05Ljk3MyAxMC42NTcgMi4zOTMuNDg3IDUuMDU5LjcyMyA3Ljk5Ny43MjMgMy4wNTIgMCA1LjI3MS0uNDY0IDYuNjQ5LTEuNDAxIDEuMzc4LS45MjggMi4wNjctMi4zNTkgMi4wNjctNC4yODUgMC0zLjc5OS0yLjI0OS01LjY5NC02Ljc0LTUuNjk0Wk0xMjYuMDIzIDI1LjY1NGMzLjE3My0yLjEwOSA2LjAzNi0zLjYwMSA4LjU4LTQuNDY5YTI0LjA2MyAyNC4wNjMgMCAwIDEgNy44NjktMS4zMTdjNS4zOTIgMCA5LjE5MyAxLjkzNCAxMS40MTIgNS43ODYgMy4wNTItMi4wNDggNS45My0zLjUyNSA4LjYyNi00LjQyM2EyNi4wNjQgMjYuMDY0IDAgMCAxIDguMzUzLTEuMzYzYzQuMTk1IDAgNy40NDQgMS4xOCA5Ljc1NCAzLjUyNSAyLjMwMiAyLjM1MiAzLjQ2MSA1LjYzMyAzLjQ2MSA5Ljg1VjY1LjEzYzAgLjc4NC0uMTY3IDEuMzU1LS40OTIgMS43MTMtLjMzNC4zNjUtLjkxNy41NC0xLjc1Ny41NGgtOC42MjZjLS43OCAwLTEuMzQ4LS4xNzUtMS43MDQtLjU0LS4zNjMtLjM1OC0uNTQ1LS45MjktLjU0NS0xLjcxM1YzNi4xMzVjMC00LjA5NS0xLjgyNS02LjE0My01LjQ4My02LjE0My0zLjIzNCAwLTYuNDk4Ljc3Ny05Ljc5MiAyLjM0NVY2NS4xM2MwIC43ODQtLjE2NyAxLjM1NS0uNDkyIDEuNzEzLS4zMzMuMzY1LS45MTcuNTQtMS43NTcuNTRoLTguNjI2Yy0uNzggMC0xLjM0OC0uMTc1LTEuNzA0LS41NC0uMzYzLS4zNTgtLjUzNy0uOTI5LS41MzctMS43MTNWMzYuMTM1YzAtNC4wOTUtMS44MzMtNi4xNDMtNS40ODMtNi4xNDMtMy4zNTUgMC02LjY0OS44MDctOS44OTEgMi40MzZWNjUuMTNjMCAuNzg0LS4xNjYgMS4zNTUtLjQ5MiAxLjcxMy0uMzMzLjM2NS0uOTE2LjU0LTEuNzQ5LjU0aC04LjYzNGMtLjc3MiAwLTEuMzQ4LS4xNzUtMS43MDMtLjU0LS4zNTYtLjM1OC0uNTM4LS45MjktLjUzOC0xLjcxM1YyMy40ODRjMC0uODQ1LjE4Mi0xLjQzMS41MzgtMS43NTguMzU1LS4zMzUuOTMxLS40OTUgMS43MDMtLjQ5NWg2LjQ3NWMxLjM3OSAwIDIuMjEyLjY2MiAyLjUxNSAxLjk4N2wuNzE5IDIuNDM2Wk04OS44MjUgMjMuNDg2YzAtLjg0NS4xODItMS40MzEuNTM4LTEuNzU5LjM2NC0uMzM1LjkzMi0uNTAyIDEuNzEyLS41MDJoOC42MjVjLjg0MSAwIDEuNDI0LjE2NyAxLjc1LjUwMi4zMzMuMzI4LjUuOTE0LjUgMS43NTl2NDEuNjM4YzAgLjc4NC0uMTY3IDEuMzYyLS41IDEuNzItLjMyNi4zNTgtLjkwOS41NDEtMS43NS41NDFoLTguNjI1Yy0uNzggMC0xLjM0OC0uMTgzLTEuNzEyLS41NDEtLjM1Ni0uMzU4LS41MzgtLjkzNi0uNTM4LTEuNzJWMjMuNDg2Wk05Ni4zODQgMTQuMDkyYy0yLjI4IDAtNC4xMDUtLjYzMi01LjQ4My0xLjg5NS0xLjM3OC0xLjI3MS0yLjA2LTIuOTg0LTIuMDYtNS4xNTQgMC0yLjE2OS42ODItMy44ODIgMi4wNi01LjE0NUM5Mi4yNzkuNjM0IDk0LjEwNC4wMDIgOTYuMzg0LjAwMmMyLjI3OSAwIDQuMTA0LjYzMiA1LjQ4MyAxLjg5NiAxLjM3OCAxLjI2MyAyLjA2NyAyLjk3NiAyLjA2NyA1LjE0NSAwIDIuMTctLjY4OSAzLjg4My0yLjA2NyA1LjE1NC0xLjM3OSAxLjI2My0zLjIwNCAxLjg5NS01LjQ4MyAxLjg5NVpNNjYuMzE2IDI4LjA5MmMyLjM5My0yLjY0OSA0LjY1Ny00LjUyOSA2Ljc4NS01LjY0OGExNC40NDEgMTQuNDQxIDAgMCAxIDYuNzg2LTEuNjY3aDEuMjU3Yy44NCAwIDEuNDM5LjE2OCAxLjc5NS40OTUuMzYzLjMzNS41MzcuOTIxLjUzNyAxLjc1OHY3LjU5YzAgLjc4NC0uMTU5IDEuMzU1LS40OTIgMS43Mi0uMzI2LjM1OC0uOTA5LjU0LTEuNzQ5LjU0LS40MjQgMC0uOTYyLS4wMy0xLjYyMS0uMDkxYTI4LjI2NiAyOC4yNjYgMCAwIDAtMi41MTQtLjA5MWMtMS4zNzkgMC0zLjA1Mi4xOTgtNS4wMzYuNTg2LTEuOTc3LjM5Ni0zLjY1MS44OS01LjAyOSAxLjQ5MnYzMC4zNDljMCAuNzg0LS4xNjYgMS4zNTUtLjQ5MiAxLjcyMS0uMzMzLjM1Ny0uOTE2LjU0LTEuNzU3LjU0SDU2LjE2Yy0uNzggMC0xLjM0OC0uMTgzLTEuNzA0LS41NC0uMzYzLS4zNjYtLjU0NS0uOTM3LS41NDUtMS43MjFWMjMuNDg3YzAtLjg0NS4xODItMS40MzEuNTQ1LTEuNzY2LjM1Ni0uMzI3LjkyNC0uNDk1IDEuNzA0LS40OTVoNi40NjhjMS4zNzggMCAyLjIxOS42NjMgMi41MjIgMS45ODdsMS4xNjYgNC44NzlaTTI2LjI0OCAxOS44NzVjNS44MDggMCAxMC40MDUgMi4xMzkgMTMuNzkgNi40MSAzLjM4NSA0LjI3OCA1LjA4MiAxMC4wNTUgNS4wODIgMTcuMzQ4IDAgNC45OTMtLjg0MSA5LjM2Mi0yLjUxNSAxMy4wOTItMS42ODEgMy43MzgtMy45NiA2LjYxNS02LjgzMSA4LjYyNS0yLjg3NyAyLjAyNS02LjE3MiAzLjAyOS05Ljg5IDMuMDI5LTIuNDU0IDAtNC43OTQtLjM4OC03LjAwNS0xLjE3Mi0yLjIxOS0uNzg0LTQuMTA1LTEuODY1LTUuNjY1LTMuMjV2MTkuNzc2YzAgLjg0NS0uMTY2IDEuNDMxLS40OTIgMS43NjYtLjMzMy4zMjctLjkxNi40OTUtMS43NTcuNDk1SDIuMzRjLS43OCAwLTEuMzQ4LS4xNjgtMS43MDQtLjQ5NS0uMzY0LS4zMzUtLjU0Ni0uOTIxLS41NDYtMS43NjZ2LTYwLjI1YzAtLjgzNy4xODItMS40MjMuNTQ2LTEuNzU4LjM1Ni0uMzM1LjkyNC0uNDk1IDEuNzA0LS40OTVoNi40NzRjMS4zNzkgMCAyLjIxMi42NjIgMi41MTUgMS45ODdsLjYyOCAyLjM0NGMxLjc5NS0xLjc0MyAzLjk2OS0zLjEyOCA2LjUxMy00LjE1NiAyLjU0NS0xLjAyIDUuMTQyLTEuNTMgNy43NzgtMS41M1ptLTQuMjI2IDkuOTM0Yy0zLjExMyAwLTYuMDUxLjgxNC04LjgwOCAyLjQzNnYyMy43NTdjMi42MzYgMS42MjkgNS41NzQgMi40NDQgOC44MDggMi40NDQgMy4zNTUgMCA1LjgyNC0xLjE0MiA3LjQxNC0zLjQzMyAxLjU5LTIuMjkyIDIuMzg1LTUuOSAyLjM4NS0xMC44NCAwLTUuMDAxLS43OC04LjY0LTIuMzQtMTAuOTMxLTEuNTYtMi4yOTEtNC4wNDQtMy40MzMtNy40NTktMy40MzNaIi8+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 32px;
  text-indent: -9999px;
  top: 0;
  vertical-align: bottom;
  width: 107px;
}
.pv-logo {
  background-image: url("./pv-logo.png");
  height: 58px;
  width: 155px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
a {
  text-decoration: none;
  vertical-align: baseline;
}
ul {
  list-style: none;
}
li {
}

/* img {
  max-height: 200px;
  width: 350px;
} */

/* border radius is 8px */

.pain {
  display: grid;
  grid-template-areas: "left right";
  grid-template-columns: 48px 48px;
  grid-template-rows: 1fr;
  justify-content: space-between;
  overflow: hidden;
  min-width: 320px;
  margin: 0;
  padding: 0;
}

.container-ul {
  grid-column: left-start/right-end;
  grid-row: 1;
  z-index: 1;
  overflow-x: scroll;
  scroll-behavior: smooth;
  padding: 0 72px;
  margin: 0;
}

:root {
  --col-length: calc(100vw - 144px);
  --carousel-column-width: calc((100vw - 144px - (12 - 1) * 24px) / 12);
}

.home-ul {
  display: grid;
  gap: 0 24px;
  grid-auto-columns: var(--col-length);
  grid-auto-flow: column;
  scroll-snap-type: x mandatory;
}

.home-ul li {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.content-ul {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  scroll-snap-type: x proximity;
}
.arrowbutton:first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.arrowbutton:last-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.arrowbutton {
  align-items: center;
  cursor: pointer;
  display: grid;
  justify-items: center;
  margin: 0;
  padding: 0;
  width: 48px;
  /* max-height: 140px; */
  z-index: 20;
  position: relative;
  background-color: rgba(0, 5, 13, 0.5);
  border: none;
}
.pain.home-carousel .arrowbutton {
  background: 0 0;
}
.not_display {
  display: none !important;
}

.home-tile-details-section {
  position: relative;
  padding-left: 48px;
  grid-column: 1/12;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  justify-content: center;
  max-width: calc(var(--col-length) / 3);
  z-index: 1;
}
.home-tile-details-poster {
  display: flex;
  position: relative;
  max-height: calc(var(--col-length) / 12);
  max-width: 100%;
}
.home-tile-details-img-div {
  height: 100%;
  width: 100%;
}
.home-tile-details-img {
  max-width: 100%;
  max-height: 100%;
}
.home-tile-details-notposter-div1 {
  margin-top: 64px;
}
.home-tile-details-notposter-div2 {
  margin-bottom: 16px;
}
.home-tile-details-notposter-span1 {
  margin-right: 16px;
  color: white;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 22px;
}
.home-tile-details-notposter-span2 {
  color: white;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 22px;
}
.home-tile-details-buttons-div {
  display: inline-flex;
  align-items: center;
}
.home-tile-details-buttons-play-div1 {
  margin-right: 36px;
}
.home-tile-details-buttons-play-div2 {
  align-items: center;
  color: white;
  display: flex;
  gap: 8px;
}
.home-tile-details-buttons-play-label {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 27px;
  text-overflow: ellipsis;
}
.home-tile-details-buttons-play-a {
  color: white;
  margin-right: 16px;
  width: 80px;
  display: flex;
  padding: 0;
}
.home-tile-details-buttons-watchlist-div {
  margin-right: 8px;
  position: relative;
}
.home-tile-details-buttons-watchlist-button {
  border: 0;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
  color: white;
  display: inline-flex;
  justify-content: center;
  padding: 12px;
}
.home-tile-details-buttons-labels {
  padding: 4px 12px 4px 12px;
  margin: 8px 0 0 0;

  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 24px;
  color: white;
  display: none;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.02em;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: fit-content;
}
.home-tile-details-buttons-info-div {
  position: relative;
}
.home-tile-details-buttons-info-a {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  padding: 12px;
}
.abc {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(var(--carousel-column-width), 1fr));
  grid-template-rows: 100%;
}

.nav-ul {
  bottom: 24px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;

  color: white;

  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.nav-li {
  margin-right: 16px;

  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 50%;
  cursor: pointer;
  height: 8px;
  width: 8px;
}

.nav-li-clicked {
  background: white;
}

.header-div-1 {
  display: flex;
  justify-content: center;
  position: sticky;

  background: #00050d;
  /* background: transparent; */
  z-index: 190;
  top: 0;

  /* --> on vertical scroll --> top: 12px; */

  color: #fff;
  line-height: 28px;
  letter-spacing: 0.01em;
}
.header-top-margin {
  top: 12px;
  background: transparent;
}
.header-div-2 {
  position: relative;
}
.header-div-3 {
  align-items: stretch;
  background: #00050d;
  display: flex;
  position: sticky;
  z-index: 190;

  border-radius: 8px;
}
.header-anchor {
  margin-left: 24px;
  margin-right: 48px;

  align-self: center;

  vertical-align: baseline;
}
.header-anchor-img {
  width: 104px;
  display: flex;
}
.header-ol {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.header-li {
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
  list-style-type: none;

  /* --> if this is the current page --> box-shadow: inset 0 -3px #fff; */
}
.header-li:hover {
  background-color: #191e25;
}
.header-li-position {
  position: relative;
}
.header-li-label {
  color: #aaa;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
  text-decoration: none;
}
.header-li-anchor {
  padding-left: 16px;
  padding-right: 16px;
  color: #aaa;
  /* --> if it is the current page -->  color: #fff; */

  align-items: center;
  display: flex;
  height: 100%;
  text-align: center;
  width: 100%;
}
.header-li-label:hover .header-li-anchor {
  color: #fff;
}
.header-li-arrow-div {
  margin-left: 8px;
  display: flex;
  color: #fff;
}
.header-li-arrow-svg {
  fill: #aaa;
  width: 12px;
  height: 100%;
  text-align: center;
}
.header-li:hover .header-li-arrow-svg {
  transform: rotate(180deg);
  fill: #fff;
}
.header-dropdown-div {
  background-color: #191e25;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 4px 8px 2px rgba(0, 5, 13, 0.5);
  display: none;
  min-width: 100%;
  position: absolute;
  top: 100%;
  z-index: 1;
}
.header-li:hover .header-dropdown-div {
  display: flex;
}
.header-dropdown-list {
  margin: 0;
  min-width: 100%;
  padding: 0;
  width: max-content;
}
.header-dropdown-listitem {
  list-style: none;
  width: 100%;
  page-break-inside: avoid;
  text-align: left;
}
.header-dropdown-listitem:hover {
  background-color: #fff;
}
.header-dropdown-listitem:hover .header-dropdown-listitem-anchor {
  color: #00050d;
}
.header-dropdown-listitem-anchor {
  color: #aaa;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
  padding: 12px;
}
.header-right-div {
  margin-left: 48px;
  display: flex;
}
.header-nav-search-input {
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 0.3em 0 0;

  background-size: 24px 24px;
  width: 24px !important;

  appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9ImEiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxtYXNrIGlkPSJiIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii43Ij48dXNlIHN0cm9rZT0iI0ZGRiIgbWFzaz0idXJsKCNiKSIgc3Ryb2tlLXdpZHRoPSI0IiB4bGluazpocmVmPSIjYSIvPjxwYXRoIGQ9Im0xMy40MTQgMTEgNi4zNjcgNi4zNjdhLjk5NS45OTUgMCAwIDEtLjAwMyAxLjQxMWMtLjM5LjM5LTEuMDMuMzg1LTEuNDEuMDAzTDEyIDEyLjQxNCAxMy40MTQgMTFaIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat;
  box-sizing: content-box;
  cursor: pointer;
  display: block;
  height: 100% !important;
}
.header-nav-search-input:hover {
  background-color: #191e25;
}
.header-nav-search-input:checked {
  background-color: #191e25;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjI4NSA2MiAxOSAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZT0iI0FCQUJBQiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMjg3LjQ5NyA2NC4zMjggMTQuMjY5IDE0LjI2OE0zMDEuNjcyIDY0LjQ5N2wtMTQuMjY4IDE0LjI2OSIvPjwvZz48L3N2Zz4=);
}
.header-search-div-1 {
  background-color: #191e25;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 0 4px 8px 2px rgba(0, 5, 13, 0.5);

  display: none;
  /* --> on above input checked --> display: block; */

  left: 50%;
  position: absolute;
  width: 100%;
  transform: translateX(-50%);
}
.header-nav-search-input:checked + .header-search-div-1 {
  display: block;
}
.header-search-div-2 {
  padding: 24px;
  position: relative;
}
.header-search-form {
  background-color: #33373d;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.header-search-form-span-1 {
  margin-left: 24px;
  background-size: 24px 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9ImEiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxtYXNrIGlkPSJiIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii43Ij48dXNlIHN0cm9rZT0iI0ZGRiIgbWFzaz0idXJsKCNiKSIgc3Ryb2tlLXdpZHRoPSI0IiB4bGluazpocmVmPSIjYSIvPjxwYXRoIGQ9Im0xMy40MTQgMTEgNi4zNjcgNi4zNjdhLjk5NS45OTUgMCAwIDEtLjAwMyAxLjQxMWMtLjM5LjM5LTEuMDMuMzg1LTEuNDEuMDAzTDEyIDEyLjQxNCAxMy40MTQgMTFaIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
  background-position: 100%;
  background-repeat: no-repeat;
  min-width: 24px;
}
.header-search-form-input {
  padding: 1px 2px 1px 16px;
  background-size: 24px 24px;
  height: 64px;

  background-color: #33373d;
  background-position: 0;
  background-repeat: no-repeat;
  border: none;
  border-color: transparent;
  outline: none;
  border-radius: 8px;
  box-shadow: none;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 27px;
  width: 100%;
}
.header-search-form-input:focus {
}
.header-search-form-span-2 {
  padding: 0px 24px 0px 24px;
  align-items: center;
  display: flex;
}
.header-search-form-reset {
  padding: 12px 24px 12px 24px;
  background: none;
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline;
  /* --> on value change -->  display: inline; */
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
}
.header-search-form-reset:hover {
  background: white;
  color: black;
}

.header-nav-profile-div {
  display: flex;
  flex-direction: row;
}
.header-nav-profile-ol {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.header-nav-profile-li {
  position: relative;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
  list-style-type: none;
}
.header-nav-profile-li-label {
  color: #aaa;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
  text-decoration: none;
}
.header-nav-profile-li:hover {
  background-color: #191e25;
}
.header-nav-profile-li-label-div {
  padding: 8px 16px 8px 16px;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.header-nav-profile-li-label-div-span-1 {
  padding-right: 12px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
}
.header-nav-profile-li-label-div-span-2 {
  background-image: url(https://m.media-amazon.com/images/G/01/CST/Prism/Avatars/img_profile_avatar_animals_panda_circ.png);
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  height: 32px;
  width: 32px;
}

.header-nav-profileinfo-ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: max-content;
}
.header-nav-profileinfo-ul-li {
  padding: 0px 12px 0px 12px;
  border-radius: 8px;
  align-items: stretch;
  display: flex;
  list-style: none;
}
.header-nav-profileinfo-ul-li:hover {
  background-color: #fff;
}
.header-nav-profileinfo-ul-li a,
.header-nav-profileinfo-ul-li a:link,
.header-nav-profileinfo-ul-li a:visited {
  color: #aaa;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
  padding-bottom: 12px;
  padding-top: 12px;
  text-decoration: none;
  transition: none !important;
  width: 100%;
}
.header-nav-profileinfo-ul-li:hover a {
  color: #00050d;
}
.header-nav-add-profile-span-1 {
  margin-right: 8px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IiMzMzM3M0QiLz48cGF0aCBkPSJNMjIgMTUuMzM0aC01LjMzNHYtNS4zMzNjMC0uMzY3LS4zLS42NjctLjY2Ni0uNjY3LS4zNjcgMC0uNjY3LjMtLjY2Ny42Njd2NS4zMzNIMTBjLS4zNjcgMC0uNjY3LjMtLjY2Ny42NjcgMCAuMzY2LjMuNjY2LjY2Ny42NjZoNS4zMzN2NS4zMzRjMCAuMzY2LjMuNjY2LjY2Ny42NjYuMzY2IDAgLjY2Ni0uMy42NjYtLjY2NnYtNS4zMzRIMjJjLjM2NiAwIC42NjYtLjMuNjY2LS42NjYgMC0uMzY3LS4zLS42NjctLjY2Ni0uNjY3WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  height: 32px;
  width: 32px;
  align-self: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header-nav-add-profile-span-2 {
  vertical-align: middle;
}
.header-nav-profile-li-ul-li.add-button a {
  align-items: center;
  display: flex;
}
.header-nav-profile/category-dropdown-div-label {
  color: #fff;
  padding: 12px 0px 12px 0px;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 22px;
}
.header-nav-profile/category-dropdown-div-div {
  padding: 12px 0px 12px 24px;
}
.header-nav-profile/category-dropdown-div-div:last-of-type {
  padding-right: 24px;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type="search"]::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}

.qwert {
  right: 0;
  box-shadow: 0 4px 8px 2px rgba(0, 5, 13, 0.5);

  background-color: #191e25;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: default;
  display: none;
  justify-content: space-evenly;
  min-width: 100%;
  text-align: start;
  position: absolute;
  top: 100%;
  z-index: 1;
}
.category-li:hover .qwert {
  display: flex;
}
.header-nav-profile-li:hover .qwert {
  display: flex;
}
.qwert-div {
  padding: 12px 0px 12px 24px;
}
.qwert-div:last-of-type {
  padding-right: 24px;
}
.qwert-label {
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 22px;
  padding: 12px 0px 12px 0px;
}
.qwert-ul {
  margin: 0;
  padding: 0;
  column-count: 2;
  column-fill: balance;
  max-width: 100%;
}
.qwert-li {
  border-radius: 8px;
  list-style: none;
  page-break-inside: avoid;
}
.qwert-li:hover {
  background-color: #fff;
}
.qwert-li-anchor {
  background: none;
  border: none;
  color: #aaa;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 22px;
  padding: 12px;
  text-align: left;
  text-decoration: none;
  transition: none;
  width: 100%;
}
.qwert-li:hover .qwert-li-anchor {
  color: #00050d;
}

.footer-container {
  background-color: #00050d;
  color: #8197a4;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  margin: 0 auto;
  padding: 24px;
  /* position: absolute;
  bottom: 0; */
  text-align: center;
  width: 100%;
  height: 100%;
}
.footer-ul {
  margin: 0;
  padding: 0;
  list-style: none;

  /* justify-content: center;
  display: flex;
  flex-direction: row;
  overflow-x: scroll; */
}
.footer-li {
  color: #8197a4;
  display: inline-block;
  padding: 4px;
  white-space: normal;
}
.footer-li:not(:last-child) {
  padding-right: 8px;
}
.footer-anchor {
  color: #79b8f3;
  text-decoration: none;
}