@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.product-canvas{height:50vh}*{margin:0;padding:0}.wrapper{align-items:center;background-color:#5dafb8;color:#fff;display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;justify-content:space-around;min-height:100vh}.card{background-color:#6cc2ce;border-radius:13px;box-shadow:20px 40px 33px #0000004d;height:50vh;padding:2rem;width:35vw}.product-canvas{border-radius:3px solid #000;display:flex;height:63vh;justify-content:flex-end;width:100%}.colors{display:flex;flex-direction:row}.colors div{padding:8px}body{background-color:"#defff0";color:green;font-family:Poppins;font-size:12px;margin:0}a{text-decoration:none}header{align-items:center;display:flex;height:50px;margin:auto;max-width:80%;position:relative;width:1140px;z-index:100}header a{color:#eee;margin-right:5px;padding:5px 10px;transition:.2s}a.active,header a:hover{background:#14ff72cb;border-radius:2px}.slider{height:100vh;margin-top:-50px;overflow:hidden;position:relative}.slider .list .item{height:100%;inset:0 0 0 0;position:absolute;width:100%}.slider .list .item img{height:100%;object-fit:cover;width:100%}.slider .list .item .content{box-sizing:border-box;color:#fff;left:50%;max-width:80%;padding-right:30%;position:absolute;text-shadow:0 5px 10px #0004;top:20%;transform:translateX(-50%);width:1140px}.slider .list .item .content .title,.slider .list .item .content .type{font-size:5em;font-weight:700;line-height:1.3em}.slider .list .item .type{color:#14ff72cb}.slider .list .item .button{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,130px);grid-template-rows:40px;margin-top:20px}.slider .list .item .button button{background-color:#eee;border:none;cursor:pointer;font-family:Poppins;font-weight:500;letter-spacing:2px;transition:.4s}.slider .list .item .button button:hover{letter-spacing:3px}.slider .list .item .button button:nth-child(2){background-color:initial;border:1px solid #fff;color:#eee}.thumbnail{bottom:50px;display:flex;gap:20px;left:50%;position:absolute;width:max-content;z-index:100}.thumbnail .item{flex-shrink:0;height:220px;position:relative;width:150px}.thumbnail .item img{border-radius:20px;box-shadow:5px 0 15px #0000004d;height:100%;object-fit:cover;width:100%}.nextPrevArrows{align-items:center;display:flex;gap:10px;max-width:30%;position:absolute;right:52%;top:80%;width:300px;z-index:100}.nextPrevArrows button{background-color:#14ff72cb;border:none;border-radius:50%;color:#fff;cursor:pointer;font-family:monospace;font-weight:700;height:40px;transition:.5s;width:40px}.nextPrevArrows button:hover{background-color:#fff;color:#000}.slider .list .item:first-child{z-index:1}.slider .list .item:first-child .content .buttons,.slider .list .item:first-child .content .description,.slider .list .item:first-child .content .title,.slider .list .item:first-child .content .type{animation:showContent .5s linear 1s 1 forwards;filter:blur(20px);opacity:0;transform:translateY(50px)}@keyframes showContent{to{filter:blur(0);opacity:1;transform:translateY(0)}}.slider .list .item:first-child .content .title{animation-delay:.4s!important}.slider .list .item:first-child .content .type{animation-delay:.6s!important}.slider .list .item:first-child .content .description{animation-delay:.8s!important}.slider .list .item:first-child .content .buttons{animation-delay:1s!important}.slider.next .list .item:first-child img{animation:showImage .5s linear 1 forwards;border-radius:30px;bottom:50px;height:220px;left:50%;position:absolute;width:150px}@keyframes showImage{to{border-radius:0;bottom:0;height:100%;left:0;width:100%}}.slider.next .thumbnail .item:last-child{animation:showThumbnail .5s linear 1 forwards;overflow:hidden}.slider.prev .list .item img{z-index:100}@keyframes showThumbnail{0%{opacity:0;width:0}}.slider.next .thumbnail{animation:effectNext .5s linear 1 forwards}@keyframes effectNext{0%{transform:translateX(150px)}}.slider.prev .list .item:nth-child(2){z-index:2}.slider.prev .list .item:nth-child(2) img{animation:outFrame .5s linear 1 forwards;bottom:0;left:0;position:absolute}@keyframes outFrame{to{border-radius:20px;bottom:50px;height:220px;left:50%;width:150px}}.slider.prev .thumbnail .item:first-child{animation:showThumbnail .5s linear 1 forwards;opacity:0;overflow:hidden}.slider.next .nextPrevArrows button,.slider.prev .nextPrevArrows button{pointer-events:none}.slider.prev .list .item:nth-child(2) .content .buttons,.slider.prev .list .item:nth-child(2) .content .description,.slider.prev .list .item:nth-child(2) .content .title,.slider.prev .list .item:nth-child(2) .content .type{animation:contentOut 1.5s linear 1 forwards!important}@keyframes contentOut{to{filter:blur(20px);opacity:0;transform:translateY(-150px)}}@media screen and (max-width:678px){.slider .list .item .content{padding-right:0}.slider .list .item .content .title{font-size:50px}}.image-slider{align-items:center;display:flex;height:190px;justify-content:center;position:relative}.image{border-radius:12px;height:30px;width:550px}.left{font-size:1rem;left:3rem}.left,.right{color:green;cursor:pointer;position:absolute;top:50%;-webkit-user-select:none;user-select:none;z-index:5}.right{font-size:2rem;right:3rem}.currentSlide{opacity:0;transition-duration:.5s ease}.currentSlide.active{opacity:1;transform:scale(1.2);transition-duration:.5s;width:60%}h2{text-align:center}.hide-scrollbar{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=main.c0626264.css.map*/