.compare-layout{display:flex;justify-content:center;flex-direction:column}.card-layout{display:flex;align-items:flex-start;height:100%}.card-title-box{border-bottom:1px solid #e0e0e0;width:100%;margin-bottom:2%}.product-layout{justify-content:center;flex-direction:column;padding:2%}.product-layout,.product-row{display:flex;align-items:center}.product-row{justify-content:space-between;flex-direction:row;width:100%}.product-image{max-width:40%;object-fit:cover}.row-image{display:flex;justify-content:center}.error-layout,.row-actions{display:flex;flex-direction:column}.error-layout,.loading-layout{justify-content:center;align-items:center;width:100%}.loading-layout{display:flex;flex-direction:column;height:70vh}.market-row{display:flex;width:100%;justify-content:space-around;align-items:center;flex-direction:row;flex-wrap:wrap;align-content:center}.alert-box{position:fixed;bottom:0;left:0;margin:16px}.product-card{border-radius:30px;justify-content:space-between}.product-card-action-area{flex-grow:1;border-bottom-left-radius:0;border-bottom-right-radius:0}.product-card-header{text-align:center;min-height:100px;max-height:100px}.product-card-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.product-card-image{min-width:200px;max-width:200px;min-height:200px;max-height:200px;height:auto;border-radius:30px}.product-card-price{display:flex;flex-direction:row;justify-content:center;align-items:center}.add-to-list-button-container{width:100%;height:100%;padding:0;background-color:#add8e6}.remove-to-list-button-container{width:100%;height:100%;padding:0;background-color:#e6a39e}.price-layout{display:flex;flex-direction:column;align-items:center;margin-top:3%;margin-bottom:3%;width:30%}.price-column{margin:1%;height:90%;padding:5%;transition:transform .3s ease-in-out!important}.price-market-logo{width:100%;height:auto;object-fit:cover;margin-top:2%}.price{padding:5%;font-size:1em;font-weight:700}.product-card{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%;min-width:270px;max-width:270px}.product-card-layout{display:flex;width:100%;justify-content:center}.product-image{min-width:200px;height:auto;border-radius:30px}.market-price{display:flex;flex-direction:row;align-items:center;margin-top:10%;margin-bottom:2%}.price-filter-layout{width:100%}.price-filter{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}@media (min-width:600px){.price-filter{flex-direction:row}}.checkbox-container{justify-content:center}.checkbox,.checkbox-container{display:flex;flex-direction:row}.checkbox{align-items:center;cursor:pointer}.price-market-logo{min-width:20%;max-width:20%;min-height:20%;max-height:20%}.price-item-layout{display:flex;flex-direction:row;min-width:100%}.price-text-container{flex:1}.price-text{width:100%}.icon-container,.price-column,.price-column-cheapest{flex-direction:row}.icon-container{display:flex;margin-left:10%}.selected-product-container,.selected-product-view,.selected-product-view-grid{display:flex;align-items:center;justify-content:center}.selected-product-img{min-width:200px;max-width:200px;min-height:200px;max-height:200px;margin-top:10px;margin-bottom:10px;margin-right:10px}.selected_product-title{text-align:center}.selected-product-list-prices{max-height:250px;overflow-y:auto}.price-column,.price-column-cheapest{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.price-column-cheapest{margin:1%;height:90%;border:3px;border-style:solid;border-color:gold;transition:transform .3s ease-in-out!important}.more-items-icon{display:flex;justify-content:right}.button-container{justify-content:center;text-align:center;border-radius:5px;width:100%;height:100%}.add-to-list-button-container{background-color:#0289d1}.remove-to-list-button-container{background-color:#e77c74}.button-text{color:#fff;text-align:center}.error-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.error-title{font-size:2.5rem;font-weight:700;color:#000}.wheel-and-hamster{--dur:1s;position:relative;width:12em;height:12em;font-size:14px}.hamster,.hamster div,.spoke,.wheel{position:absolute}.spoke,.wheel{border-radius:50%;top:0;left:0;width:100%;height:100%}.wheel{background:radial-gradient(100% 100% at center,hsla(0,0%,60%,0) 47.8%,#999 48%);z-index:2}.hamster{animation:hamster var(--dur) ease-in-out infinite;top:50%;left:calc(50% - 3.5em);width:7em;height:3.75em;transform:rotate(4deg) translate(-.8em,1.85em);transform-origin:50% 0;z-index:1}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;background:#f48c25;border-radius:70% 30% 0 100%/40% 25% 25% 60%;box-shadow:inset 0 -.25em 0 #facc9e,inset .75em -1.55em 0 #fce5cf;top:0;left:-2em;width:2.75em;height:2.5em;transform-origin:100% 50%}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;background:#fbb6b6;border-radius:50%;box-shadow:inset -.25em 0 #f48c25;top:-.25em;right:-.25em;width:.75em;height:.75em;transform-origin:50% 75%}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;top:.375em;left:1.25em;width:.5em;height:.5em}.hamster__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;top:.75em;left:0;width:.2em;height:.25em}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;background:#fce5cf;border-radius:50% 30% 50% 30%/15% 60% 40% 40%;box-shadow:inset .1em .75em 0 #f48c25,inset .15em -.5em 0 #facc9e;top:.25em;left:2em;width:4.5em;height:3em;transform-origin:17% 50%;transform-style:preserve-3d}.hamster__limb--fl,.hamster__limb--fr{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0 100%,40% 80%);top:2em;left:.5em;width:1em;height:1.5em;transform-origin:50% 0}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 0);transform:rotate(15deg) translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce5cf 80%,#fbb6b6 0);transform:rotate(15deg)}.hamster__limb--bl,.hamster__limb--br{border-radius:.75em .75em 0 0;clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0 30%);top:1em;left:2.8em;width:1.5em;height:2.5em;transform-origin:50% 30%}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 0);transform:rotate(-25deg) translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce5cf 90%,#fbb6b6 0);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;background:#fbb6b6;border-radius:.25em 50% 50% .25em;box-shadow:inset 0 -.2em 0 #f98686;top:1.5em;right:-.5em;width:1em;height:.5em;transform:rotate(30deg) translateZ(-1px);transform-origin:.25em .25em}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100% at center,#999 4.8%,hsla(0,0%,60%,0) 5%),linear-gradient(hsla(0,0%,55%,0) 46.9%,#a6a6a6 47% 52.9%,hsla(0,0%,65%,0) 53%) 50% 50% /99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg) translate(-.8em,1.85em)}50%{transform:rotate(0) translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg) translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg) translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg) translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}