.myprofile-page-main{background-color:#000036;display:flex;flex-direction:column;min-height:100vh}.myprofile-page-content{display:flex;padding:50px 0;flex:1;justify-content:center}.myprofile-page-all-content{width:97%;max-width:1300px;display:flex;gap:20px}.myprofile-menu-main{width:30%;display:flex;flex-direction:column;gap:20px}.myprofile-info-main{background-color:#242471;border:1px solid #6d69f4;width:70%;border-radius:8px;padding:20px;max-height:-moz-max-content;max-height:max-content}.myprofile-info-main>h1{font-size:1.6rem;padding-bottom:20px}.myprofile-user{display:flex;flex-direction:column;align-items:center;gap:15px;background-color:#242471;border:1px solid #6d69f4;border-radius:8px;padding:20px}.myprofile-user>button{border-radius:10px;padding:12px 40px 14px;font-size:18px;font-weight:500;display:inline-block;text-transform:capitalize;border:1px solid #4934d3;transition:all .3s;background:transparent;position:relative;z-index:1;margin-top:20px}.myprofile-user>button:hover{background-color:#101046}.myprofile-user-img{width:35%;min-width:60px}.myprofile-user-img>img{width:100%}.dashboard-menu-main{background-color:#242471;padding:20px;gap:10px;flex-direction:column}.dashboard-menu-main,.dashboard-menu-main>li{border:1px solid #6d69f4;border-radius:8px;display:flex}.dashboard-menu-main>li{align-items:center;gap:15px;padding:14px 28px;transition:all .3s ease}.dashboard-menu-main>li>img{width:25px}.dashboard-menu-main>li>p{font-size:1.2rem}.dashboard-menu-main>li:hover{background-color:#4934d3;cursor:pointer}.info-main-panel{display:flex;flex-direction:column;width:100%;gap:20px}.info-main-panel>h1{font-size:1.8rem;font-weight:400}.main-panel-stats{display:flex;gap:10px;padding:20px 0;border-top:1px solid #6d69f4;border-bottom:1px solid #6d69f4;flex-wrap:wrap}.main-panel-stat{display:flex;flex:1;padding:20px;gap:10px;border:1px solid #6d69f4;border-radius:8px;justify-content:space-between;min-width:185px;transition:all .3s ease}.main-panel-stat:hover{transform:translateY(2px);opacity:.9}.panel-stat-img{display:flex;justify-content:center;align-items:center;min-width:25%}.panel-stat-img>img{width:100%}.panel-stat{display:flex;flex-direction:column;gap:10px;text-align:center}.panel-stat>h1{font-size:2rem;font-weight:400}.panel-stat>p{font-size:1rem}.panel-table-history-main{overflow:auto;display:flex;flex-direction:column;gap:15px}.panel-table-history{display:grid;grid-template-rows:1fr;row-gap:15px;min-width:500px;max-height:308px}.table-history-head{display:grid;grid-template-columns:repeat(4,1fr);background-color:#4934d3;border-radius:8px;place-items:center;min-width:500px}.table-history-head>p{padding:15px;font-size:1.1rem}.table-history-content{display:grid;grid-template-columns:repeat(4,1fr);border-radius:8px;place-items:center;border:1px solid #6d69f4}.table-history-content>p{padding:15px;font-size:1.1rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-history-content>p>img{max-width:34px}.winner{color:#03d6f9}.personal-main-panel{display:flex;flex-direction:column;gap:20px}.personal-profile-info{display:flex;flex-direction:column;gap:10px}.personal-profile-info>h1{font-size:1.5rem}.personal-profile-info-ul{border:1px solid #6d69f4;padding:15px;border-radius:8px;position:relative;display:flex;flex-direction:column;gap:10px}.personal-profile-info-ul>span{width:17px;position:absolute;right:0;top:0;transform:translate(-10px,10px)}.personal-profile-info-ul>span:hover{cursor:pointer}.personal-profile-info-ul>span>img{width:100%}.personal-profile-info-ul>li{display:flex;gap:15px;font-family:Inter-Regular;font-weight:100;align-items:center;flex-wrap:wrap}.personal-profile-info-ul>li>span{min-width:100px;position:relative}.personal-profile-info-ul>li>span:after{content:":";position:absolute;right:0}.personal-profile-changer{padding:5px 10px;width:84%;font-size:1rem}.my-lots-filters{display:flex;gap:15px;align-items:center;padding:20px 0;border-top:1px solid #6d69f4;border-bottom:1px solid #6d69f4}.my-lots-filters-btns{border-radius:8px;font-size:1.2rem;padding:8px 24px;border:1px solid #4934d3}.my-lots-filters-btns-active,.my-lots-filters-btns:hover{background-color:#4934d3}.my-lots-panel-slide{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 15px;padding:20px 0}.my-lots-panel-lot{display:flex;border:1px solid #6d69f4;border-radius:8px;flex-direction:column;padding:10px;transition:all .3s ease;position:relative;justify-content:space-between;gap:20px;align-items:center}.my-lots-panel-lot:hover{transform:translateY(3px);opacity:1}.my-lots-panel-lot>button{position:absolute;background-color:#dc143c;padding:5px 8px;border-radius:4px;right:0;transform:translate(-10px)}.panel-lot-info-main{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.panel-lot-info-main>p{font-size:1.3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.panel-lot-info-main>button{background-color:#4934d3;padding:8px 24px;border-radius:8px;font-size:1.1rem;transform:translateY(75%);margin-top:-30px}.panel-my-lot-allinfo{width:100%;display:flex;justify-content:space-between}.panel-my-lot-info{display:flex;flex-direction:column;gap:10px}.panel-my-lot-info>span{color:#03d6f9}.panel-lot-img,.panel-lot-img>img{width:100%}.lots-panel-btns{display:flex;justify-content:center;gap:15px;padding:20px 0 0}.lots-panel-btns>button{background-color:#4934d3;padding:5px 20px;font-size:1.2rem;border-radius:6px}.create-lot-main{display:flex;flex-direction:column;gap:20px}.create-lot-main>button{background-color:#4934d3;border-radius:6px;padding:8px 24px;font-size:1.2rem}.create-lot-main textarea,.create-lot-main>input{border-color:#6d69f4;font-size:1rem;padding:10px 20px}.create-lot-image-slider{display:flex;width:100%;overflow-x:auto;border:1px solid #6d69f4;border-radius:10px;padding:8px;overflow-y:hidden}.create-lot-image-slides{display:flex;gap:15px}.create-lot-image-slide{display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid #6d69f4;width:80px;border-radius:4px;flex-shrink:0}.create-lot-image-slide>img{width:100%;-o-object-fit:cover;object-fit:cover}.create-lot-image-main .upload-area{border:2px dashed #6d69f4;border-radius:10px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;background-color:#242471}.create-lot-image-main .upload-area.drag-active{border-color:#4934d3;background-color:#4934d31a}.create-lot-image-main .upload-area input{display:none}.create-lot-image-main .upload-area .upload-label{cursor:pointer;display:flex;flex-direction:column;gap:10px;align-items:center}.create-lot-image-main .upload-area .upload-label span{font-size:48px}.create-lot-image-main .upload-area .upload-label p{font-size:1rem;color:#03d6f9}.create-lot-image-main .upload-area .upload-label small{font-size:.8rem;opacity:.7}.create-lot-image-slide{position:relative}.create-lot-image-slide .remove-image-btn{position:absolute;top:-8px;right:-8px;background-color:#dc143c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.create-lot-image-slide .remove-image-btn:hover{background-color:#8b0000}.create-lot-date{display:flex;align-items:center;gap:15px}.create-lot-date>input{border-color:#6d69f4;font-size:1rem;padding:10px 20px;max-width:215px}.create-lot-date>p{font-size:.9rem}@media screen and not (min-width:900px){.myprofile-page-all-content{flex-direction:column;align-items:center}.myprofile-info-main{width:100%}.myprofile-user>h1{font-size:1.4rem}.myprofile-user>button{margin:0}.dashboard-menu-main{padding:15px}.dashboard-menu-main>li{display:flex;align-items:center;gap:15px;border:1px solid #6d69f4;border-radius:8px;padding:14px 28px;transition:all .3s ease}.dashboard-menu-main>li>img{width:25px}.dashboard-menu-main>li>p{font-size:1rem}.dashboard-menu-main>li:hover{background-color:#4934d3;cursor:pointer}.myprofile-menu-main{width:50%;min-width:220px}}@media screen and not (min-width:720px){.my-lots-panel-slide{grid-template-columns:repeat(2,1fr)}}@media screen and not (min-width:600px){.myprofile-menu-main{width:100%;min-width:none}.personal-profile-info-ul>li>span{min-width:-moz-max-content;min-width:max-content;padding-right:5px}}@media screen and not (min-width:490px){.my-lots-panel-slide{grid-template-columns:repeat(1,1fr)}.panel-lot-img{width:50%;min-width:150px}}
