@media screen and (max-device-width:800px){.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;margin:5px;max-width:150px!important;border-radius:10px;cursor:pointer}}@media screen and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1){.displayArea{display:flex;flex-wrap:wrap;justify-content:center;margin:auto auto 100px}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;margin:5px;max-width:200px;border-radius:10px;cursor:pointer}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card-img{align-items:center;width:fit-content;border-radius:10px;width:100%}.titlecontainer{padding:2px 16px;font-family:sans-serif;font-style:normal;font-size:medium;font-weight:400;max-width:200px;text-overflow:clip;text-align:left}.genrecontainer{padding:2px 16px;font-family:Times New Roman,Times,serif;font-size:small;font-weight:100}#commentSubSection{margin-bottom:20%;margin-top:5%}.subCommentReplyButton{background:none;border:none;cursor:pointer;text-decoration:underline;color:#f84464}#autocomplete-results{position:absolute;border:1px solid #d4d4d4;border-top:none;border-bottom:none;z-index:99;top:100%;left:0;right:0;color:#000}#moviesData{justify-content:center}#somethingWentWrong{margin-top:0;text-align:center}.carousel-wrapper{overflow:hidden;width:90%}.carousel-wrapper *{box-sizing:border-box}.carousel{transform-style:preserve-3d;text-align:center;background:#1f2533}.carousel__photo{opacity:0;position:absolute;top:0;width:70%;max-height:400px;margin:auto;z-index:100;transition:transform .5s,opacity .5s,z-index .5s}.carousel__photo.active,.carousel__photo.initial{opacity:1;position:relative;z-index:900}.carousel__button--next,.carousel__button--prev{position:absolute;top:50%;width:3rem;height:3rem;background-color:#fff;transform:translateY(-50%);border-radius:50%;cursor:pointer;z-index:1001;border:1px solid #000}.carousel__button--prev{left:0}.carousel__button--next{right:0}.carousel__button--next:after,.carousel__button--prev:after{content:" ";position:absolute;width:10px;height:10px;top:50%;left:54%;border-right:2px solid #000;border-bottom:2px solid #000;transform:translate(-50%,-50%) rotate(135deg)}.carousel__button--next:after{left:47%;transform:translate(-50%,-50%) rotate(-45deg)}.moviesGenreTitle{word-break:break-word;color:#333;font-family:Roboto;font-size:24px;font-weight:700;line-height:1.17;padding:10px;margin-top:20px;margin-bottom:20px}}
/*# sourceMappingURL=/UIBody.13141425.css.map */