:root{font-size:4px}@media screen and (min-width:480px) and (min-height:270px){:root{font-size:4px}}@media screen and (min-width:640px) and (min-height:360px){:root{font-size:5.33333px}}@media screen and (min-width:960px) and (min-height:540px){:root{font-size:8px}}@media screen and (min-width:1280px) and (min-height:720px){:root{font-size:10.66667px}}@media screen and (min-width:1920px) and (min-height:1080px){:root{font-size:16px}}@media screen and (min-width:3840px) and (min-height:2160px){:root{font-size:32px}}@media screen and (min-width:7680px) and (min-height:4320px){:root{font-size:64px}}body,html{height:100%;position:relative;width:100%}body{box-sizing:border-box;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:.5rem}a{color:#0064c8;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:#0050a0}label{display:block}button,input,select,textarea{border:.0625rem solid #ccc;border-radius:.125rem;box-sizing:border-box;font-family:inherit;font-size:inherit;margin:0 0 .5em;-webkit-padding:.4em 0;padding:.4em}input:disabled{color:#ccc}button{background-color:#f4f4f4;color:#333;outline:none}button:disabled{color:#999}button:not(:disabled):active{background-color:#ddd}button:focus{border-color:#666}body{margin:0;padding:0}.app{background-color:#4c7979;height:67.5rem;overflow:hidden;width:120rem}.overlay{background-color:#000;left:0;opacity:.5;position:absolute;top:0}.detail,.overlay,.player{height:100%;width:100%}.player{background-color:#000;position:absolute;z-index:10}.main{--drawer-offset:6.25rem;--drawer-width:31.25rem;height:100%;position:relative;width:100%}.drawer{display:inline-block;height:100%;transform:translateX(calc(var(--drawer-width)*-1 + var(--drawer-offset)));transition-duration:.2s;transition-property:width,transform;transition-timing-function:ease-out;vertical-align:top;width:var(--drawer-offset)}.drawer[aria-current]{transform:translateX(0);width:var(--drawer-width)}.browser{--whitespace-px:0.3em;display:inline-block;height:100%;transition-duration:.2s;transition-property:max-width;transition-timing-function:ease-out;width:100%}.browser[aria-current]{max-width:calc(100% - var(--drawer-offset) - var(--whitespace-px))}.browser:not([aria-current]){max-width:calc(100% - var(--drawer-width) - var(--whitespace-px))}.splash{height:100%;margin-bottom:15rem}.splash-title{color:#fff;font-size:3.75rem;margin-top:40rem;text-align:center}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:3rem solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20rem;left:50%;margin:-14.2rem 0 0 -13.2rem;position:relative;top:50%;width:20rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.drawer-drawer{background-color:teal;height:100%;width:var(--drawer-width)}.drawer-title{font-size:3.625rem;line-height:6.25rem;padding-top:6.25rem;text-align:center}.drawer-buttons{margin:0 auto;width:18.75rem}.drawer-button{background-color:#55c9c9;color:#fff;font-size:2rem;line-height:4.375rem;margin-bottom:1.25rem;text-align:center}.drawer-button[aria-current]{background-color:#ffebcd;color:#000}.browser-header{color:#fff;font-size:3.75rem;line-height:11.25rem;margin-right:5.0625rem;margin-top:1.25rem;text-align:right}.browser-header>span{color:#365858;font-size:2rem}.browser-carousels{height:calc(100vh - 12.5rem);overflow:hidden}.carousel-wrapper{position:absolute;width:100%}.browser-carousels .carousel-wrapper:last-child{min-height:200vh}.browser-alert-error{color:red}.browser p{color:#fff}.carousel{height:23.75rem;margin:1.25rem 0;overflow:hidden;padding-left:.625rem}.carousel-item-wrapper{display:block;margin:0 .625rem;position:absolute}.carousel-item-wrapper,.item{height:23.75rem;width:12.5rem}.item{background-color:#1c1c1c}.item[aria-current]{background-color:#fff}.item-poster{height:18.75rem;position:relative;width:12.5rem}.item-runtime{--opacity:0.85;background-color:rgba(28,28,28,.65);border:.625rem solid rgba(28,28,28,var(--opacity));color:rgba(255,255,255,var(--opacity));font-size:1.25rem;left:6.6rem;opacity:var(--opacity);position:absolute;top:14.5rem;width:max-content}.item-runtime[aria-selected]{background-color:rgba(28,28,28,var(--opacity));border-color:#000}.item img{height:100%;margin:auto;object-fit:contain;width:100%}.item-description{color:#fff;padding:.625rem}.item[aria-current] .item-description{color:#000}.item-name{font-size:larger;font-weight:800}.item-rating{font-weight:500}.detail section,.lazy{height:100%;width:100%}.detail section{color:#fff;display:flex;flex-direction:column}.detail-detail,.detail-preview{height:calc(50% - 2rem);max-height:calc(50% - 2rem)}.detail-preview img{object-fit:cover;object-position:top;width:100%}.detail-action-bar{background-color:#008291;display:flex;height:4rem}.detail-action-bar-buttons,.detail-detail{display:flex}.detail-poster{height:100%;margin-left:auto;padding-right:1.5rem;transform:translateY(-50%)}.detail-poster img{border:.0625rem solid hsla(0,0%,100%,.5);border-radius:.25rem;box-shadow:#d3d3d3}.detail-name{font-size:1.5rem;font-weight:700;margin-block-end:0;margin-top:1.5rem}.detail-tagline{font-size:1.35rem;font-weight:300;margin-block-end:.5rem;margin-block-start:.25rem}.detail-details{font-weight:300;margin-top:1rem}.detail-length{margin-right:.5rem}.detail-description{font-size:1.25rem;font-weight:300;margin-top:1rem;max-width:50rem;padding-right:6rem}.detail img{display:block;height:100%;margin:auto;max-height:100%;max-width:100%}.detail button{background-color:#55c9c9;color:#fff;font-size:1.125rem;margin-bottom:auto;margin-right:1rem;margin-top:auto;padding:.5rem 1rem;text-align:center}.detail button[aria-current]{background-color:#ffebcd;color:#000}.detail-outline{border-radius:.25rem;border-style:solid;border-width:.0625rem;padding-left:.25rem;padding-right:.25rem}.player iframe,.player video{height:100vh;position:absolute;width:100vw}.transform{position:relative;white-space:nowrap}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-5\/6{width:83.333333%}.hidden{display:none}