:root{--main-bg-color: #cad2c5;--dark-bg-color: #2f3e46;--logo-color: #354f52;--highlight-text-color: #399e5a;--btn-bg-color: #7e3f8f;--card-bg-color: #8bbd8b;--card-highlight-color: #7e3f8f;--layout-border-color: #10451d;--error-color: #a81212;--header-height: 75px;--footer-height: 50px;--content-min-height: calc(100vh - var(--header-height) - var(--footer-height));--side-pad: 30px;--user-nav-width: 18%;--user-context-width: calc(100%- var(--user-nav-width))}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;font-weight:500;background-color:var(--main-bg-color);display:flex;flex-direction:column}main{margin:0;min-height:var(--content-min-height);display:flex;flex-direction:column;width:100%}h1{margin:0}a{text-decoration:none;color:#000;font-family:inherit}.btn{display:block;background-color:var(--btn-bg-color);border:1px solid gray;color:#fff;padding:.8em 1em;border-radius:10px;font-family:inherit;font-weight:800;font-size:1.2rem;text-align:center}.btn:hover{cursor:pointer}.nav-btn:hover,.active-nav-btn{border-bottom:3px solid black}.paddle-brand,.paddle-type{background-color:#4a824a;color:#f5f5f5}.power,.control,.balanced{color:#f5f5f5!important}.power{background-color:#f8333c!important}.control{background-color:#1f487e!important}.balanced{background-color:#f89b29!important}.user-child-sec{flex:1;padding:1em}.chat-sec{height:var(--content-min-height)}header{display:flex;padding:.5em var(--side-pad) 0em;justify-content:space-between;align-items:center;height:var(--header-height);border-bottom:1px solid var(--layout-border-color)}.logo-div{display:flex;align-items:center;gap:1em}.logo-img{width:50px}.logo-text{font-family:Lilita One;font-weight:400;font-size:3rem;color:var(--logo-color)}.header-nav{display:flex;justify-content:flex-end;font-size:1.2rem;font-weight:700;gap:1.1em}.logout-btn:hover{cursor:pointer}.user-icon{align-self:center;font-size:1.2rem;cursor:pointer}.msg-icon{align-self:center;font-size:1.2rem;cursor:pointer;position:relative}.user-icon:hover,.msg-icon:hover{border-bottom:3px solid black}footer{background-color:var(--dark-bg-color);padding:1em var(--side-pad);color:#f5f5f5;display:flex;justify-content:center;height:var(--footer-height)}.error-div{height:100vh;display:flex;flex-direction:column;justify-content:center;gap:1em}.error-div-top-row{display:flex;align-items:center;gap:1em}.logo-img-in-error{width:80px}.error-div{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.isNotFlexChild{min-height:var(--content-min-height)}.isUserChild{flex-grow:1}.error-text{font-weight:800;font-size:1.5rem}.error-btn{display:block;width:80%;margin-top:1em}.loading-div{display:flex;justify-content:center;align-items:center;min-height:var(--content-min-height)}.isAuthLevel{height:100vh}.isUserChild{flex:1}img{width:200px}.red-circle{position:absolute;top:0;right:-10px;background-color:#f33;color:#f5f5f5;width:20px;height:20px;border-radius:10px;display:flex;justify-content:center;align-items:center}.header-circle{top:-25%;right:-50%;width:16px;height:16px;border-radius:8px;font-size:.8rem}.not-found-div{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:2em}.notFlexChild{min-height:var(--content-min-height)}.isFlexChild{flex-grow:1}.not-found-text{font-weight:800;font-size:1.5rem}.not-found-btn{display:block;width:80%;max-width:800px}.home-sec{display:flex;flex-direction:column;justify-content:center;padding:0 var(--side-pad);background-image:url(/images/pickleball-court.jpg);background-color:var(--main-bg-color);background-position:center;background-size:cover;background-blend-mode:multiply;text-align:center;min-height:var(--content-min-height)}.large-text-grp{display:flex;justify-content:center;gap:2em}.large-text,.small-text{text-shadow:1px 1px 10px black}.large-text{color:#f5f5f5;font-size:3rem;font-weight:800}.highlight-text{color:var(--highlight-text-color);font-size:3rem;font-weight:800;text-shadow:1px 1px 4px black}.small-text{font-size:1.3rem;font-weight:600;margin-top:.2em;margin-bottom:2em;color:#fff}.home-btn{width:80%;max-width:500px;margin:0 auto}.about-banner{height:300px}.about-banner img{object-fit:cover;width:100%;height:100%;object-position:50% 60%}.about-text-div{display:flex;flex-direction:column;padding:0 var(--side-pad)}.about-title{font-weight:800;font-size:2rem;padding-top:1em;padding-bottom:.9em}.about-text{font-weight:500;font-size:1.2rem;padding-bottom:.5em}.about-explore-div{margin:2em auto;padding:3em 4em;width:80%;max-width:800px;background-color:var(--card-bg-color);border-radius:20px;display:flex;flex-direction:column}.about-explore-text{font-weight:700;font-size:1.7rem}.about-highlight-text{color:var(--card-highlight-color)}.about-explore-btn{width:80%;max-width:400px;margin-top:1em}.paddles-sec{margin:0 var(--side-pad);display:flex;flex-direction:column;min-height:var(--content-min-height)}.paddles-sec-title{font-weight:800;font-size:2rem;color:var(--logo-color)}.paddles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,350px));justify-content:center;margin-top:1em;margin-bottom:1em;gap:1em 1em}.paddle-card{width:100%;height:550px;background:linear-gradient(180deg,#000,#8bbd8b);border:1px solid black;border-radius:20px;position:relative;color:#5d2f6a}.paddle-img-container{height:65%;width:100%;padding:3em 2em 0}.paddle-img-container img{object-fit:cover;object-position:50% 10%;width:100%;height:100%;border-radius:20px}.paddle-description-container{display:flex;flex-direction:column;text-align:center;font-weight:600;height:35%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:none}.paddle-description-container .paddle-row-one{display:flex;flex-direction:column;padding-top:1em}.paddle-description-container .paddle-row-two{margin-top:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:1em}.paddle-description-container .paddle-row-two .star-row{margin-bottom:.5em;font-size:1.2em}.paddle-description-container .paddle-name{font-weight:800;font-size:1.5rem}.paddle-description-container .paddle-owner{margin-top:.2em;color:#000;font-size:1rem}.paddle-description-container .paddle-brand,.paddle-description-container .paddle-type{padding:.3em 2em .3em 1em;border-top-right-radius:25px;position:absolute;left:0}.paddle-description-container .paddle-type{top:20px}.paddle-description-container .paddle-brand{top:60px}.paddle-description-container .paddle-price{font-size:1.4rem;font-weight:800}.paddle-card:hover{scale:1.02}.filter-sec{display:flex;flex-wrap:wrap;gap:1em;margin:1.2em 0 .4em;align-items:center;justify-content:center}.search-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;border:1px solid black;border-radius:5px;padding:1em 1em .5em;position:relative}.search-group-title{position:absolute;top:-10px;left:20px;background-color:var(--main-bg-color)}.filter-btn{padding:.4em .8em;border-radius:10px;font-weight:800;color:#000;background-color:var(--card-bg-color);height:36px}.search-box{display:flex;align-items:center;background-color:var(--card-bg-color);border-radius:10px;height:36px;padding:0 .5em;gap:.2em}.search-entry{background-color:var(--card-bg-color);height:100%;border:none;font-size:1rem;width:160px;font-weight:500}.sort-btn{display:flex;align-items:center;gap:.2em;background-color:var(--card-bg-color);height:36px;border-radius:10px;padding:0 .5em;font-weight:800}.active-sort{color:#f5f5f5;background-color:var(--dark-bg-color)}.clear-btn{text-decoration:underline}.filter-btn:hover,.sort-btn:hover,.clear-btn:hover{cursor:pointer}.paddle-detail-sec{min-height:var(--content-min-height);display:flex;flex-direction:column;padding:0 var(--side-pad);width:100%}.back-div-link{width:fit-content;margin-top:.5em}.back-div{display:flex;gap:.5em;font-size:1.2rem;width:fit-content}.back-arrow{align-self:center}.back-text{text-decoration:underline}.review-div{margin-top:2em;padding-bottom:2em;display:flex;gap:2em;width:100%}.review-summary{width:40%;max-width:380px}.rating-icon{display:flex;align-items:center;font-size:.9rem}.rating-icon *{margin-right:.2em;color:var(--card-highlight-color)}.review-area{display:flex;flex-direction:column;width:70%}.review-comments-title{width:100%;font-size:1.5rem;font-weight:700}.review-comments{width:100%;padding-bottom:1em;border-bottom:1px solid black}.reviewer-name{font-size:1.3rem;font-weight:700;margin-top:1em}.reviewer-time{opacity:.5;margin-bottom:.5em}.reviewer-rating{font-size:2rem;color:var(--card-highlight-color)}.reviewer-content{font-size:1.2rem}.review-issue-hint,.none-review-hint{text-align:center;margin:auto;font-weight:700;font-size:1.5rem;color:var(--card-highlight-color)}.none-review-hint{text-decoration:underline;cursor:pointer}.paddle-div{margin-top:1em;flex-grow:1;width:100%;min-height:500px;display:flex;align-items:center;gap:2em;padding:1.5em 1em;border-radius:20px;background-color:#9ec79e}.paddle-img-div{flex-shrink:0;width:40%;max-width:380px}.paddle-img-div img{height:100%;width:100%;object-fit:cover;border-radius:20px}.paddle-detail-div{display:flex;flex-direction:column;font-weight:600}.tag-div{display:flex;gap:1em;margin-bottom:1em;font-size:1.2rem}.tag-div .paddle-brand{padding:.2em 1em;border-radius:10px}.tag-div .paddle-type{padding:0 1em;border-radius:10px}.paddle-name{font-weight:800;font-size:1.8rem}.paddle-owner{font-size:1.2rem;margin-bottom:1em}.paddle-condition{margin-bottom:.5em;font-size:1.2em;display:flex}.paddle-condition .condition-star{margin-top:.1em;margin-left:.5em;color:#5d2f6a}.paddle-price{font-size:1.6rem;color:var(--card-highlight-color);font-weight:700}.paddle-desc{margin-top:1em;margin-bottom:2em;font-size:1.1rem}.rent-btn{margin-top:.5em}.rent-error{color:var(--error-color)}.not-available-btn{background-color:gray;cursor:not-allowed!important}.calendar-div{position:relative}.start-date{display:block;width:fit-content;background-color:#9c4eb1;height:2em;border:1px dotted black;border-radius:5px;font-family:inherit;font-weight:600;color:#f5f5f5;display:flex;align-items:center;padding:0 1em}.calendar{display:none;border-radius:5px;position:absolute;bottom:31px;left:0;color:#000}.start-date:hover .calendar,.calendar:hover{display:block}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.auth-sec{width:100%;height:var(--content-min-height);display:flex;justify-content:center;align-items:center}.auth-inner-sec{width:90%;max-width:1000px;height:90%;display:flex}.img-div{width:50%;height:100%}.img-div img{object-fit:cover;height:100%;width:100%;border-top-left-radius:10px;border-bottom-left-radius:10px}.auth-form{width:50%;height:100%;background-color:var(--card-bg-color);border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1em}.auth-form-title{color:var(--card-highlight-color);font-weight:800;font-size:2rem;padding-bottom:.5em}.form-input-div{display:flex;flex-direction:column;width:100%;margin-bottom:1em}.form-input-div label{font-size:1.1rem;font-weight:600;margin-bottom:.2em}.form-input-div .form-input{border:none;border-radius:5px;font-family:inherit;font-size:1rem;padding:.25em}.auth-form-btn{width:100%;margin-top:1em}.auth-form-btn:hover{cursor:pointer}.hint{margin-top:1em}.redirect{color:var(--card-highlight-color);font-weight:800;text-decoration:underline}.error-msg{color:var(--error-color);text-align:left}.signup-msg-div{font-size:1.5rem;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:1.5em}.redirect-btn{display:block;width:80%;max-width:800px}.user-sec{flex:1;display:flex;padding:1.5em var(--side-pad);height:100%}.user-nav{display:flex;flex-direction:column;width:var(--user-nav-width);font-size:1.2rem;font-weight:600;border-right:2px solid black;padding-right:.8em;padding-top:.5em;align-items:flex-end;text-align:right;gap:.5em}.user-nav-btn{cursor:pointer}.user-nav-btn:hover,.logout-div:hover,.active-user-nav-btn{color:var(--card-highlight-color)}.logout-div{margin-top:auto;display:flex;align-items:center;font-size:1rem;cursor:pointer}.dashboard-welcome{margin-bottom:1em}.charts-rows{display:flex;flex-direction:column;gap:1em;max-width:800px;margin:0 auto}.chart-row{background-color:var(--card-bg-color);border-radius:10px;padding:1em}.chart-inner-row{display:flex;flex-wrap:wrap;gap:.5em;padding:.5em;justify-content:center}.chart-row-title{font-size:1.5rem;margin-top:1em;color:var(--card-highlight-color);font-weight:700}.chart-area{background-color:var(--card-bg-color);display:block;border-radius:10px;padding:1em}.chart-area .chart-title{font-size:1.5rem;margin-top:1em;color:var(--card-highlight-color);font-weight:700}.chart-summary{display:flex;justify-content:space-around}.chart-summary .chart-box{width:45%;height:80px;background-color:#aed0ae;border-radius:20px;padding:.5em 1em;display:flex;flex-direction:column;gap:0em}.chart-summary .chart-box .chart-summary-title{font-size:1rem;opacity:.6}.chart-summary .chart-box .chart-summary-text{font-size:2rem;font-weight:700;align-self:center}.chart-summary .chart-box:hover{transform:scale(1.1)}.chart-summary .chart-link{text-decoration:underline;align-self:center}.chart-summary .orders{color:var(--card-highlight-color)}.chart-summary .sales{color:#399e5a}.summary-box{background-color:#aed0ae;border-radius:20px;padding:.5em 1em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2em;min-width:130px;height:85px;margin-top:.8em}.summary-box-title{font-size:.9rem;opacity:.5}.summary-box-text{font-size:2rem;font-weight:700;color:var(--card-highlight-color);display:flex;align-items:center}.summary-comment-box{background-color:#aed0ae;border-radius:20px;padding:1em 1.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2em;width:85%;margin-top:.8em}.summary-comment-box:hover{transform:scale(1.05)}.summary-comment-title{font-size:1rem;align-self:flex-start;font-weight:600;opacity:.5}.summary-comment-content{display:flex;width:100%;justify-content:center;gap:1em;margin-top:.5em}.summary-comment-img{width:20%;aspect-ratio:1 / 1}.summary-comment-img img{object-fit:cover;height:100%;width:100%}.summary-comment-main{display:flex;flex-direction:column;width:80%}.summary-comment-main .summary-comment-rating{color:var(--card-highlight-color);font-size:1.5rem}.summary-comment-main .summary-comment-quotation{position:relative;flex:1;display:flex;justify-content:center;align-items:center;color:var(--card-highlight-color)}.summary-comment-main .summary-comment-quotation .summary-comment-quotation-text{text-align:center;font-size:1.3rem;flex:1;font-weight:700;text-align:left;margin:0 .5em}.summary-comment-main .summary-comment-open-quotation,.summary-comment-main .summary-comment-close-quotation{font-family:"Georgia, serif";font-size:3rem;opacity:.3}.summary-comment-main .summary-comment-open-quotation{align-self:flex-start;margin-top:-10px}.summary-comment-main .summary-comment-close-quotation{align-self:flex-end;margin-bottom:-10px}.summary-comment-main .summary-comment-quotation-reviewer{font-size:1rem;text-align:right;display:flex;flex-direction:column;margin-top:1em}.add-form{display:flex;justify-content:center}.add-form-outer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--card-bg-color);width:100%;max-width:800px;height:100%;border-radius:15px;padding:1em 0 1.5em}.add-form-title{font-size:2rem;font-weight:800;color:var(--card-highlight-color)}.add-form-inner{width:90%;padding-top:1em;display:flex;flex-direction:column;align-items:center;gap:.6em}.add-form-input-outer-div{width:80%;border:2px solid var(--layout-border-color);padding:.8em 1.5em;margin-bottom:.5em;position:relative;border-radius:10px}.inpt-div-title{position:absolute;top:-10px;left:20px;background-color:var(--card-bg-color);color:var(--card-highlight-color);font-weight:600}.detail-sub-div{display:flex;gap:1em}.add-form-inpt-div{display:flex;flex-direction:column;width:100%;gap:.1em}.add-form-inpt-div label{font-weight:600;font-size:1.1rem}.add-form-inpt-div .add-form-inpt{border-radius:5px;border:none;font-family:inherit;font-size:1rem;padding:.2em}.add-form-inpt-div .name,.add-form-inpt-div .image{width:100%;margin-bottom:.6em}.add-form-inpt-div .condition-div{display:flex;justify-content:center;gap:1.5em}.add-form-inpt-div .condition-div input[type=radio]{opacity:0}.add-form-inpt-div .condition-div .star-el-div{margin-top:.8em;position:relative}.add-form-inpt-div .condition-div .star-el{color:var(--card-highlight-color);font-size:2rem;position:absolute;top:-50%;left:-50%}.add-form-inpt-div .price-div{font-weight:600}.add-form-inpt-div .price{width:25%;margin:0 .5em}.add-form-inpt-div .description{resize:none}.list-btn{width:80%}.list-hint{margin-top:-.5em}.error-hint{color:var(--error-color)}.your-paddles-sec{display:flex;flex-direction:column;gap:1em}.your-paddles-sub-div{border-radius:10px;min-height:60px;padding:.8em 1em;background-color:var(--card-bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.sub-div-title{font-size:1.2rem;font-weight:700;align-self:flex-start}.list-paddle-btn{width:fit-content;text-align:center;text-decoration:underline;color:var(--card-highlight-color);font-weight:600}.paddle-overview-card{width:100%;height:120px;border-radius:5px;padding:1em;display:flex;gap:1em}.paddle-overview-card .paddle-overview-img-div{height:100%;aspect-ratio:1 /1}.paddle-overview-card .paddle-overview-img-div img{height:100%;width:100%;object-fit:fill;border-radius:5px}.paddle-overview-card .paddle-overview-desc-div{display:flex;flex-direction:column;justify-content:center;flex:1}.paddle-overview-card .paddle-overview-desc-div .paddle-overview-title{color:var(--card-highlight-color);font-weight:700;font-size:1.3rem}.paddle-overview-card .paddle-overview-desc-div .paddle-overview-time{margin-top:.3em;opacity:.6}.paddle-overview-card .icon-div{display:flex;gap:.5em;font-size:1rem}.paddle-overview-card .icon-div .icon-inner-div{position:relative;height:fit-content}.paddle-overview-card .icon-div .paddle-card-icon:hover{color:var(--card-highlight-color);cursor:pointer}.paddle-overview-card .icon-div .paddle-hint-div{display:none;position:absolute;top:-15px!important;left:5px;font-size:.8rem;background-color:var(--btn-bg-color);color:#fff;padding:0 .4em;border-radius:2px}.paddle-overview-card .icon-div .view:hover .view-hint,.paddle-overview-card .icon-div .unlist:hover .unlist-hint,.paddle-overview-card .icon-div .submit:hover .submit-hint,.paddle-overview-card .icon-div .edit:hover .edit-hint,.paddle-overview-card .icon-div .del:hover .del-hint{display:block}.paddle-overview-card .sales-made{color:#7d3e8e;font-size:1rem;font-weight:600}.listed{background-color:#a3c2ac}.submitted{background-color:#85ad91}.unlisted{background-color:#75a383}.rejected{background-color:#5c8a6a}.admin-inner-div{width:100%;gap:.5em;display:flex;flex-direction:column}.feedback-form{width:100%}.feedback-title{display:block;width:fit-content;background-color:#a3c2ac;padding:.2em 1em .2em .5em;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:600;border-bottom:1px dotted black}.feedback-div{width:100%;display:flex;gap:.5em}.feedback-div textarea{width:80%;resize:none;background-color:#c2d6c8;border:none;border-radius:0 5px 5px/0px 5px 5px;font-family:inherit;padding:.4em}.feedback-div .feedback-btn-div{width:20%}.feedback-div .feedback-btn-div button{width:100%;border:none;font-family:inherit;color:#f5f5f5;font-weight:600;border-radius:5px}.feedback-div .feedback-btn-div button:hover{cursor:pointer}.feedback-div .feedback-btn-div button:active{background-color:#c2d6c8;color:#000}.feedback-div .feedback-btn-div .feedback-list-btn{background-color:var(--btn-bg-color)}.feedback-div .feedback-btn-div .expanded{height:100%}.feedback-div .feedback-btn-div .feedback-reject-btn{background-color:var(--error-color)}.feedback-error{color:var(--error-color);font-size:.9rem}.rejected-reason{color:var(--error-color);margin-top:.2em;font-size:.9rem}.chat-layout{padding:0em var(--side-pad);display:flex}.chat-sidebar{min-width:300px;width:35%;max-width:350px;border-right:2px solid black;overflow:auto;scrollbar-color:#e5e9e2 var(--main-bg-color);scrollbar-width:thin;margin:1em 0;display:flex;flex-direction:column;gap:.3em}.chat-sidebar-child{display:flex;padding:.5em 1em;font-size:.9rem;color:#10451d;font-weight:600;border-radius:10px;margin-right:.5em}.chat-sidebar-img-div{position:relative;height:60px;aspect-ratio:1 / 1;margin:auto}.chat-sidebar-img-div img{object-fit:contain;height:100%;width:100%;border-radius:5px}.chat-sidebar-child-right{display:flex;flex-direction:column;text-align:end;flex:1}.chat-sidebar-child-seller{color:#000;font-size:1.4rem;font-weight:600}.chat-sidebar-child:hover{background-color:#e5e9e2;color:var(--card-highlight-color);cursor:pointer}.chat-sidebar-child:hover .chat-sidebar-child-seller{color:var(--card-highlight-color)}.active-chat{background-color:#e5e9e2;color:var(--card-highlight-color);cursor:pointer}.active-chat .chat-sidebar-child-seller{color:var(--card-highlight-color)}.redirect-to-paddles{font-weight:700;font-size:1.2rem;opacity:.5;text-decoration:underline;margin:auto}.chatbox-outer-div{height:var(--content-min-height);display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:1em 0}.chat-container{min-width:550px;width:80%;max-width:900px;height:100%;background-color:var(--card-bg-color);border-radius:10px;display:flex;flex-direction:column;border:1px solid #10451d}.chat-top-banner{background-color:#10451d;height:40px;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;padding-left:1em;color:#f5f5f5;font-weight:700}.chat-box{flex:1;overflow:auto;scrollbar-color:#e5e9e2 var(--main-bg-color);scrollbar-width:thin}.chat-box .message-box{margin:1em;padding:.5em 1em;display:flex;flex-direction:column;width:fit-content;max-width:60%;color:#f5f5f5;position:relative;border-radius:4px;overflow-wrap:break-word}.chat-box .sender{margin-left:auto;background-color:#6d367c}.chat-box .arrow-right{position:absolute;bottom:0;right:-7px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #6d367c}.chat-box .receiver{margin-right:auto;background-color:#417141}.chat-box .arrow-left{position:absolute;bottom:0;left:-7px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #417141}.chat-box .message-date{opacity:.65;margin-top:.3em;font-size:.8rem}.chat-box .right{text-align:end}.chat-box .left{text-align:start}.chat-entry{height:80px;display:flex}.chat-entry .message-area{height:100%;resize:none;width:90%;border-bottom-left-radius:10px;font-family:inherit;padding:5px;border:none;background-color:#f5edf7}.chat-entry .send-btn{flex:1;border:none;border-bottom-right-radius:10px;font-size:1.25rem;background-color:var(--card-highlight-color);color:#f5f5f5;cursor:pointer}.chat-entry .send-btn:hover .send-icon{transform:scale(1.1)}.is_read{color:#08abf7}