@charset "utf-8";

.yotpo-qna-modal-backdrop { z-index: 40; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; flex-direction: column; }

.yotpo-qna-modal-backdrop ::-webkit-scrollbar { width: 0px; background: transparent; }

.yotpo-qna-modal-backdrop .close-btn-wrapper { position: relative; align-self: flex-start; overflow: visible; }

.yotpo-qna-modal-backdrop .btn-close { position: absolute; z-index: 100; border: none; font-size: 18px; cursor: pointer; font-weight: 700; background: transparent; overflow: visible; }

.yotpo-qna-modal-backdrop .modal-body { height: 100%; }

.yotpo-qna-modal-backdrop .yotpo-qna-modal { display: flex; flex-direction: column; justify-content: flex-start; background-color: var(--yotpo-empty-white); }

.yotpo-device-desktop .yotpo-qna-modal, .yotpo-device-laptop .yotpo-qna-modal, .yotpo-display-l .yotpo-qna-modal, .yotpo-display-m .yotpo-qna-modal { position: relative; }

.yotpo-device-desktop .modal-body, .yotpo-device-laptop .modal-body, .yotpo-display-l .modal-body, .yotpo-display-m .modal-body { overflow: hidden scroll; }

.yotpo-device-desktop .close-btn-wrapper, .yotpo-device-laptop .close-btn-wrapper, .yotpo-display-l .close-btn-wrapper, .yotpo-display-m .close-btn-wrapper { left: 20px; top: -30px; }

.yotpo-device-mobile .close-btn-wrapper, .yotpo-device-tablet .close-btn-wrapper { left: -33px; top: 13px; }

.yotpo-device-mobile .yotpo-qna-modal.yotpo-form-complete, .yotpo-device-tablet .yotpo-qna-modal.yotpo-form-complete { width: 90%; }