.page{display:flex;flex-direction:column}h1{font-family:Inter,sans-serif;font-size:26px;color:#1e1e1e}hr{border:none;border-top:2px solid #d1d5db;margin:20px 0}.conteinerheader{display:flex;justify-content:space-between;align-items:center}.buttonclose{color:#6b7280;background:none;border:none;font-size:30px}.pricerange-header{display:flex;justify-content:space-between;align-items:center}.darkmode-toggle{display:flex;align-items:center;gap:10px}.darkmode{color:#4b4b4b}.toggle-switch{width:73px;height:35px;background-color:#e9e9e9;border-radius:25px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-switch .toggle-knob{width:30px;height:30px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:4px;transition:left .3s}.toggle-switch .toggle-knob.dark{left:37px}.pricerange p{margin-top:2px;text-align:left}.conteinerprice{display:flex;justify-content:center;gap:40px}.price{border-radius:10px;width:640px;height:110px;border:2px solid #d1d5db;text-align:left}p{font-family:Inter,sans-serif;font-size:22px;color:#6b7280}.pricetext{font-family:Inter,sans-serif;font-size:22px;color:#6b7280;margin:20px 14px 0 24px}.currency{font-family:Inter,sans-serif;font-size:28px;color:#4b4b4b;font-weight:700;margin:10px 0 14px 24px}.priceamount-input{border:none;outline:none;background:none;width:auto;font-family:Inter,sans-serif;font-size:28px;color:#4b4b4b;font-weight:700;margin:10px 10px 10px 0}.priceamount-input::-webkit-outer-spin-button,.priceamount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.priceamount-wrapper{display:flex;align-items:center;gap:5px}body.dark-mode{background-color:#1c1b1b}body.dark-mode h1{color:#edeeef}body.dark-mode hr{border-top:2px solid #575757}body.dark-mode p{color:#edeeef}body.dark-mode .price{background-color:#edeeef}body.dark-mode .toggle-switch{background-color:#707070}body.dark-mode .pricetext{color:#545555}body.dark-mode .priceamount{color:#4b4b4b}body.dark-mode .category p{color:#989898}body.dark-mode .slider-track{background:#edeeef}body.dark-mode .slider{background:#575757}body.dark-mode .priceamount-input{border:none;outline:none;background:none;width:auto;color:#4b4b4b}body.dark-mode input{background-color:#1c1b1b;color:#edeeef;border:1px solid #575757}body.dark-mode .pages button{background-color:#1c1b1b;border:1px solid#575757;color:#575757}body.dark-mode .pages button:hover,body.dark-mode .pages button.active{background-color:#f3f4f6}body.dark-mode .biketype,body.dark-mode .bikecity{color:#6b7280}body.dark-mode .bikeprice{color:#000}.bikesfound{text-align:left;margin-top:50px}.category{display:flex;justify-content:space-between;align-items:center;background-color:#f3f3f3;border-radius:5px;height:auto;padding:10px}.category p{font-family:Inter,sans-serif;font-size:18px;color:#989898}.category button{background-color:#fff;border:1px solid #c7c7c7;height:39px;border-radius:35px;margin-left:20px;padding:0 18px;font-family:Inter,sans-serif;font-size:16px;color:#6b7280}.category button:hover{background-color:#777;color:#e1e1e1}.categoryblock button.active{background-color:#777;color:#e1e1e1;border:1px solid #a1a1a1}.nobikes{font-family:Inter,sans-serif;font-size:22px;color:#000;text-align:center;margin-top:40px}.spec-dropdown{position:relative;display:inline-block}.spec-list{position:absolute;top:100%;left:0;width:100%;max-height:160px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid #c7c7c7;border-radius:10px;padding:5px;box-shadow:0 2px 6px #0003}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;font-family:Inter,sans-serif;font-size:14px;text-align:left;background:transparent}.spec-item input[type=checkbox]{margin:0;cursor:pointer}.pagesblock{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.pages{margin:24px 0}.pages button{background-color:#fff;border:1px solid #c7c7c7;height:31px;border-radius:6px;font-family:Inter,sans-serif;font-size:16px;color:#000;margin:5px;padding:6px 12px;text-align:center}.pages button:hover{background-color:#f3f4f6}.pagesrange{display:flex;justify-content:space-between;align-items:center;gap:10px}.pagesrange p{font-family:Inter,sans-serif;font-size:16px;color:#656565}.pagesrange input{background-color:#e5e7eb;height:31px;width:44px;border-radius:6px;font-family:Inter,sans-serif;font-size:16px;color:#656565;text-align:center;border:none}.pagesblock button.active{background-color:#f3f4f6;color:#000}.bikescard{border-radius:5px;height:105px;text-align:left;background-color:#f3f4f6;display:flex;justify-content:space-between;align-items:center;margin-top:20px}.biketype{font-family:Inter,sans-serif;font-size:16px;color:#6b7280;margin:24px 0 0 24px}.bikecity{font-family:Inter,sans-serif;font-size:16px;color:#6b7280;margin:0 0 24px 24px}.bikename{font-family:Inter,sans-serif;font-weight:700;font-size:16px;color:#000;margin:0 0 0 24px}.bikeprice{font-family:Inter,sans-serif;font-weight:700;font-size:27px;color:#000;margin:0 24px 0 0}@media(max-width:768px){.category button{height:20px;margin-left:10px;margin-top:5px;padding:0 10px}h1,.bikeprice{font-size:20px}.pagesblock{flex-direction:column;align-items:flex-start;gap:10px}.category{flex-direction:column;align-items:flex-start}.price{width:50%}.currency,.priceamount-input{font-size:20px}.priceamount-wrapper{justify-content:flex-start}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.histogram{width:80%;margin:40px auto}.bars{display:flex;align-items:flex-end;height:100px;gap:2px}.bar{flex:1;border-radius:2px 2px 0 0;background:#d5d5d5}.slider{position:relative;height:6px;margin-top:20px;background:#ddd;border-radius:3px}.slider-track{position:absolute;height:6px;background:#000;border-radius:3px;top:0}.handle{position:absolute;top:-7px;width:10px;height:20px;background:transparent;cursor:ew-resize}.handle.left{left:0}.handle.right{right:0}