*{margin:0;padding:0;box-sizing:border-box}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;background-color:#302f2f;position:relative;overflow-x:hidden}@media(max-width:767px){.App{justify-content:flex-start;height:100vh;overflow-y:auto}}.App button.button.ui.sidebar-toggle{position:fixed;left:50px;top:50px}@media(max-width:767px){.App button.button.ui.sidebar-toggle{left:10px;top:10px;z-index:1001;position:fixed;transition:transform .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.App button.button.ui.sidebar-toggle i.icon{margin:0!important;color:#fff!important}}.app-container.ui.segment{margin:.7rem 0;padding:0}.search-container{width:100%;display:flex;justify-content:center;padding:20px 0}@media(max-width:767px){.search-container{background:#302f2f;z-index:1000;margin:20px}}.search-container .search-input{width:100%;max-width:300px;margin:0 auto}@media(max-width:767px){.search-container .search-input{width:100%;max-width:100%}}.search-container .search-input input{width:100%;transition:.5s;background-color:#e7dddd;border-radius:30px;margin:0;padding:10px 15px;box-sizing:border-box}.search-container .search-input input::placeholder{color:#000}.list-container{flex:1 1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;padding:20px;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:767px){.list-container{grid-template-columns:1fr;justify-items:center;gap:15px;padding:10px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;box-sizing:border-box;margin:0;flex-direction:row}}@media(min-width:768px)and (max-width:1279px){.list-container{width:100vw}}@media(min-width:1280px)and (max-width:1600px){.list-container{max-width:85vw}}@media(min-width:1601px)and (max-width:1949px){.list-container{max-width:80vw}}@media(min-width:1950px)and (max-width:2079px){.list-container{max-width:75vw}}@media(min-width:2080px)and (max-width:2228px){.list-container{max-width:70vw}}@media(min-width:2229px)and (max-width:2399px){.list-container{max-width:65vw}}@media(min-width:2400px){.list-container{width:60vw}}@media(min-width:2600px){.list-container{width:50vw}}@media(min-width:3120px){.list-container{width:45vw}}.list-container .ui.card:last-child{margin:20px}.list-container .media-element{width:100%;max-width:100%;height:auto;min-height:320px;margin:0;box-sizing:border-box;padding:0;transition:.2s;cursor:pointer;background-color:#e7dddd}.list-container .media-element:hover{transform:translateY(-10px)}.list-container .media-element .media-element-img-container{width:100%;padding:10px;display:flex;justify-content:center}.list-container .media-element .media-element-img-container .media-element-img{object-fit:cover;aspect-ratio:auto}@media(max-width:767px){.list-container .media-element .media-element-img-container .media-element-img{max-width:85%}}.list-container .media-element .content{padding-top:15px;max-height:115px}.media-not-found{display:flex;align-items:center;justify-content:center;color:#e7dddd}.user-button{margin-top:15px}.accordion-container{max-height:50vh!important;overflow:auto!important}.rating-container{display:flex;align-items:center;justify-content:center;margin-top:10px}.rating-container p{margin:0 10px 0 0}.rating-container .ui.icon{margin-left:auto}.ui.modal{z-index:1200}@media(max-width:400px){.ui.modal{top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;overflow-y:auto}}@media(max-width:767px){.ui.modal{height:80vh;overflow:hidden;overflow-y:auto}}@media(max-width:400px){.ui.modal div.ui.big.image{max-width:230px;display:flex;align-items:center;justify-content:center}}@media(min-width:401px)and (max-width:768px){.ui.modal div.ui.big.image{display:flex;align-items:center;justify-content:center}}.ui.modal .description p{line-height:28px}.ui.modal div.center.aligned.column:last-of-type{display:flex;align-items:center;justify-content:center}@media(max-width:767px){.ui.modal .star-rating{display:none}}.ui.overlay.sidebar{z-index:5000!important}.sidebar{position:relative}.sidebar h3{margin-top:14px;margin-bottom:0;padding-bottom:13px;border-bottom:.5px solid #ffffffe6;color:#fff}