*{-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;font-family:Open Sans,sans-serif;font-family:Assistant,sans-serif;font-family:Geologica,sans-serif;font-family:Lobster Two,sans-serif;font-family:Poppins,sans-serif;font-family:Roboto,sans-serif;font-family:Ubuntu,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{position:relative}.footer{background-color:#f6f6f5;justify-content:space-between;margin:150px 0 0;padding:70px 15px}.footer,.footer .middle{align-items:center;display:flex}.footer .middle{flex-direction:column}.footer .middle P{padding:30px 0}.footer a{color:#000}.signup{border:1px solid #cdc3c3;margin-top:120px;margin-inline:auto;max-width:500px;text-align:center}.signup .heading,.signup .name{padding:20px}.signup .name p{margin-left:-190px;padding:5px 0}.signup .name #email{margin-left:-220px}.signup .name input{border:1px solid #d2d1d1;height:30px;padding-inline:10px;width:250px}.signup .name input:focus{outline:none}.signup #signup{background-color:#000;color:#fff;cursor:pointer;margin-bottom:20px;padding:15px;transition:.5s}.signup #signup:hover{background-color:#2a2929}.signup #signin{background-color:#f6f6f5;border:1px solid #d3cece;cursor:pointer;padding:10px;transition:.5s}.signup #signin:hover{background-color:#e3e1e1}.signup .already{background-color:#f6f6f5;border-top:1px solid #cdc3c3;padding:20px}.signup .already .already_account{align-items:center;display:flex;justify-content:space-around}.body{background-color:#f6f6f5;display:flex;justify-content:space-between;margin:120px auto auto;max-width:1300px;width:100%}.body .content{max-width:50%}.body .content #h1{font-size:50px;font-weight:100;max-width:380px;padding:50px 25px 20px 80px}.body .content #h1 .see{font-weight:600}.body .content p{line-height:25px;padding:10px 25px 20px 80px}.body .content button{background-color:#000;border:none;color:#fff;cursor:pointer;margin:10px 25px 20px 80px;padding:20px 25px}.body .content #arrow{font-size:17px;margin:0 0 0 7px}.featured{align-items:center;display:flex;justify-content:space-between;margin:100px 100px 30px}.featured .featured_text{font-size:30px}.featured .featured_link a{color:#000}.container{border:1px solid #ccc;cursor:pointer;height:310px;margin-top:30px;width:400px}.container .photo{background-color:#f6f6f5;height:200px;text-align:center}.container .photo img{transition:.2s ease-in-out}.container:hover .photo img{transform:scale(1.1)}.container .sentence{padding:20px 5px 5px 20px}body{max-height:70vh}.signin{border:1px solid #cdc3c3;margin-top:200px;margin-inline:auto;max-width:500px;text-align:center}.signin .heading,.signin .name{padding:20px}.signin .name p{margin-left:-190px;padding:5px 0}.signin .name #email{margin-left:-220px}.signin .name input{border:1px solid #d2d1d1;height:30px;padding-inline:10px;width:250px}.signin .name input:focus{outline:none}.signin #signin{background-color:#000;color:#fff;cursor:pointer;margin-bottom:20px;padding:15px;transition:.5s}.signin #signin:hover{background-color:#2a2929}.signin #signup{background-color:#f6f6f5;border:1px solid #d3cece;cursor:pointer;padding:10px;transition:.5s}.signin #signup:hover{background-color:#e3e1e1}.signin .already{background-color:#f6f6f5;border-top:1px solid #cdc3c3;padding:20px}.signin .already .already_account{align-items:center;display:flex;justify-content:space-around}.invalid{border:1px solid red;color:red;left:33.5%;padding:10px;position:absolute;top:-15%;width:31.5%}.box,.invalid{text-align:center}.box{border:1px solid #ccc;cursor:pointer;height:250px;margin:6px;overflow:hidden;position:relative;width:200px}.box .image{align-items:center;background-color:#f6f6f5;display:flex;height:120px;justify-content:center;text-align:center;transition:.5s ease}.box:hover .image{transform:translateY(-30px)}.box img{transition:transform .5s ease}.box:hover img{height:20px;transform:scale(.6) translateY(20px);width:30px}.box .text{padding:15px 5px 5px 20px;text-align:center;transition:.5s ease}.box .text i{font-size:12px}.box:hover .text{transform:translateY(-30px)}.box .price{margin-top:18px;transition:.5s ease}.box:hover .price{transform:translateY(-30px)}.box .basket{background-color:#000;bottom:-50px;left:0;max-height:100%;position:absolute;text-align:center;transition:bottom .5s ease;width:100%}.box .basket Button{background:none;border:none;color:#fff;cursor:pointer;padding:15px 0;text-align:center;width:100%}.box:hover .basket{bottom:0}.featuredPage{background-color:#f6f6f5;display:flex;justify-content:space-between;margin:120px auto auto;max-width:1300px;width:100%}.featuredPage .heading{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:120px}.recommendedPage{background-color:#f6f6f5;display:flex;justify-content:space-between;margin:120px auto auto;max-width:1300px;width:100%}.recommendedPage .recommendedHeading{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:120px}.cart{background-color:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:100%;max-width:38%;overflow:scroll;position:relative;right:-100%;top:0;transition:right 1s ease;z-index:10}.cart .cart__top{align-items:center;display:flex;justify-content:space-between;padding:25px}.cart .cart__top .cart__top__heading #head{font-weight:600}.cart .cart__top .cart__top__heading span{margin-inline:5px}.cart .cart__top .cart__top__heading button{background-color:#fff;border:1px solid #e1dddd;cursor:pointer;padding:10px;transition:.2s ease}.cart .cart__top .cart__top__heading button:hover{background-color:#e3dede}.cart .cart__items{border:1px solid #e2dcdc;display:flex;justify-content:space-around;margin:10px auto;max-height:100px;max-width:95%}.cart .cart__items .buttons button{border:1px solid #e2dcdc;cursor:pointer;font-size:15px;margin-left:-14px;padding:12px 10px}.cart .cart__items .buttons button:hover{background-color:#e3dede}#minus{padding:12px 11.5px}.cart .cart__items .buttons{display:flex;flex-direction:column;justify-content:space-between}.cart .cart__items .image{align-items:center;display:flex;margin-left:-10px}.cart .cart__items .cartname,.cart .cart__items .color,.cart .cart__items .size{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.cart .cart__items .clear,.cart .cart__items .price{align-items:center;display:flex;justify-content:center}.cart .cart__items .clear button{border:1px solid #e2dcdc;cursor:pointer;font-size:15px;margin-left:5px;padding:10px;transition:.2s ease}.cart .cart__items .clear button:hover{background-color:#e3dede}.cart .cart__bottom{align-items:center;background-color:#fff;border-top:1px solid #000;bottom:0;display:flex;justify-content:space-between;position:fixed;right:0;width:38%;z-index:1}.cart .cart__bottom .total{margin:20px}.cart .cart__bottom button{background-color:grey;border:none;color:#fff;cursor:pointer;margin-right:25px;padding:15px;width:120px}body{margin:0}.navbar{background-color:#fff;border-bottom:1px solid #e0dbdb;justify-content:space-around;padding:5px 0;position:fixed;top:0;width:100%;z-index:1000;z-index:1}.navbar,.navbar .left ul{align-items:center;display:flex}.navbar .left ul li{border-radius:5px;list-style-type:none;margin:0 20px;padding:10px;transition:.5s ease}.navbar .left ul li:not(.exclude):hover{background-color:#f2f1f1}.navbar .left ul li a{color:#837a7a;text-decoration:none}.navbar .left ul li a.active{color:#000}.navbar .middle{align-items:center;border:1px solid #ccc;display:flex;justify-content:center;padding:10px}.navbar .middle input{border:none;margin-left:15px;transition:.3s;width:250px}.navbar .middle input:focus{outline:none}.navbar .icon{color:#000;font-size:20px}.navbar .cart-button{align-items:center;display:flex;justify-content:center;position:relative;transition:.3s ease}.navbar .cart-button button{padding:13px 19px}.navbar .cart-button button:hover{background-color:#f9f3f3}.navbar .cart-button button{background:none;border:none;cursor:pointer;margin-left:-75px}.navbar .right button{border:none;cursor:pointer;font-size:12px;margin-right:20px;padding:17px}.navbar .right #signup{background-color:#000;color:#fff}.navbar .right .profilePicture{align-items:center;display:flex;justify-content:space-between;margin-right:10px}.navbar .right .profilePicture:hover{cursor:pointer}.navbar .right .profilePicture span{margin-inline:10px}.backDetail{cursor:pointer;left:9%;padding:15px;position:absolute;top:-14%;transition:.5s ease}a{color:#000}.product-detail{background-color:red;border:1px solid #d9d4d4;display:flex;height:500px;margin:200px auto auto;max-width:80%}.product-detail .leftDetail{background-color:#fff;height:100%;min-width:11%}.product-detail .middleDetail{align-items:center;background-color:#e6e3e3;display:flex;height:100%;justify-content:center;width:60%}.product-detail .rightDetail{background-color:#fff;max-width:80%;padding:25px}#lensDetail,.product-detail .rightDetail p{margin:20px 0}#lensDetail{display:inline-block}.product-detail .rightDetail .selectDetail{text-align:left}select{padding:8px 210px}hr{border:.5px solid #9b9696}#colorDetail{display:inline-block;margin:20px 0 10px}#priceDetail{margin:20px 0}#shopdetail{background-color:#000;border:none;color:#fff;cursor:pointer;padding:15px}.imageDetail img{height:80px;object-fit:cover;width:120px}.imageDetail{border:1px solid #cec9c9;display:flex;justify-content:center;margin:10px 6px}.middleDetail img{height:300px;object-fit:cover;width:500px}.colorsDetail{display:flex}.colorsDetail div{border-radius:50%;cursor:pointer;height:40px;margin:5px 15px 0;width:40px}.colorsDetail div:hover{transform:scale(1.1)}#div1{background-color:red}#div2{background-color:#c56172}#div3{background-color:blue}#div4{background-color:#ff0}#div5{background-color:green}.boxSearch{border:1px solid #ccc;cursor:pointer;height:250px;margin:6px;overflow:hidden;position:relative;text-align:center;width:200px}.boxSearch .imageSearch{align-items:center;background-color:#f6f6f5;display:flex;height:120px;justify-content:center;text-align:center;transition:.5s ease}.boxSearch:hover .imageSearch{transform:translateY(-30px)}.boxSearch img{transition:transform .5s ease}.boxSearch:hover img{height:20px;transform:scale(.6) translateY(20px);width:30px}.boxSearch .textSearch{padding:15px 5px 5px 20px;text-align:center;transition:.5s ease}.boxSearch .textSearch i{font-size:12px}.boxSearch:hover .textSearch{transform:translateY(-30px)}.boxSearch .priceSearch{margin-top:18px;transition:.5s ease}.boxSearch:hover .priceSearch{transform:translateY(-30px)}.boxSearch .basketSearch{background-color:#000;bottom:-50px;left:0;max-height:100%;position:absolute;text-align:center;transition:bottom .5s ease;width:100%}.boxSearch .basketSearch Button{background:none;border:none;color:#fff;cursor:pointer;padding:15px 0;text-align:center;width:100%}.boxSearch:hover .basketSearch{bottom:0}.signout{background-color:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;position:absolute;right:4%;top:-6%;width:150px}.signout .signout__view{align-items:center;display:flex;justify-content:space-between;padding:10px;transition:.2s}.signout .signout__view:hover{background-color:#ebe3e3}.signout .signout__signout{align-items:center;display:flex;justify-content:space-between;padding:10px;transition:.2s}.signout .signout__signout:hover{background-color:#ebe3e3}
/*# sourceMappingURL=main.57d60eb4.css.map*/