{"id":8,"createdAt":"2024-12-13T04:04:36.241Z","updatedAt":"2025-11-12T21:52:32.923Z","mode":"SETTINGS","html":"<div class=\"captain-compliance-modal-settings\" id=\"cc-modal-cookies-banner-settings\">\n  <div class=\"captain-compliance-modal-settings-body_content_text\">\n    <h2 class=\"captain-compliance-modal-settings-body_content_text_title\"> Cookie Settings </h2>\n<p class=\"captain-compliance-modal-settings-body_content_text_description\">\n  We use cookies and similar technologies to support this website's essential functions, as well as for personalization,\n analytics, and marketing purposes.\n</p>\n  </div>\n  <div class=\"captain-compliance-modal-settings-body_content_switch_list\"\n    id=\"captain-compliance-modal-settings-body_content_switch_list_id\"> </div>\n  <div class=\"captain-compliance-modal-settings-body_content_actions\">\n    <div type=\"button\"\n      class=\"captain-compliance-modal-settings-body_content_actions_button captain-compliance-modal-settings-body_content_actions_button_primary\"\n      id=\"cc-modal-allow-selection\"> Allow Selection </div>\n    <div type=\"button\" class=\"captain-compliance-modal-settings-body_content_actions_button\" id=\"cc-modal-close-all\">\n      Close </div>\n  </div>\n  <div class=\"captain-compliance-modal-settings-body_footer\"> <span></span>\n    <div class=\"captain-compliance-modal-settings-body_footer_branding cc-modal-logo-footer-compliance\">\n      <p class=\"captain-compliance-modal-settings-body_footer_branding_text\"> Compliance by </p> <img crossorigin=\"anonymous\" class=\"captain-compliance-modal-settings-body_footer_branding_img\" src=\"https://app.captaincompliance.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcc-logo.e2da62eb.png&w=256&q=75\" alt=\"captain compliance logo\"/>\n    </div>\n  </div>\n</div>","styles":"<style type=\"text/css\">.captain-compliance-modal-settings {\n    visibility: hidden;\n    width: 450px;\n    border: 1px solid #e5e7eb;\n    background-color: white;\n    border-radius: var(--compliance-border-radius);\n    position: fixed;\n    z-index: 999999999999;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    overflow: hidden;\n}\n\n.captain-compliance-modal-settings-body_content_actions_button {\n    display: flex;\n    cursor: pointer;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n    color: black;\n    border: 1px solid #e5e7eb;\n    font-size: 12px;\n    padding-top: 2px;\n    padding-bottom: 2px;\n    padding-left: 5%;\n    padding-right: 5%;\n    border-radius: var(--compliance-border-radius);\n    cursor: pointer;\n}\n\n.captain-compliance-modal-settings-body_content_actions_button_primary {\n    background-color: var(--compliance-theme);\n    color: white;\n    border: 0px;\n}\n\n.captain-compliance-modal-settings-body_content_actions_button_ghost {\n    border: 0px;\n}\n\n.captain-compliance-modal-settings-body_content_text {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 5px;\n    padding: 15px;\n}\n\n.captain-compliance-modal-settings-body_content_text_title {\n    font-size: 16px;\n    font-weight: 600;\n    color: black;\n    margin: 0px;\n}\n\n.captain-compliance-modal-settings-body_content_text_description {\n    font-size: 12px;\n    color: rgb(75 85 99);\n    margin: 0px;\n}\n\n.captain-compliance-modal-settings-body_content_actions {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    gap: 5px;\n    padding: 15px;\n}\n\n.captain-compliance-modal-settings-body_footer {\n    width: 100%;\n    padding: 15px;\n    padding-top: 4px;\n    padding-bottom: 4px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    background-color: rgb(249 250 251);\n}\n\n.captain-compliance-modal-settings-body_footer_branding {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 5px;\n}\n\n.captain-compliance-modal-settings-body_footer_branding_img {\n    width: 40px\n}\n\n.captain-compliance-modal-settings-body_footer_transparency {\n    color: var(--compliance-theme);\n    font-size: 12px;\n}\n\n.captain-compliance-modal-settings-body_footer_branding_text {\n    color: black;\n    font-size: 12px;\n    margin: 0;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list {\n    display: flex;\n    padding: 15px;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0px;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset_label {\n    font-size: 14px;\n    font-weight: 300;\n    color: black;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    order: 2;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset>input[type=checkbox] {\n    height: 0;\n    width: 0;\n    visibility: hidden;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset>label {\n    cursor: pointer;\n    text-indent: -9999px;\n    height: calc(1rem + 4px);\n    width: calc(1rem + 23px);\n    background: rgb(229 231 235);\n    display: block;\n    border-radius: 1rem;\n    position: relative;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset>label:after {\n    content: '';\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    height: 1rem;\n    width: 1rem;\n    background: #fff;\n    border-radius: 1rem;\n    transition: 0.3s;\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset>input:checked+label {\n    background: var(--compliance-theme);\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset>input:checked+label:after {\n    left: calc(100% - 3px);\n    transform: translateX(-100%);\n}\n\n.captain-compliance-modal-settings-body_content_switch_list_item_preset>label:hover:after {\n    width: calc(1rem + 5px);\n}\n\n@media (max-width: 768px) {\n    .captain-compliance-modal-settings {\n        width: 100%;\n    }\n\n    .captain-compliance-modal-settings-body_content_actions {\n        flex-direction: row;\n        width: 100%;\n    }\n\n    .captain-compliance-modal-settings-body_content_actions_button {\n        display: flex;\n        flex: 1;\n    }\n}\n\n@media (max-width: 480px) {\n    .captain-compliance-modal-settings-body_content_actions_button {\n        font-size: 10px;\n    }\n}\n\n</style>"}