@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{background:#f2f2f2;font-family:Inter,sans-serif;height:100%}#root{display:flex;flex-direction:column;height:100%}main{flex-grow:1}.btn{background:transparent;border:0;cursor:pointer;border-radius:5px;padding:5px 10px;font-family:inherit}.active{color:#ff4500}.container{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}header{padding-top:20px;padding-bottom:20px}a{text-decoration:none;color:#333}header .container{display:flex;justify-content:space-between;align-items:center}header nav{display:flex;gap:20px;align-items:center;font-weight:500;font-size:20px}.loader,.error{opacity:.5;text-align:center}.card-container{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.card-container__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-container__title{font-size:20px;font-weight:600}.card-container__btn{text-decoration:underline}.card-container__btn:hover{color:red}.card-container__price{font-weight:500}.card{background-color:#fff;margin-bottom:15px;padding:10px;border-radius:5px;display:flex;align-items:center}.card__image{margin-right:15px}.card__info{display:flex;flex-direction:column;flex-grow:1;gap:5px}.card__price{opacity:.7}.card__btn{background-color:#f2f2f2;display:flex;gap:2px;align-items:center;transition:all .3s}.card__btn .icon{color:#e89300;transition:all .3s}.card__btn:hover .icon{color:#fff}.card__btn:hover{background-color:#e89300;color:#fff}.card-action-btns{display:flex;align-items:center;gap:5px}.card__btn__amount{display:flex;justify-content:center;align-items:center;border:1px solid #e89300;padding:5px;height:20px;width:20px}.card__btn__amount:hover{background-color:#e89300;color:#fff}.amount{width:20px;text-align:center}.header__card{position:relative;padding:10px}.header__card__indicator{display:flex;justify-content:center;align-items:center;position:absolute;font-size:15px;right:-10px;top:-10px;background-color:#ffa6009c;color:#fff;width:15px;height:15px;padding:15px;border-radius:10px}.hidden-card{visibility:hidden;opacity:0;position:absolute;width:300px;background-color:#fff;right:45%;padding:5px;border-radius:5px;box-shadow:0 0 10px #0000001a;z-index:100}.hidden-card__item-info{display:flex;flex-direction:column;margin-right:auto}.header__card:hover .hidden-card{visibility:visible;opacity:1}.hidden-card__item{display:flex;align-items:center;padding:5px}.hidden-card__item-img{margin-right:10px}.hidden-card__title{font-size:10px;margin-bottom:3px}.hidden-card__price{font-size:8px;margin-bottom:3px}.hidden-card__remove-btn{font-size:10px}.hidden-card__clear-btn{background-color:transparent;cursor:pointer;border:1px solid #e89300;padding:5px;width:100%;text-align:center;transition:all .3s;border-radius:5px;margin-top:10px}.hidden-card__clear-btn:hover{background-color:#e89300;color:#fff}.hidden-card__amount{font-size:10px}.hidden__card__info{text-align:center;width:100%;font-size:15px}footer{padding-top:10px;padding-bottom:10px;background-color:#cdcdcd}footer p{text-align:center}