@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap);*{margin:0;font-family:"PT Sans",sans-serif}.navbar{font-weight:700;display:grid;grid-template-columns:6% 44% 25% 25%;-webkit-align-items:center;align-items:center;margin:0 auto;padding:15px 200px;background:linear-gradient(180deg,rgba(0,0,0,.81) 7.29%,#000)}.navbar .icon{padding-top:7px;justify-self:center}.navbar .logo{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.navbar a{text-decoration:none;color:#fff}.navbar h1{font-size:48px}.navbar .links{margin-left:auto;font-size:24px}.navbar .links.home{grid-column:3/4}.navbar .links.nom{grid-column:4/5}.home{text-align:center}.home h2{font-size:48px;margin:10px;padding:10px}.search input{padding:24px;border:1px solid #ddd;font-size:20px;background-color:#f2f4f8;border-radius:12px;margin:10px 16px 10px 0;background-image:url(/the-shoppies/static/media/search-icon.6590f6b6.svg);background-repeat:no-repeat;background-position:25px 25px;text-indent:35px}.search input::-webkit-input-placeholder{color:#000;opacity:1}.search input:-ms-input-placeholder{color:#000;opacity:1}.search input::placeholder{color:#000;opacity:1}.search input:focus{border:2px solid #000;outline:none;background-image:none;text-indent:0}.search button{font-size:20px;padding:24px;border-radius:12px;border-width:0;color:#fff;background-color:#000;cursor:pointer}.search button:hover{background-color:rgba(0,0,0,.8627450980392157)}.card-list{padding:50px;display:grid;grid-template-columns:repeat(5,1fr);grid-row-gap:30px;row-gap:30px;-webkit-align-items:center;align-items:center;justify-items:center}.card{list-style-type:none;width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.card:hover{box-shadow:8px 8px 8px 8px rgba(0,0,0,.2);cursor:pointer}.card img{width:100%;border-radius:10px 10px 0 0;padding:2px;display:table-cell}.card h3,.card p{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;text-align:left;padding:5px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;display:grid;-webkit-align-items:center;align-items:center;justify-items:center}.modal{min-width:1013px;max-width:1233px;min-height:628px;background-color:#fff;display:grid;grid-template-columns:.8fr 1.2fr}.modal,.modal>img{max-height:90%;border-radius:10px}.modal>img{-webkit-align-self:center;align-self:center;justify-self:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);width:70%}.modal .data{display:grid;grid-template-rows:10% 70% 20%;-webkit-align-items:center;align-items:center;justify-items:start;text-align:left}.modal .data .exit{justify-self:end;margin-top:5px;margin-right:5px;cursor:pointer}.modal .data .exit,.modal .data .info{-webkit-align-self:flex-start;align-self:flex-start}.modal .data .info{min-width:540px;max-width:92%;max-height:430px;overflow-y:auto;margin-bottom:10px;padding-right:2px;padding-bottom:5px}.modal .data .info::-webkit-scrollbar{width:8px;background-color:transparent;border-radius:100px}.modal .data .info::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}.modal .data .info::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);border-radius:100px}.modal .data .info::-webkit-scrollbar-thumb:vertical:active{background:rgba(0,0,0,.61);border-radius:100px}.modal .data h3{font-size:30px;margin-bottom:10px}.modal .data p:not(.genre,.more-details-info>p){font-size:18px;margin:20px 0}.modal .data button{justify-self:center;-webkit-align-self:center;align-self:center;margin-bottom:10px;margin-right:100px;padding:21px 94px;font-size:30px;border-radius:10px;border-width:0;color:#fff;background-color:#000;cursor:pointer}.modal .data button.nominated{color:#000;background-color:#d5d5d5;cursor:auto;border:1px solid #000}.modal .data button:not(.nominated):hover{background-color:rgba(0,0,0,.8627450980392157)}.genre{display:inline;margin-right:10px;padding:2px 5px;border:1px solid #000;color:#000;background-color:#d5d5d5;border-radius:3px}.actors,.plot{padding-right:10px}.less-details,.more-details{display:grid;grid-template-columns:repeat(2,1fr);-webkit-align-items:center;align-items:center;background-color:#d5d5d5;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px;max-width:670px}.more-details{border-radius:5px 5px 0 0;border:1px solid #000;border-bottom:0}.closed,.open{justify-self:start}.less-details h4,.more-details h4{justify-self:end;font-weight:lighter;font-size:25px;margin-right:10px}.more-details-info{max-width:670px;border-radius:0 0 5px 5px;border:1px solid #000;border-top:0}.more-details-info>p{padding-left:5px;max-width:98%;padding-top:5px;padding-bottom:5px}.pages{display:grid;max-width:30%;margin:0 auto 20px;grid-auto-flow:column;-webkit-align-items:center;align-items:center}.next-hidden,.page-number,.pages,.previous-hidden{-webkit-user-select:none;-ms-user-select:none;user-select:none}.next-hidden,.page-number,.previous-hidden{color:transparent;pointer-events:none}.main-page{font-size:35px;pointer-events:none}.secondary-page{font-size:25px}.main-page,.next,.previous,.secondary-page,.tertiary-page{cursor:pointer}.loader-card-list{justify-self:center;grid-column:3/4}.nominations{padding:50px}.nominations-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:30px;-webkit-align-items:center;align-items:center;justify-items:center}.empty{list-style-type:none;padding:250px 50px;border:1px solid;border-radius:10px;background-color:#d5d5d5}.empty h3{font-weight:lighter}.nominations>button{display:block;margin:55px auto 0;padding:10px;font-size:30px;border-radius:10px;border-width:0;color:#fff;background-color:#000;cursor:pointer}.nominations button:hover{background-color:rgba(0,0,0,.8627450980392157)}@media screen and (max-width:1500px){.home h2{font-size:44px}}@media screen and (max-width:1460px){.empty{padding:240px 40px}}@media screen and (max-width:1370px){.empty{padding:230px 30px}}@media screen and (max-width:1350px){a.logo.icon img{width:50px}.navbar{padding:15px 180px}.navbar h1{font-size:44px}.home h2{font-size:40px}}@media screen and (max-width:1270px){a.logo.icon img{width:40px}.navbar{padding:15px 160px}.navbar h1{font-size:35px}.navbar .links{font-size:20px}.home h2{font-size:35px}.search input{padding:20px 24px;font-size:18px;background-size:20px;background-position:18px 22px;text-indent:25px}.search button{padding:20px;font-size:18px}.card h3{font-size:16px}.card p{font-size:.9rem}.empty{padding:220px 20px}}@media screen and (max-width:1145px){.empty{padding:210px 10px}}@media screen and (max-width:1090px){a.logo.icon img{width:35px}.navbar{padding:15px 140px}.navbar h1{font-size:30px}.navbar .links{font-size:17px}.home h2{font-size:30px}.card h3{font-size:14px}.card p{font-size:.8rem}.pages{max-width:40%}}@media screen and (max-width:1040px){.nominations-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-row-gap:15px;row-gap:15px}.empty{padding:210px 30px}}@media screen and (max-width:980px){.search input{padding:15px 24px;font-size:17px;background-size:19px;background-position:17px 18px;text-indent:22px}.search button{padding:15px;font-size:17px}.card-list{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr)}.card{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card h3{font-size:20px}.card p{font-size:1rem}}@media screen and (max-width:870px){a.logo.icon img{width:30px}.navbar{padding:15px 100px}.navbar .icon{padding-top:5px}.home h2,.navbar h1{font-size:26px}.pages{max-width:50%}}@media screen and (max-width:740px){.card{width:90%}.card h3{font-size:18px}.card p{font-size:.9rem}}@media screen and (max-width:688px){a.logo.icon img{width:25px}.navbar{padding:15px 70px}.navbar .icon{padding-top:3px}.navbar h1{font-size:22px}.navbar .links{font-size:14px}.home h2{font-size:22px}.card-list{padding:30px}.pages{max-width:55%}}@media screen and (max-width:590px){.search input{padding:13px 0;font-size:16px;background-size:16px;background-position:12px 16px;text-indent:35px}.search button{padding:13px;font-size:16px}}@media screen and (max-width:575px){.empty{padding:210px 20px}.pages{max-width:60%}}@media screen and (max-width:550px){a.logo.icon img{margin-right:10px}.navbar{padding:15px 70px}.navbar .icon{padding-top:3px}.navbar h1{font-size:22px}.navbar .links{font-size:14px}.home h2{font-size:22px}.card h3{font-size:16px}h3.title{padding-bottom:0}.card p{font-size:.8rem}}@media screen and (max-width:534px){.empty{padding:200px 10px}}@media screen and (max-width:494px){.nominations-grid{grid-template-columns:none;grid-template-rows:repeat(5,1fr)}.empty{padding:210px 40px}.pages{max-width:75%}}@media screen and (max-width:474px){.navbar{padding:15px 45px}.search input{padding:11px 0;font-size:14px;background-size:14px;background-position:13px 14px;text-indent:35px}.search button{padding:11px;font-size:14px}.card-list{grid-template-columns:none;grid-template-rows:repeat(10,1fr)}.card{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card h3{font-size:20px}.card p{font-size:1rem}}@media screen and (max-width:442px){.navbar{padding:15px 30px}.navbar h1{font-size:20px}.navbar .links{font-size:13px}.home h2{margin:0;font-size:19px}.search input{background-size:13px;background-position:13px 13px;text-indent:33px}.search button,.search input{font-size:12px}.card-list{grid-row-gap:20px;row-gap:20px;padding:10px}.pages{max-width:90%}}
/*# sourceMappingURL=main.151af418.chunk.css.map */