body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}nav{display:none}.header-line{width:100%;height:8px}.header-line,.header-line:after{background:#f0c;background:linear-gradient(90deg,#339,#f0c)}.header-line:after{content:"";display:block;width:40px;height:40px;position:absolute;top:25px;left:20px;transform:rotate(30deg);transition:.3s;box-shadow:5px 5px 0 #9191ff}.main-wrapper{display:flex;justify-content:center;margin-top:40px}@media (max-width:900px){.main-wrapper{margin-top:70px}}.wrapper{display:flex;justify-content:center;flex-wrap:wrap;width:70vw}.header{width:100%;height:120px;color:#fff;background:#f0c;background:linear-gradient(90deg,#339,#f0c);border-radius:10px;padding:30px;margin-bottom:20px}.header .button{padding:10px 20px;background:#f0c;background:linear-gradient(270deg,#339,#f0c);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.top-card{background-color:#ebebeb;display:flex;align-items:center;justify-content:flex-start;width:32vw;height:120px;position:relative;margin:20px 30px 20px 0;border-radius:10px;text-decoration:none}.top-card span{color:#000}.top-card-image{width:80px;height:auto;border-radius:10px;object-fit:contain;margin-right:20px;margin-left:40px}.price{position:absolute;top:-18px;right:-15px;width:60px;height:60px;border-radius:50px;background:#f0c;background:linear-gradient(90deg,#339,#f0c);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:13px;transition:.2s;border:2px solid #ff69b4}.price:hover{transform:rotate(20deg)}@media (max-width:1000px){.wrapper{margin-top:40px}.top-card{width:100%}}.products-wrapper{align-items:center}.list-wrapper,.products-wrapper{display:flex;flex-direction:column}.sorting-label{padding:5px 10px;background-color:#9191ff;border-radius:10px;color:#fff;font-size:12px}.headline{font-size:28px;margin:10px}.navigation-wrapper{display:flex;align-items:center}.list{padding:0;margin:0;min-width:80vw}.list-header{display:flex;background:#f0c;background:linear-gradient(90deg,#339,#f0c);color:#fff;justify-content:space-between;padding:15px}.list-header h3{font-size:18px;margin:0}.list-item{display:flex;justify-content:space-between;padding:0 15px;color:#000;margin:10px 0;background-color:#f3f3f3;transition:.1s;text-decoration:none}.list-item:hover{box-shadow:3px 3px 3px #8d8d8d;transform:scale(1.01)}.button-wrapper-products{display:flex;justify-content:center}.button-wrapper-products .button{padding:10px 20px;width:100px;margin:10px;border:1px solid #339;cursor:pointer;transition:.2s}.button-wrapper-products .button:hover{background-color:#9191ff}.button-wrapper-products .button-reset{color:#339;background-color:#fff}.button-wrapper-products .button-sort-asc{color:#fff;background-color:#339}.button-wrapper-products .button-sort-asc:after{content:url(/static/media/arrow-up-white.16f3998a.svg);fill:#fff;width:15px;height:15px;margin:0 5px;float:right}.button-wrapper-products .button-sort-des{color:#fff;background-color:#339}.button-wrapper-products .button-sort-des:after{content:url(/static/media/arrow-up-white.16f3998a.svg);fill:#fff;transform:rotate(180deg);width:15px;height:15px;margin:0 5px;float:right}.search-wrapper{display:flex;align-items:center;justify-content:center;width:340px;color:#fff;background-color:#339}.search-wrapper p{margin:10px}.search-wrapper input{height:20px;margin-left:10px;width:200px;padding:0 10px}.price-wrapper{display:flex;align-items:center}.price-wrapper .arrow-down,.price-wrapper .arrow-up{width:15px;margin-right:5px}.price-wrapper .arrow-down{transform:rotate(180deg)}@media (max-width:900px){.list{width:90%;align-self:center}.list-header,.list-item{display:flex;flex-direction:column}.list-item{padding:10px}.list-item p{margin:12px}}.sk-folding-cube{margin:50px auto;width:40px;height:40px;position:relative;transform:rotate(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f0c;background:linear-gradient(90deg,#339,#f0c);-webkit-animation:sk-foldCubeAngle 2.4s linear infinite both;animation:sk-foldCubeAngle 2.4s linear infinite both;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{transform:scale(1.1) rotate(90deg)}.sk-folding-cube .sk-cube3{transform:scale(1.1) rotate(180deg)}.sk-folding-cube .sk-cube4{transform:scale(1.1) rotate(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}.wrapper-product{flex-direction:column;justify-content:flex-start;width:100%;min-height:100vh;width:700px}.back-wrapper,.wrapper-product{display:flex;align-items:center}.back-wrapper{text-decoration:none;color:#000;align-self:flex-start;margin-bottom:10px}.back-wrapper-arrow{transform:rotate(180deg);width:20px;margin:10px 0 10px 10px}.back-wrapper-headline{font-size:28px;margin:10px}.product-card{display:flex;flex-direction:column;align-items:flex-start}.product-card-image{width:80%;object-fit:cover;object-position:center}.product-card-name{font-size:22px;font-weight:700;margin-top:15px}.product-card-description{line-height:18px}.product-card-price{font-size:18px;color:#ff69b4;font-weight:700;margin:0 0 10px}.button-wrapper-product{display:flex;width:100%;justify-content:space-between;margin-top:10px;margin-bottom:20px}.button-wrapper-product button:first-child{background:#f0c;background:linear-gradient(270deg,#339,#f0c)}.button-wrapper-product button:first-child,.button-wrapper-product button:last-child{padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.button-wrapper-product button:last-child{background:#f0c;background:linear-gradient(90deg,#339,#f0c)}@media (max-width:900px){.wrapper-product{width:90vw}.product-card-image{width:100%}}
/*# sourceMappingURL=main.619652cb.chunk.css.map */