@charset "utf-8";

.ecommerce-legal-dialog-wrapper .s-kit-modal > div { height: inherit; }

.ecommerce-legal-dialog-wrapper .s-kit-modal-body { padding: 0px; }

.ecommerce-legal-dialog-wrapper .s-kit-modal-content { height: 100%; width: 800px; border-radius: 0px; min-width: 360px; overflow: visible; position: relative; }

.ecommerce-legal-dialog-wrapper .s-kit-modal-content .s-kit-modal-body { height: 100%; }

.ecommerce-legal-dialog-wrapper .legal-container { height: 100%; }

.ecommerce-legal-dialog-wrapper .legal-container .legal-title { font-size: 20px; font-weight: bold; color: rgb(75, 80, 86); text-align: left; padding: 30px 30px 0px; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; margin-bottom: 12px; }

.ecommerce-legal-dialog-wrapper .legal-container .legal-content { font-size: 15px; color: rgb(99, 105, 114); padding: 0px 30px; box-sizing: border-box; line-height: 1.4; white-space: pre-wrap; font-family: open_sans, "Open Sans", sans-serif; height: calc(100% - 50px); overflow-y: auto; overflow-wrap: break-word; max-height: calc(-90px + 100vh); }

.ecommerce-legal-dialog-wrapper .close-modal-icon { position: absolute; top: 0px; right: 30px; z-index: 2600; font-size: 36px; font-weight: 300; cursor: pointer; }

.ecommerce-legal-dialog-wrapper .close-modal-icon::before { content: "×"; display: block; font-family: action; }

@media screen and (max-width: 800px) {
  .ecommerce-legal-dialog-wrapper .s-kit-modal-body { overflow: initial; max-height: none; }
  .ecommerce-legal-dialog-wrapper.bigger-modal .s-kit-modal-content, .ecommerce-legal-dialog-wrapper .s-kit-modal-content { height: 100vh; width: 100vw; }
  .ecommerce-legal-dialog-wrapper .close-modal-icon { top: 4px; right: 18px; color: rgb(46, 46, 47); font-size: 30px; }
}