.add-comment-container{background-color:#fff;border-radius:10px;height:95dvh;max-height:95dvh;max-width:95%;overflow:hidden;padding:0;width:500px}.add-comment-container>.add-comment-content-container{display:flex;flex-direction:column;gap:15px;margin:15px 0;overflow:auto;padding:0 10px}.add-comment-container>.add-comment-content-container .label{color:#000;font-size:16px;font-weight:700}.add-comment-container>.add-comment-content-container>.rate{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px}.add-comment-container>.add-comment-content-container>.rate>.rate-description{color:var(--color-text-note);font-style:italic;font-weight:600}.add-comment-container>.add-comment-content-container>.comment-content{display:flex;flex-direction:column;gap:5px}.add-comment-container>.add-comment-content-container>.comment-content>.review-input{background-color:var(--color-background-2);border-radius:5px;min-height:200px;outline:none;padding:10px;resize:none;width:100%}.add-comment-container>.add-comment-content-container>.image{display:flex;flex-direction:column;gap:5px}.add-comment-container>.add-comment-content-container>.image>.image-list{display:flex;flex-wrap:wrap;gap:5px}.add-comment-container>.add-comment-content-container>.image>.image-list>.select-image{align-items:center;aspect-ratio:1;border:3px dashed #e7e9ec;border-radius:10px;color:#e7e9ec;cursor:pointer;display:flex;font-size:50px;justify-content:center;line-height:1;min-height:100px;min-width:100px;width:calc(25% - 5px)}.add-comment-container>.add-comment-content-container>.image>.image-list>.select-image>label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%}.add-comment-container>.add-comment-content-container>.image>.image-list>.select-image>label input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.add-comment-container>.add-comment-content-container>.image>.image-list>.selected-image{align-items:center;aspect-ratio:1;border:thin solid #e7e9ec;border-radius:10px;color:#e7e9ec;display:flex;font-size:50px;justify-content:center;line-height:1;min-height:100px;min-width:100px;position:relative;width:calc(25% - 5px)}.add-comment-container>.add-comment-content-container>.image>.image-list>.selected-image>img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.add-comment-container>.add-comment-content-container>.image>.image-list>.selected-image>.action-overlay{align-items:flex-end;background-color:#00000080;border-radius:10px 0;bottom:0;color:#fff;display:flex;font-size:20px;gap:5px;justify-content:flex-end;position:absolute;right:0}.add-comment-container>.add-comment-content-container>.image>.image-list>.selected-image>.action-overlay>button{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.add-comment-container>.add-comment-content-container>.image>.image-list>.selected-image:hover>.action-overlay{display:flex}.add-comment-container>.action-buttons{justify-content:space-evenly;margin:auto 0 10px}.add-comment-container>.action-buttons>button{border:none;border-radius:2em;padding:5px 20px;white-space:nowrap;width:35%}.add-comment-container>.action-buttons>.cancel-button{background:#fff;border:thin solid var(--color-button-special);color:var(--color-button-special)}.add-comment-container>.action-buttons>.save-button{background:var(--primary-color-1);border:thin solid var(--primary-color-1);color:#fff}.add-comment-container>.action-buttons>.cancel-button:disabled{border-color:var(--color-text-note);color:var(--color-text-note);opacity:1}.add-comment-container>.action-buttons>.save-button:disabled{background:#ccc;border-color:#ccc;color:var(--primary-color-1);opacity:1}