body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242423;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.header{align-items:center;background-color:#f5cc5b;color:#242423;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.header__title{font-size:2rem;font-weight:700}.search__input::placeholder,.search__inputLong::placeholder,.search__inputShort::placeholder,.search__inputShorter::placeholder{color:#fff;opacity:.7;text-align:center}.search__button{background-color:#000;border:none;border-radius:15px;color:#ff0;font-size:1rem;padding:.3rem .8rem;text-transform:uppercase}.search__button:hover{opacity:.8}input[type=file]{display:none}.form{column-gap:1.8rem;display:flex;flex-flow:row wrap;row-gap:.8rem}.form_sort,.form_text{display:flex;flex-flow:column}@media screen and (max-width:540px){.form_buttons_search{display:flex;flex-flow:row}.form_buttons{display:flex;flex-flow:column}.search__input{width:99px}.search__input,.search__inputLong{background-color:#242423;border:none;border-radius:50px;color:#fff;font-size:1rem;outline:none;padding:.5rem}.search__inputLong{width:134px}.search__inputShort{width:87px}.search__inputShort,.search__inputShorter{background-color:#242423;border:none;border-radius:50px;color:#fff;font-size:1rem;outline:none;padding:.5rem}.search__inputShorter{width:75px}}.form_radio{display:flex;flex-flow:row;justify-content:space-between}@media screen and (min-width:540px){.form_buttons,.form_buttons_search{display:flex;flex-flow:column}.form_buttons{row-gap:1.5rem}.search__input{width:180px}.search__input,.search__inputLong{background-color:#242423;border:none;border-radius:50px;color:#fff;font-size:1rem;outline:none;padding:.5rem}.search__inputLong{width:160px}.search__inputShort{width:115px}.search__inputShort,.search__inputShorter{background-color:#242423;border:none;border-radius:50px;color:#fff;font-size:1rem;outline:none;padding:.5rem}.search__inputShorter{width:101px}}.form_radio_label{display:flex;flex-flow:row nowrap}.dropdowns{display:flex;flex-flow:row}.dropdown{display:flex;position:relative}.dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.items{border:1px solid #ccc;border-top:none;margin:1px;padding:2px;position:relative}.items li{list-style:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.count{padding:5px 2px 2px 10px}a:link,a:visited{color:#000;text-decoration:none}a:hover{color:blue}a:active,a:hover{text-decoration:none}a:active{color:#000}.catalogContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding-top:1rem;row-gap:1rem;width:100%}@media screen and (max-width:540px){.catalog__item{border:2px solid #0000}.catalog__item,.catalog__item__selected{cursor:pointer;display:flex;flex-flow:row nowrap;position:relative;transition:all .3s ease-in-out;width:380px}.catalog__item__selected{border:2px solid red}.catalog__item__img{background-color:beige;background-color:#000;display:flex;flex:2 1;flex-flow:column nowrap;overflow:hidden;position:relative}.titleYear{grid-row-gap:.2rem;display:flex;flex-flow:column}.title{font-size:1rem;font-weight:700}.watched,.year{font-size:.95rem}.watched{font-weight:700;padding:5px 0;text-decoration:none}.watchedDateLoc{display:flex;flex-flow:column}.loc{font-size:.7rem;margin-top:-2px}.rating{display:inline-block;position:relative}.ratingBox{background-color:#343533;color:#f5cc5b;font-weight:700;height:10px;left:0;line-height:10px;padding:9px;position:absolute;text-align:center;top:20%;width:50}.ratingBox,.tag{border-radius:10px}.tag{background-color:gray;color:#fff;font-size:.7rem;padding:3px}.runtime{background-color:#343533;border-radius:10px;color:#f5cc5b;font-size:.8rem;padding:5px 6px}.runtimeRewatch{column-gap:1.8rem;display:flex;flex-flow:row;height:25px;width:170px}.provider{display:flex;flex:2 1;height:25px;overflow:hidden;position:relative;width:25px}}@media screen and (min-width:540px){.catalog__item{border:3px solid #0000}.catalog__item,.catalog__item__selected{cursor:pointer;display:flex;flex-flow:row nowrap;position:relative;transition:all .3s ease-in-out;width:460px}.catalog__item__selected{border:3px solid red}.catalog__item__img{background-color:beige;background-color:#000;display:flex;flex:3 1;flex-flow:column nowrap;overflow:hidden;position:relative}.titleYear{grid-row-gap:.5rem;display:flex;flex-flow:column}.title{font-size:1.2rem;font-weight:700}.year{font-size:.95rem}.watched{font-size:1.08rem;font-weight:700;padding:5px 0;text-decoration:none}.watchedDateLoc{display:flex;flex-flow:column}.loc{font-size:.8rem;margin-top:-2px}.rating{display:inline-block;position:relative}.ratingBox{background-color:#343533;color:#f5cc5b;font-weight:700;height:10px;left:0;line-height:10px;padding:9px;position:absolute;text-align:center;top:20%;width:50}.ratingBox,.tag{border-radius:10px}.tag{background-color:gray;color:#fff;font-size:.8rem;padding:5px}.runtime{background-color:#343533;border-radius:10px;color:#f5cc5b;font-size:.85rem;padding:2px 8px}.runtimeRewatch{column-gap:1.8rem;display:flex;flex-flow:row;height:22px;width:170px}.provider{display:flex;flex:2 1;height:30px;overflow:hidden;position:relative;width:30px}}.collection{background-color:gray;border-radius:10px;color:#fff;font-size:1rem;padding:5px}.catalog__item__info{align-items:flex-start;background-color:#f5cb5c;color:#242423;display:flex;flex:2 1;flex-flow:column nowrap;justify-content:space-between;padding:1rem}.watchedRating{column-gap:1.8rem;display:flex;flex-flow:row}.tags{display:flex;flex-flow:row wrap;gap:.25rem}.directors{display:flex;flex-flow:column;row-gap:.5rem}.director{font-size:1rem;font-weight:700}.rewatch{flex:2 1;justify-content:flex-end;overflow:hidden}.rewatch,.views{display:flex;position:relative}.views{column-gap:.3rem;flex-flow:row;left:28px}.available{column-gap:.8rem;display:flex;flex-flow:row}.watchedImg{height:30px;margin:-3px 0 0}.floatingNumber{background-color:#343533;border-radius:10px;color:#f5cc5b;font-size:.86rem;padding:3px 6px 2px}
/*# sourceMappingURL=main.de8cb3a8.css.map*/