@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,300;1,400&display=swap);body::-webkit-scrollbar{display:none}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}.player_body{display:flex}.sideBar{color:#fff;height:100vh;flex:0.2 1;background:#040404;min-width:120px;padding-left:10px;padding-right:10px;height:773px}.title{display:flex;align-items:center;justify-content:flex-end;padding:10px 40px}.title h1{color:grey;font-size:40px;font-weight:500}.sideBar>hr{border:1px solid #282828;width:90%;margin:10px auto}.sidebar__title{margin-left:10px;padding:5px;font-size:12px}.user{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px;padding:30px}.user h3{font-size:23px;margin-top:5px;font-weight:600}.user p{font-size:13px;margin-top:5px;font-weight:500;color:grey}.sidebar{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:40px}.subtitle{color:red}.img{-webkit-transform:scale(3);transform:scale(3);margin-bottom:45px}.sidebarOption{color:grey;height:40px;cursor:pointer;transition:color .2s ease-in;display:flex;align-items:center;margin-bottom:10px;width:100%;justify-content:center}.sidebarOption:hover{color:#fff}.sidebarOption__icon{padding-left:10px;padding-right:10px}.sidebarOption>p{margin-top:10px;margin-left:20px;font-size:14px}.body{height:100vh;flex:0.8 1;background:linear-gradient(#5b5773,#000);color:#fff;padding:30px;overflow-y:overlay}.body::-webkit-scrollbar{display:none}.table{background:linear-gradient(#5b5773,#000)}.heading{margin-left:50px;font-size:50px;font-weight:600;letter-spacing:1px}.header{justify-content:space-between;margin-bottom:30px}.header,.header__left{display:flex;align-items:center}.header__left{flex:0.5 1;background-color:#fff;color:grey;border-radius:30px;padding:10px;min-width:70px}.header__left>input{border:none;width:100%}.header__left>input:focus{outline:none}.header__right{display:flex;align-items:center}.header__right>h4{margin-left:10px}.header__button{box-shadow:0 .2rem .5rem 0 #000;border:1px solid #000;width:100px;margin-right:30px;padding:13px 40px;border-radius:50px;display:flex;background-color:#111;align-items:center;justify-content:space-between;cursor:pointer}.add{color:red}.header__button{color:grey}.ikon{-webkit-transform:scale(1.2);transform:scale(1.2)}.icon1{background-color:#ffd100;border:2px solid #ffd100;border-radius:100%}.icon1,.icon2{-webkit-transform:scale(2);transform:scale(2);margin-left:70px;margin-bottom:10px}.icon2{background-color:#10bdba;border:2px solid #10bdba;border-radius:100%}.icon3{-webkit-transform:scale(2);transform:scale(2);background-color:#f74c25;border:2px solid #f74c25;border-radius:100%;margin-left:70px;margin-bottom:10px}.Widgets{display:flex;width:100%;align-items:center;justify-content:center;margin-top:40px}.item1{padding:30px 80px;margin-right:30px;background-color:#111;border-radius:20px;box-shadow:0 .2rem .5rem 0 #000;border:1px solid #000}.price{display:flex;margin-top:5px;margin-bottom:5px}.price__detail{margin-left:10px;-webkit-transform:scale(.9);transform:scale(.9)}.arrow{-webkit-transform:scale(.8);transform:scale(.8);color:red}.container{background-color:#111;margin-top:30px;padding:40px;border-radius:20px;box-shadow:0 .2rem .5rem 0 #000;border:1px solid #000}*{margin:0;padding:0}.container1{position:relative;font-family:"Poppins",sans-serif}.container1 .card{position:relative;width:320px;height:450px;border-radius:20px;overflow:hidden;background-color:#111;box-shadow:0 .2rem .5rem 0 #000}.container1 .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#9bdc28;-webkit-clip-path:circle(150px at 80% 20%);clip-path:circle(150px at 80% 20%);transition:.5s ease-in-out}.container1 .card:hover:before{-webkit-clip-path:circle(300px at 80% -20%);clip-path:circle(300px at 80% -20%)}.container1 .card:after{content:"Nike";position:absolute;top:30%;left:-20%;font-size:12rem;font-weight:900;font-style:italic;color:hsla(0,0%,100%,.04)}.container1 .card .imgBx{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10000;width:100%;height:220px;transition:.5s}.container1 .card .imgBx img{width:270px;height:300px;-webkit-transform:scaleX(-1) rotate(25deg);transform:scaleX(-1) rotate(25deg);object-fit:contain;position:absolute;top:-40px}.container1 .card:hover .imgBx{top:0;-webkit-transform:translateY(0);transform:translateY(0)}.container1 .card .contentBx{position:absolute;bottom:0;width:100%;height:100px;text-align:center;transition:1s;z-index:10}.container1 .card:hover .contentBx{height:210px}.container1 .card .contentBx h2{position:relative;font-weight:600;letter-spacing:1;color:#fff}.container1 .card .contentBx .color,.container1 .card .contentBx .size{display:flex;justify-content:center;align-items:center;padding:8px 20px;transition:.5s;opacity:0;visibility:hidden}.container1 .card:hover .contentBx .size{opacity:1;visibility:visible;transition-delay:.5s}.container1 .card:hover .contentBx .color{opacity:1;visibility:visible;transition-delay:.6s}.container1 .card .contentBx .color h3,.container1 .card .contentBx .size h3{color:#fff;font-weight:300;font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-right:10px}.container1 .card .contentBx .size span{width:26px;height:26px;text-align:center;line-height:26px;font-size:14px;display:inline-block;background:#fff;margin:0 5px;transition:.5s;color:#111;font-weight:500;border-radius:4px;cursor:pointer}.container1 .card .contentBx .size span:hover{background:#9bdc28}.container1 .card .contentBx .color span{width:20px;height:20px;background:#ff0;border-radius:50%;margin:0 5px;cursor:pointer}.container1 .card .contentBx .color span:nth-child(2){background:#9bdc28}.container1 .card .contentBx .color span:nth-child(3){background:#03a9f4}.container1 .card .contentBx .color span:nth-child(4){background:#e91e63}.container1 .card .contentBx a{display:inline-block;padding:10px 20px;background:#fff;border-radius:4px;margin-top:10px;text-decoration:none;font-weight:600;color:#111;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:.75s}.container1 .card:hover .contentBx a{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition-delay:.75}.list1{display:flex;align-items:center;justify-content:center;padding:40px}.row1{margin-right:40px}
/*# sourceMappingURL=main.ca8187d7.chunk.css.map */