{"version":3,"sources":["_gdpr-cookie-notice.scss"],"names":[],"mappings":"AAgBA,oBACE,eACA,gBACA,OACA,SACA,QACA,aACA,oBAAA,AACA,oBADA,AACA,aAAA,yBAAA,AACA,sBADA,AACA,mBAAA,+BAAA,AACA,uBAAA,mCAAA,AACA,2BAAA,aACD,yJAA0J,CAEzJ,0BAdF,oBAeI,4BAAA,AAAsB,6BAAtB,AAAsB,0BAAtB,AAAsB,qBAAA,CAgTzB,CA7SC,+CACE,gCAAA,AAAwB,uBAAA,CACzB,gCAGC,SACA,mBACA,6BACA,eACA,iBACA,eAAgB,CAEhB,0BARF,gCASI,UACA,kBACA,eACA,gBAAiB,CAEpB,CAED,wBACE,oBAAA,AACA,oBADA,AACA,aAAA,yBAAA,AACA,sBADA,AACA,mBAAA,kBACA,gBACA,WACA,YACA,SAAU,CAEV,6BACE,qBACA,cACA,YACA,iBACA,mBACA,WACA,eACA,eACA,eAAgB,CATjB,mCAYG,oBAAqB,CACtB,iCAGC,mBACA,iBAAkB,CACnB,0BAKH,eACA,OACA,MACA,WACA,YACA,iNACA,aACA,2BACA,cACA,yBAAA,AACA,sBADA,AACA,mBAAA,kBACA,YAAa,CAEb,yDACE,oBAAA,AAAa,oBAAb,AAAa,YAAA,CACd,kCAGC,YACA,kBACA,gBACA,WAAY,CACb,iCAGC,oBAAA,AACA,oBADA,AACA,aAAA,yBAAA,AACA,sBADA,AACA,mBAAA,aACA,+BA3GyB,CA4G1B,gCAGC,eACA,sBACA,gBACA,iBACA,SACA,SAAU,CACX,gCAGC,WACA,YACA,kBACA,gBACA,YACA,aACA,UACA,kBACA,gCAAA,AAAwB,uBAAA,CATzB,6EAaG,WACA,WACA,WACA,cACA,kBACA,SACA,QACA,wCAAA,AACA,gCAAA,kBAzIqB,CAoHxB,sCAyBG,sDAAA,AAA8C,6CAAA,CAzBjD,sCA6BG,gCAAA,AACA,wBAAA,SAAU,CACX,kCAID,cACA,SACA,UACA,oBAAqB,CACtB,iCAGC,cACA,gCACA,qBACA,UACA,QAAS,CAET,qCACE,oBAAA,AACA,oBADA,AACA,aAAA,yBAAA,AACA,sBADA,AACA,mBAAA,iBAAkB,CACnB,uCAGC,mBACA,eACA,sBACA,SACA,UACA,cACA,iBAAkB,CAPnB,6CAUG,QACA,SACA,mBACA,2BACA,yDACA,WACA,cACA,kBACA,YACA,QACA,gBACA,iCAAA,AAAyB,wBAAA,CAEzB,mDACE,iCAAA,AAAyB,wBAAA,CAC1B,uCAKH,cACA,iBACA,cAAe,CAChB,uCAGC,SAAU,CADX,6FAIG,mBACA,iDAAA,AAjNqB,wCAAA,CAkNtB,8CAGC,WACA,YACA,kBACA,iDAAA,AACA,yCAAA,kBACA,kBACA,iCAAA,AACA,yBAAA,cAAe,CARhB,oDAWG,kBACA,OACA,QACA,SACA,MACA,sQACA,WACA,aAAc,CACf,sCAKH,SACA,yBACA,eACA,sBACA,iBACA,YAAa,CAEb,4CACE,aAAc,CACf,iCAKH,mBACA,oBAAA,AACA,oBADA,AACA,aAAA,yBAAA,AACA,sBADA,AACA,mBAAA,yBAAA,AACA,sBADA,AACA,8BAAA,4BACA,0BACA,mBAAA,AAAe,cAAA,CAEf,sCACE,YACA,iBACA,gBACA,eACA,qBACA,SACA,UACA,cACA,iBAAkB,CATnB,4CAYG,kBACA,YACA,QACA,gBACA,uOACA,YACA,UACA,WACA,aAAc,CACf,0CAGC,eACA,WACA,mBACA,kBACA,iBAAkB,CALnB,+CAQG,iCAAA,AAAyB,wBAAA,CAR5B,gDAYG,kBACA,OACA,MACA,WACA,YACA,SACA,WACA,UACA,iCAAA,AACA,yBAAA,cACA,iQAAiD,CAtBpD,qDA2BK,SAAU,CA3Bf,sDA+BK,SAAU,CAtDjB,4CA4DG,qBACA,SAAU,CACX","file":"style.css","sourcesContent":["$bar_bg: rgb(51,51,51);\n$bar_primary: rgb(26,213,108);\n$bar_text: rgba(255,255,255,0.75);\n$bar_link: rgb(255,255,255);\n\n$modal_overlay: rgba(0,0,0,0.4);\n$modal_bg: rgb(255,255,255);\n$modal_footer: rgb(244,245,247);\n$modal_title: rgba(0,0,0,0.8);\n$modal_text: rgba(0,0,0,0.5);\n$modal_icon: rgb(189,189,189);\n$modal_primary: rgb(26,213,108);\n\n$icon_checkmark: 'data:image/svg+xml;utf8,<svg height=\"11\" viewBox=\"0 0 14 11\" width=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m5 10.42-5-5 1.41-1.41 3.59 3.58 7.59-7.59 1.41 1.42z\" fill=\"rgb(255,255,255)\" fill-rule=\"evenodd\"/></svg>';\n$icon_caret: 'data:image/svg+xml;utf8,<svg height=\"12\" viewBox=\"0 0 8 12\" width=\"8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m1.41 0-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z\" fill=\"'+$bar_primary+'\"/></svg>';\n\n.gdpr-cookie-notice {\n  position: fixed;\n  background: $bar_bg;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  padding: 20px;\n  display: flex;\n  align-items: center;\n  transition: all ease 1s;\n  transform: translateY(100%);\n  z-index: 1000;\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n\n  .gdpr-cookie-notice-loaded & {\n    transform: translateY(0);\n  }\n\n  &-description {\n    margin: 0;\n    padding: 0 16px 0 0;\n    color: $bar_text;\n    font-size: 14px;\n    line-height: 20px;\n    text-align: left;\n\n    @media (max-width: 768px) {\n      padding: 0;\n      margin: 0 0 10px 0;\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n\n  &-nav {\n    display: flex;\n    align-items: center;\n    margin: 0 0 0 auto;\n    background: none;\n    width: auto;\n    height: auto;\n    padding: 0;\n\n    &-item {\n      text-decoration: none;\n      display: block;\n      height: 40px;\n      line-height: 40px;\n      white-space: nowrap;\n      color: $bar_link;\n      padding: 0 16px;\n      font-size: 15px;\n      font-weight: 600;\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &-btn {\n        background: $bar_primary;\n        border-radius: 3px;\n      }\n    }\n  }\n\n  &-modal {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: url($icon_caret);\n    z-index: 1001;\n    background: $modal_overlay;\n    overflow: auto;\n    align-items: center;\n    padding: 20px 10px;\n    display: none;\n\n    .gdpr-cookie-notice-show-modal & {\n      display: flex;\n    }\n\n    &-content {\n      width: 470px;\n      border-radius: 6px;\n      background: $modal_bg;\n      margin: auto;\n    }\n\n    &-header {\n      display: flex;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid $modal_footer;\n    }\n\n    &-title {\n      font-size: 18px;\n      color: $modal_title;\n      font-weight: 600;\n      line-height: 18px;\n      margin: 0;\n      padding: 0;\n    }\n\n    &-close {\n      width: 24px;\n      height: 24px;\n      margin: 0 0 0 auto;\n      background: none;\n      border: none;\n      outline: none;\n      padding: 0;\n      position: relative;\n      transform: rotate(45deg);\n\n      &:before,\n      &:after {\n        width: 18px;\n        height: 2px;\n        content: '';\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        background: $modal_icon;\n      }\n\n      &:after {\n        transform: translate(-50%, -50%) rotate(90deg);\n      }\n\n      &:hover {\n        transform: rotate(45deg);\n        opacity: 1;\n      }\n    }\n\n    &-cookies {\n      display: block;\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n    }\n\n    &-cookie {\n      display: block;\n      border-bottom: 1px solid $modal_footer;\n      list-style-type: none;\n      padding: 0;\n      margin: 0;\n\n      &-row {\n        display: flex;\n        align-items: center;\n        padding: 12px 16px;\n      }\n\n      &-title {\n        font-weight: normal;\n        font-size: 15px;\n        color: $modal_title;\n        margin: 0;\n        padding: 0;\n        line-height: 1;\n        position: relative;\n\n        &:after {\n          width: 0;\n          height: 0;\n          border-style: solid;\n          border-width: 5px 5px 0 5px;\n          border-color: $modal_icon transparent transparent transparent;\n          content: '';\n          display: block;\n          position: absolute;\n          right: -17px;\n          top: 50%;\n          margin-top: -2px;\n          transition: all ease 0.3s;\n\n          .open & {\n            transform: rotate(180deg);\n          }\n        }\n      }\n\n      &-state {\n        color: $modal_primary;\n        margin-left: auto;\n        font-size: 15px;\n      }\n\n      &-input {\n        opacity: 0;\n\n        &:checked + &-switch {\n          background: $modal_primary;\n          box-shadow: inset 0px 0px 0px 1px $modal_primary;\n        }\n\n        &-switch {\n          width: 24px;\n          height: 24px;\n          border-radius: 50%;\n          box-shadow: inset 0px 0px 0px 1px $modal_icon;\n          margin: 0 0 0 auto;\n          position: relative;\n          transition: all ease 0.3s;\n          cursor: pointer;\n\n          &:after {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            top: 0;\n            background: url($icon_checkmark) no-repeat center 7px;\n            content: '';\n            display: block;\n          }\n        }\n      }\n\n      &-info {\n        margin: 0;\n        padding: 0 16px 12px 16px;\n        font-size: 13px;\n        color: $modal_text;\n        line-height: 16px;\n        display: none;\n\n        .open & {\n          display: block;\n        }\n      }\n    }\n\n    &-footer {\n      background: $modal_footer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 15px 16px 16px 16px;\n      border-radius: 0 0 6px 6px;\n      flex-wrap: wrap;\n\n      &-item {\n        height: 40px;\n        line-height: 40px;\n        font-weight: 600;\n        font-size: 15px;\n        text-decoration: none;\n        margin: 0;\n        padding: 0;\n        color: $modal_primary;\n        position: relative;\n\n        &:after {\n          position: absolute;\n          right: -16px;\n          top: 50%;\n          margin-top: -5px;\n          background: url($icon_caret) no-repeat left center;\n          height: 12px;\n          width: 8px;\n          content: '';\n          display: block;\n        }\n\n        &-btn {\n          padding: 0 16px;\n          color: $modal_bg;\n          background: $modal_primary;\n          border-radius: 3px;\n          position: relative;\n\n          span {\n            transition: all ease 0.3s;\n          }\n\n          &:after {\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            margin: 0;\n            content: '';\n            opacity: 0;\n            transition: all ease 0.3s;\n            display: block;\n            background: url($icon_checkmark) no-repeat center;\n          }\n\n          &.saved {\n            span {\n              opacity: 0;\n            }\n\n            &:after {\n              opacity: 1;\n            }\n          }\n        }\n\n        &:hover {\n          text-decoration: none;\n          opacity: 1;\n        }\n      }\n    }\n  }\n}\n"]}