{"version":3,"file":"opt-in-form.css","mappings":"AAAA,YAGE,sBACA,kBACA,gBAHA,aADA,WAIA,CAEE,uBACE,eAGJ,qBAEE,+CAEA,yBAHA,qDACA,8BACA,YACA,CAEF,+BAIE,WADA,eAFA,eACA,cAGA,kBAEF,yBAEE,yGACA,SAGA,mBAFA,cAEA,CAIA,4FATA,oDAYE,CAHF,qCAEE,kEACA,SACA,uCACE,eAEA,YADA,UACA,CAMF,+EAEE,eADA,UACA,CAIN,4BAME,6CAJA,mBAGA,SACA,uBALA,aAEA,iBAGA,CAEF,oDAJE,oDASA,CALF,wBAEE,+CAGA,kEAFA,SADA,8BAEA,aACA,CACA,6DAIE,sBAFA,sBAGA,YAFA,YAGA,WAEF,0BAIE,uBAHA,eAEA,YADA,UAEA,CAEF,mCAEE,mBACA,WAFA,eAIA,YACA,YAFA,UAEA,CAIN,wBAIE,kCAGA,cALA,YAIA,OAHA,eAEA,MAJA,UAMA,CAEA,wCASE,yDAPA,gBAMA,qDACA,gDACA,SANA,SAGA,aAFA,kBAFA,QAGA,yGALA,WASA,CACA,iDACE,qDACA,SACA,oDACE,eAEF,mDACE,eAEF,qDACE,YAGJ,gDACE,WAEF,sDACE,cACA,yDAEE,gBADA,iBACA,CAGJ,oDAGE,6CAFA,qDACA,SACA,uBACA,sDACE,qBAEF,8DACE,aAIN,0BACE,qBClJF,oBACE,WACA","sources":["webpack://BBlockSDK/./src/components/OptInForm/style.scss","webpack://BBlockSDK/./src/components/OptInModal/style.scss"],"sourcesContent":[".bts-opt-in {\r\n  width: 450px;\r\n  padding: 20px;\r\n  background-color: #fff;\r\n  border-radius: 5px;\r\n  margin-top: 30px;\r\n  .content {\r\n    p {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  .actions {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 20px;\r\n    background-color: #dadada;\r\n  }\r\n  .what-is-granted > p {\r\n    font-size: 16px;\r\n    margin: 10px 0;\r\n    cursor: pointer;\r\n    color: blue;\r\n    text-align: center;\r\n  }\r\n  .permissions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    padding: 10px 0;\r\n    // display: none;\r\n    margin-bottom: 12px;\r\n    &.show {\r\n      display: flex;\r\n    }\r\n    .permission {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      i {\r\n        font-size: 50px;\r\n        width: 50px;\r\n        height: 50px;\r\n      }\r\n      h3 {\r\n        margin: 3px;\r\n        font-size: 14px;\r\n      }\r\n      p {\r\n        margin: 3px;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .privacy-policy {\r\n    padding: 10px;\r\n    background: #dadada;\r\n    text-align: center;\r\n    display: flex;\r\n    gap: 10px;\r\n    justify-content: center;\r\n  }\r\n  .bp-connect {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin: 20px 0;\r\n    align-items: center;\r\n    img,\r\n    .wp-icon {\r\n      border: 1px solid #ddd;\r\n      padding: 1px;\r\n      background-color: #fff;\r\n      height: 80px;\r\n      width: 80px;\r\n    }\r\n    > i {\r\n      font-size: 40px;\r\n      width: 40px;\r\n      height: 40px;\r\n      color: #0004;\r\n    }\r\n    .wp-icon i {\r\n      font-size: 64px;\r\n      background: #01749a;\r\n      color: #fff;\r\n      width: 64px;\r\n      height: 64px;\r\n      padding: 8px;\r\n    }\r\n  }\r\n}\r\n#opt_in_modal.modal_sdk {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: fixed;\r\n  background-color: #0005;\r\n  top: 0;\r\n  left: 0;\r\n  display: block;\r\n\r\n  .opt_in_content {\r\n    width: 500px;\r\n    background: #fff;\r\n    top: 50%;\r\n    left: 50%;\r\n    position: absolute;\r\n    transform: translate(-50%, -50%);\r\n    padding: 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    .content {\r\n      display: flex;\r\n      gap: 40px;\r\n      h3 {\r\n        font-size: 25px;\r\n      }\r\n      p {\r\n        font-size: 18px;\r\n      }\r\n      img {\r\n        width: 150px;\r\n      }\r\n    }\r\n    .button {\r\n      width: 100%;\r\n    }\r\n    .granted-info {\r\n      display: block;\r\n      ul {\r\n        padding-left: 30px;\r\n        list-style: disc;\r\n      }\r\n    }\r\n    .learn-skip {\r\n      display: flex;\r\n      gap: 10px;\r\n      justify-content: center;\r\n      a {\r\n        text-decoration: none;\r\n      }\r\n      .hide-btn {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n}\r\n",".OptInBtn {\r\n  &[disabled] {\r\n    opacity: 0.6;\r\n    pointer-events: none;\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}