.card__container{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;overflow:hidden}.card__container:hover{outline:.3px solid #b8b8b8;box-shadow:0 3px 15px rgba(0,0,0,.2)}.cardinfo__container{display:flex;flex-direction:column;padding-inline:10px;padding-block:10px}.cardinfo__typecontainer{display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0}.card__imagecontainer{display:flex;justify-content:center;background-color:#f2f2f2}.card__image{width:70%;height:70%;object-fit:contain;aspect-ratio:1/.6;padding:20px}.cardinfo__title{font-size:1.2em;font-weight:800;padding-bottom:20px}.cardinfo__type{opacity:.3}.cardinfo__liter{color:#d4abab}.pageChange__container{display:flex;justify-content:center;align-items:center;padding-block:40px;gap:20px}.pageChange__icon{background-color:#fff;align-items:center;font-size:1.1em;opacity:.8;color:#404040;border:none;padding-inline:10px;padding-block:5px;border-radius:10px;text-align:center;cursor:pointer}.pageChange__icon:hover{outline:.3px solid #b8b8b8;box-shadow:0 3px 15px rgba(0,0,0,.2)}*{padding:0;margin:0}@keyframes audio-wave{0%{height:10px;trnsform:translateY(0);background:#f5b}25%{height:40px;trnsform:translateY(-5px);scaley:(1.7);background:#ffd3a3}50%{height:10px;trnsform:translateY(0);scaley:(1.7);background:#fcffb2}to{height:10px;trnsform:translateY(0);scaley:(1.7);background:#b6eafa}}.sound-wave{display:flex;justify-content:center;align-items:center;gap:8px;height:60px}.sound-wave span{height:18px;width:10px;display:block;border-radius:8px;background:#fff;animation:audio-wave 2.2s ease-in-out infinite}.sound-wave span:nth-child(2){left:11px;background:#fff;animation-delay:.2s}.sound-wave span:nth-child(3){left:22px;animation-delay:.4s}.sound-wave span:nth-child(4){left:33px;animation-delay:.6s}.sound-wave span:nth-child(5){left:44px;animation-delay:.8s}.sound-wave span:nth-child(6){left:55px;animation-delay:1s}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary-color);margin:0;font:inherit;color:var(--primary-color);width:1em;height:1em;border:.05em solid var(--primary-color);border-radius:.15em;transform:translateY(-.075em)}.slider__container{position:relative;box-sizing:border-box}.form-control+.form-control{margin-top:1em}input[type=checkbox]{display:grid;place-content:center}input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 1em 1em var(--form-control-color)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:before{background-color:CanvasText;transform-origin:bottom left;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}output{position:absolute;display:none;width:50px;height:24px;border:1px solid #e2e2e2;background-color:#fff;border-radius:10px;color:#777;font-size:.8em;line-height:24px;text-align:center;top:25px}input[type=range]:active+output{display:block}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#fff;border-radius:10px;width:100%}input[type=range]::-webkit-slider-runnable-track{position:relative;height:8px;border:1px solid #b2b2b2;border-radius:5px;background-color:#e2e2e2;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.1)}input[type=range]::-webkit-slider-thumb{position:relative;top:-8px;width:25px;height:25px;border:1px solid #999;-webkit-appearance:none;background-color:#fff;box-shadow:inset 0 -1px 2px 0 rgba(0,0,0,.25);border-radius:100%;cursor:pointer}@media only screen and (max-width:600px){.slider__container{margin-block:20px}}.search__container{width:100%;align-items:center;padding-top:70px}.searchBar__container{display:flex;background-color:#fff;width:40%;border-radius:10px;align-items:center;align-self:center;padding-inline:10px;padding-block:5px}.searchBar__image{width:25px;height:25px;opacity:.7}.searchBar__input,.searchBar__input:focus{width:100%;border:none;opacity:.7;outline:0}.dropdown__container{position:absolute;top:135px;right:20%;justify-content:center;background-color:transparent;z-index:1;animation:fadeIn 1s}.dropdown__container,.dropdown__itemcontainer{display:flex;flex-direction:column;padding-block:20px;gap:10px}.dropdown__itemcontainer{background-color:#fff;padding-inline:20px;width:200px;border-radius:10px;outline:.3px solid #d1d1d1;display:hidden}.dropdown__icon{height:10px;width:13px;opacity:.6}.dropdown__button{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:#404040}.dropdown__button,.dropdown__cancelbutton{background-color:transparent;border:none;cursor:pointer}.dropdown__header{display:flex;justify-content:space-between;margin-bottom:20px}.dropdown__itemtitle,.dropdown__title{font-size:1.4em}.dropdown__item{display:flex;gap:10px}@media only screen and (max-width:1300px){.dropdown__container{right:10%}.searchBar__container{width:60%}}@media only screen and (max-width:600px){.dropdown__container{right:5%}.goback__container{width:350px}}