*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}.container{max-width:375px;margin:0 auto;padding:0 15px}#catolog-form{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px}#catolog-form button{width:48px;height:48px;border-radius:50%;padding:14px;background-color:#f87719;border:none}#catolog-form button:hover{cursor:pointer}#catolog-form button:hover svg.icon{fill:#000}.input-form{padding:12px 26px 12px 24px;border-radius:8px;border:1px solid #4D4D4D;width:100%}#choose{padding:14px 16px;border-radius:8px;border:1px solid #4D4D4D}#choose option{color:#fff;background-color:#000}.list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:30px;list-style:none}.list li p{color:#fff;font-size:20px;margin-top:10px;font-weight:700;width:50%}.list li h3{color:#fff;font-size:20px;margin-top:10px;font-weight:700}.list li{display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease}.list li:hover{transform:translateY(-10px);border-color:#f87719;box-shadow:0 0 20px #f87719;cursor:pointer}.list li .info{padding:10px;display:flex;justify-content:space-between;align-items:center;background-color:#0009;width:100%;border-radius:5px;-webkit-mask-image:linear-gradient(to top,black 80%,transparent 100%);mask-image:linear-gradient(to top,black 80%,transparent 100%);-webkit-backdrop-filter:blur(2px) brightness(.9);backdrop-filter:blur(2px) brightness(.9)}.not-found{color:#000;font-size:32px;line-height:2.2rem}.pagination ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:8px;padding:0;margin:20px 0}.pagination li{width:40px;height:40px;border-radius:50%;color:#989898;border:1px solid rgb(152,152,152);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s,color .2s,border .2s}.pagination li.active{background-color:#f87719;color:#fff;border:2px solid #fff;font-weight:700}.pagination li.prev,.pagination li.next{border:none;font-size:1.5rem;width:40px;height:40px;border-radius:50%;transition:all .7s}.pagination li.prev:hover,.pagination li.next:hover{color:#f87719}.pagination li:hover:not(.active):not(.prev):not(.next){border:none;background:#f87719;color:#fff}#stars-empty{fill:transparent!important;stroke:#f87719;stroke-width:1.5px}body .input-form,body #choose{background-color:#000;color:#fff;border:1px solid #ffffff;transition:background-color .3s,color .3s,border .3s}body #choose{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;background-repeat:no-repeat;background-position:right 10px center;background-size:16px;background-image:url('data:image/svg+xml;utf8,<svg fill="%23ffffff" height="16" viewBox="0 0 24 24" width="16" xmlns="http: //www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}body #choose option{background-color:#000;color:#fff}body.dark-theme .input-form,body.dark-theme #choose{background-color:#fff;color:#000;border:1px solid #000000}body.dark-theme #choose{background-image:url('data:image/svg+xml;utf8,<svg fill="%23000000" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}body.dark-theme #choose option{background-color:#fff;color:#000}@media screen and (min-width: 768px){.container{max-width:768px}.input-form{width:50%}}@media screen and (min-width: 1280px){.container{max-width:1280px}}