@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);:root{--white:#fff;--MidnightBlue:#002772;--WhitePointer:#fde2ff;--CodGray:#1e1e1e;--Pompadour:#720060;--PattensBlue:#d6e6ff;--MineShaft:#3f3f3f;--Alto:#dcdcdc;--circle-size:55px;--circle-color:#fff;--circle-background:#fc0}.loader-container{width:100%;height:100vh;display:grid;align-content:center;justify-content:center}.loading-spinner{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{background-color:#fff;color:var(--CodGray);font-family:Poppins,sans-serif;height:100vh;display:flex;align-items:center;justify-content:center}.container,.container .bg-container{width:100%;position:absolute;top:0;left:0}.container .bg-container{height:71%}.container .bg-img{width:100%;height:100%}.container .product{background-color:var(--white);width:70%;height:80%;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;padding:10px;box-shadow:0 3px 10px rgba(0,0,0,.5);z-index:1}.container .men-section,.container .unavailable-section,.container .women-section{background-color:var(--white);color:var(--CodGray);font-family:Poppins,sans-serif;width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.container .product .product-picture{width:100%;height:100%;display:grid;align-items:center;justify-items:center}.container .product .product-picture .product-preview{width:300px;height:400px}.container .product .product-detail{width:95%;height:95%;display:flex;flex-direction:column;text-align:left;padding:5px}.container .product .product-detail .product-name-men{height:100px;color:var(--MidnightBlue)}.container .product .product-detail .product-name-women{height:100px;color:var(--Pompadour)}.container .product .product-detail .category-rating{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:-10px;font-size:14px;font-weight:400;width:102%}.container .product .product-detail .category-rating .category{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.container .product .product-detail .category-rating .rating{width:130px;height:20px;display:flex;align-items:center;align-content:center;justify-content:space-around}.circles-men{--percent:calc(var(--rating)/5*100%);font-size:var(--circle-size);&:before{content:"\2022\2022\2022\2022\2022";letter-spacing:-5px;background:linear-gradient(90deg,var(--MidnightBlue) var(--percent),var(--Alto) var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.circles-women{--percent:calc(var(--rating)/5*100%);font-size:var(--circle-size);&:before{content:"\2022\2022\2022\2022\2022";letter-spacing:-5px;background:linear-gradient(90deg,var(--Pompadour) var(--percent),var(--Alto) var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.container .product .product-detail .description-container{width:100%;height:200px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;overflow:scroll;padding:5px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;font-weight:400}.container .product .product-detail .price-men{margin:8px 0;font-weight:800;color:var(--MidnightBlue)}.container .product .product-detail .price-women{margin:8px 0;font-weight:800;color:var(--Pompadour)}.container .action-button{width:102%;display:flex;align-items:center;justify-content:space-between}.container .action-button .buy-button-men{background-color:var(--MidnightBlue)}.container .action-button .buy-button-men,.container .action-button .buy-button-women{width:45%;height:35px;border-radius:5px;cursor:pointer;font-weight:800;color:var(--white)}.container .action-button .buy-button-women{background-color:var(--Pompadour)}.container .action-button .next-button-men{background-color:var(--white);width:45%;height:35px;border-radius:5px;cursor:pointer;font-weight:800;color:var(--MidnightBlue);border:3px solid var(--MidnightBlue)}.container .action-button .next-button-women{background-color:var(--white);width:45%;height:35px;border-radius:5px;cursor:pointer;font-weight:800;color:var(--Pompadour);border:3px solid var(--Pompadour)}.container .unavailable-section .unavailable-page{background-color:var(--white);width:70%;height:80%;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-weight:400;padding:10px;box-shadow:0 3px 10px rgba(0,0,0,.5);background-image:url(/img/sad-512-mod-s.946417b0.png);background-size:cover;background-position:50%;z-index:1}.container .unavailable-page .unavailable-message{color:var(--CodGray)}.container .unavailable-page .next-button1{background-color:var(--white);border:3px solid var(--CodGray);color:var(--MineShaft);width:50%;height:35px;border-radius:5px;cursor:pointer;font-weight:800}@media only screen and (max-width:600px){.container .bg-container{height:250px}.container .product{grid-template-columns:none;width:85%;height:300px;position:absolute;top:5px}.container .product .product-picture{width:100%;height:100%}.container .product .product-picture .product-preview{width:250px;height:300px}.container .product .product-detail .product-name-men,.container .product .product-detail .product-name-women{font-size:20px;font-weight:400;height:50px}.container .product .product-detail .description-container{height:100px;font-size:16px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}