{"version":3,"file":"app.css","mappings":"AAAA,eACE,+BACA,YACA,kBACA,uBAEA,4BACE,UACA,mBAGF,sBACE,sBACA,kBACA,sCACA,sBACA,cACA,uBACA,eACA,YACA,OACA,oBACA,iBACA,6BACA,eACA,mBACA,QACA,gCACA,wBACA,8BACA,wBACA,mBACA,cAEA,kDACE,QAEA,qCAHF,kDAII,UAKJ,sCAhCF,sBAiCI,SAGA,sCACA,YACA,gBACA,eACA,eACA,aACA,0CACA,YAGF,yBA9CF,sBA+CI,kBACA,iCAIJ,sBACE,mBACA,cACA,iBACA,kBAGF,wBACE,kBACA,sBAEA,6BAJF,wBAKI,mBAGF,yBARF,wBASI,aACA,mBACA,uBACA,gBACA,UAGF,0BACE,gBACA,mCACA,SAEA,6BALF,0BAMI,eACA,eACA,iBACA,mBAGF,yBAZF,0BAaI,eACA,iBACA,oBAKN,8BACE,aACA,SACA,sBACA,eAYA,gBACA,SACA,gBAZA,yBANF,8BAOI,8BAGF,yBAVF,8BAWI,mBACA,mBACA,wBAQJ,wBACE,eACA,gBACA,iBACA,aACA,mCACA,kBACA,uBAEA,yBATF,wBAUI,eACA,mBAIJ,uBACE,+BACA,oCACA,oCACA,mBACA,kBACA,kBACA,eACA,gBACA,uBACA,sBACA,wBACA,kBACA,eACA,WAEA,6BACE,0CACA,0CAGF,8BACE,mBACA,WAGF,yBA1BF,uBA2BI,aACA,WACA,eACA,wBAMF,oDACE,WACA,2BACA,QACA,eACA,eAIJ,uBACE,aAGF,4BACE,0BACA,gBACA,YACA,eAGF,wBACE,aACA,kBACA,SAEA,yBALF,wBAMI,uBACA,sBACA,gBAIJ,uBACE,kBACA,qBACA,WACA,YAEA,6BACE,UACA,QACA,SAIF,mEACE,0CAGF,qEACE,WACA,mBAGF,iEACE,4CAIJ,8BACE,kBACA,eACA,MACA,OACA,QACA,SACA,sBAEA,eAEA,qCACE,kBACA,WACA,YACA,WACA,SACA,WACA,sBAEA,eAGF,qCACE,mBAEA,6CACE,kBAKN,kEACE,2BAGF,+BACE,aACA,eACA,gBACA,WAGF,uBACE,aACA,mBACA,8BACA,SACA,mBAEA,qCACE,wCACE,gCC9RR,QACE,gB","sources":["webpack://cookiesbakker/./src/scss/_cookiesbakker.scss","webpack://cookiesbakker/./src/scss/app.scss"],"sourcesContent":[".cookiesbakker {\n  transition: .3s ease-in-out all;\n  z-index: 999;\n  visibility: hidden;\n  font-family: sans-serif;\n\n  &[data-active] {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &__popup {\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 32px 68px rgba(0, 0, 0, .3);\n    box-sizing: border-box;\n    color: #444851;\n    font-family: sans-serif;\n    font-size: 15px;\n    height: auto;\n    left: 0;\n    letter-spacing: .1px;\n    line-height: 24px;\n    max-height: calc(100% - 16px);\n    position: fixed;\n    text-align: initial;\n    top: 50%;\n    transform: translate(10px, -50%);\n    transition: all .5s ease;\n    transition-property: transform;\n    width: calc(100% - 16px);\n    z-index: 2147483631;\n    overflow: auto;\n\n    .cookiesbakker[data-active] & {\n      top: 50%;\n\n      @media screen and (min-width: 992px) {\n        left: 50%;\n\n      }\n    }\n\n    @media screen and (min-width: 1280px) {\n      top: 100%;\n      //transform: translate(-50%, -100%);\n\n      box-shadow: 0 30px 70px rgba(0, 0, 0, .3);\n      height: auto;\n      max-height: 70vh;\n      max-width: 95vw;\n      min-width: 95vw;\n      padding: 24px;\n      transition-property: transform, opacity, top;\n      width: 95vw;\n    }\n\n    @media (min-width: 992px) {\n      padding: 20px 40px;\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  &__inner {\n    flex-direction: row;\n    margin: 0 auto;\n    max-width: 1600px;\n    position: relative;\n  }\n\n  &__content {\n    padding: 15px 24px;\n    flex-direction: column;\n\n    @media (max-width: 1199.98px) {\n      text-align: center;\n    }\n\n    @media (min-width: 992px) {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      min-height: 74px;\n      gap: 20px;\n    }\n\n    p {\n      font-weight: 500;\n      color: var(--cookiesbakker-content);\n      margin: 0;\n\n      @media (max-width: 1199.98px) {\n        max-width: 100%;\n        font-size: 13px;\n        line-height: 20px;\n        margin: 0 auto 5px;\n      }\n\n      @media (min-width: 992px) {\n        font-size: 14px;\n        line-height: 24px;\n        margin-bottom: 14px;\n      }\n    }\n  }\n\n  &__content-right {\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n    padding: 10px 0;\n\n    @media (max-width: 991px) {\n      border-top: 1px solid #d9d9d9;\n    }\n\n    @media (min-width: 992px) {\n      white-space: nowrap;\n      align-items: center;\n      justify-content: center;\n    }\n\n    position: sticky;\n    bottom: 0;\n    background: white;\n  }\n\n  &__heading {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: 0;\n    color: var(--cookiesbakker-heading);\n    margin-bottom: 6px;\n    font-family: sans-serif;\n\n    @media (min-width: 992px) {\n      font-size: 18px;\n      margin-bottom: 6px;\n    }\n  }\n\n  &__button {\n    transition: .3s ease-in-out all;\n    background: var(--cookiesbakker-cta);\n    color: var(--cookiesbakker-text-cta);\n    border-radius: 30px;\n    border-color: #333;\n    border-style: none;\n    font-size: 14px;\n    font-weight: 600;\n    border-right-width: 2px;\n    border-left-width: 2px;\n    border-bottom-width: 2px;\n    padding: 14px 30px;\n    cursor: pointer;\n    width: 100%;\n\n    &:hover {\n      background: var(--cookiesbakker-cta-hover);\n      color: var(--cookiesbakker-text-cta-hover)\n    }\n\n    &--muted {\n      background: #f4f4f4;\n      color: #333;\n    }\n\n    @media (max-width: 992px) {\n      display: flex;\n      width: 100%;\n      font-size: 12px;\n      justify-content: center;\n    }\n  }\n\n\n  &__overlay {\n    .cookiesbakker[data-active] & {\n      content: '';\n      background: rgb(0 0 0 / 75%);\n      inset: 0;\n      position: fixed;\n      z-index: 999999;\n    }\n  }\n\n  .d-none {\n    display: none;\n  }\n\n  &__preferences {\n    text-decoration: underline;\n    background: none;\n    border: none;\n    cursor: pointer;\n  }\n\n  &__actions {\n    display: flex;\n    text-align: center;\n    gap: 10px;\n\n    @media (max-width: 991px) {\n      justify-content: center;\n      flex-direction: column;\n      padding: 15px 0;\n    }\n  }\n\n  &__switch {\n    position: relative;\n    display: inline-block;\n    width: 60px;\n    height: 34px;\n\n    input {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n\n    input:checked + .cookiesbakker__switch-slider {\n      background-color: var(--cookiesbakker-cta);\n    }\n\n    input[disabled] + .cookiesbakker__switch-slider {\n      opacity: .4;\n      cursor: not-allowed;\n    }\n\n    input:focus + .cookiesbakker__switch-slider {\n      box-shadow: 0 0 1px var(--cookiesbakker-cta);\n    }\n  }\n\n  &__switch-slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #ccc;\n    -webkit-transition: .4s;\n    transition: .4s;\n\n    &:before {\n      position: absolute;\n      content: \"\";\n      height: 26px;\n      width: 26px;\n      left: 4px;\n      bottom: 4px;\n      background-color: white;\n      -webkit-transition: .4s;\n      transition: .4s;\n    }\n\n    &--round {\n      border-radius: 34px;\n\n      &::before {\n        border-radius: 50%;\n      }\n    }\n  }\n\n  input:checked + .cookiesbakker__switch-slider:before {\n    transform: translateX(26px);\n  }\n\n  &__option-heading {\n    display: flex;\n    font-size: 14px;\n    font-weight: 600;\n    color: #333;\n  }\n\n  &__option {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding-right: 10px;\n\n    @media screen and (min-width: 992px) {\n      &:not(:last-child) {\n        border-right: 1px solid #d9d9d9;\n      }\n    }\n  }\n}\n","@import './custom';\n@import './cookiesbakker';\n\n.locked {\n  overflow: hidden;\n}\n"],"names":[],"sourceRoot":""}