{"version":3,"file":"frontend/style.css","mappings":"AAMA,UACE,eACA,cACE,oBACF,uBACE,gBACA,oBACA,cACA,sBACA,mBACA,8BACA,YACA,iBACA,2BACA,uBACA,8BACE,aACA,mBACA,8BACA,mBACA,gCACA,eACA,iCACE,iBACA,gBACA,mBACA,+EACI,kBAhCE,CAiCF,WACA,eACR,qCACE,aACA,yCACE,WACJ,4CACE,gBACF,wCACE,WACA,gBACA,YACA,WACA,gBACF,2CACE,WACA,UACA,cACA,SACA,gBACA,YACA,eACA,0DACE,YAxDM,CAyDV,iHACE,WACA,sBACA,aACA,YACA,yBACA,SACF,kDACE,2BACA,4BACA,oBAlEiB,CAmEnB,wCACE,cACA,WACF,kCAEE,aACF,yCAEE,wCAEA,qBAEA,kBACF,2CAEE,YAEA,gBACF,oFAGE,sBACA,cACA,aACA,gBAEA,kBACF,2CACE,gBACF,gDACE,gBACF,+ZACE,uHAhGS,CAiGT,WACA,mBACA,gBACF,qLACE,mBACF,oCACE,gBACF,yCACE,yBACA,gBACA,iBACA,cACF,gCACE,gBACA,iBACA,yBACA,sBACA,UACA,YACA,mBACA,gBACA,0CACE,WACA,yBACA,yBACF,wCACE,cACF,+EACE,gBACF,sDACE,SACF,wCACE,iBACA,qBACA,kBAEA,wGACE,WACN,6BACE,iBACA,kBACA,+BACE,cACA,gBACA,gBAEJ,iCACE,6BACA,mBACA,oBACA,yBACA,oBACA,iBAEF,oCACE,qBACA,eACA,uBACF,iCACE,gBACA,iBACA,cACA,oBACA,uBACF,qCACE,qBACA,SACA,UACA,4CACE,iBACA,qBACA,WACF,wCACE,mBACA,6CACA,oBACA,mDACE,mBACN,sCACE,gBACF,wCACE,eACA,kBAtLiB,CAuLjB,iBACA,kBACA,gBACA,2BACA,6BACA,0BACA,4BACA,8CACE,wBAhMM,CAiMd,oBACE,eACA,YACA,WACA,cACA,2BACE,WACA,iBACA,eACA,mBACA,WACA,YACA,oBACA,YACA,eACA,iCACE,wBACJ,qCACE,wBApNe,CAqNf,2CACE,wBArNQ,CAuNZ,sCACE,aAEJ,oBACE,aAGE,mDACE,aACF,oDACE,cACJ,kCACE,cACA,2CACE,qBACA,kBACA,UACA,cACA,kDACE,WACA,YACA,mBACA,wBA9OW,CA+OX,aACA,aACA,qBACA,mBACA,kBACA,yBACA,eACA,wDACE,wBAtPI,CAuPN,2DACE,WACA,WACA,eACA,iBACR,wCACE,WACA,qBAEA,mGACE,yBACA,WACA,gBACA,YACA,eACA,mBACA,aACA,iBACA,eACA,+GACE,yBACJ,0DACE,kBA5QiB,CA6QjB,WACA,gEACE,wBA9QqB,CA+Q3B,6CACE,mBACA,0BACA,YACJ,aACE,aACF,eACE,SACA,UACA,kBACA,aACA,qBACF,mCACE,cACF,wCACE,kBACF,iBACI,aAEF,kCACE,mBACA,0BACA,kBACA,2BACA,aACA,uBACA,cACA,yCACE,yBACA,WACA,cACA,aACA,kBACA,kBACA,YACA,cACA,mBACA,SACA,iBACA,eACA,+CACE,yBACR,eACE,qBACA,eACA,WACA,YACA,MACA,eACA,aACA,uBACA,mBACA,wBACE,sBACA,kBACA,uBACA,kBACA,aACA,uBACA,+BACE,yBACA,WACA,cACA,aACA,kBACA,kBACA,cACA,mBACA,SACA,iBACA,eACA,sBACA,iCACA,qCACE,yBACR,eACE,aACA,kBACA,WACA,YACA,mBACA,uBACF,mBACE,qBACA,WACA,mBACA,mEAEF,gCACE,uBAEF,gCACE,gBACA,uBAEF,gCACE,gBACA,mBAEF,yBACE,GACE,QACA,YAEF,SACE,SACA,aACJ,gBACE,SACA,YACA,gB","sources":["webpack://wp-site-feedback/./assets-src/feedback.sass"],"sourcesContent":["$background-color: #490353\n$hover-color: #955c9d\n$primary-button-color: #bf634e\n$primary-button-hover-color: #7d3322\n\n$font-family:  -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\n.feedback\n  cursor: pointer\n  svg\n    pointer-events: none\n  .gs-feedback\n    text-align: left\n    text-transform: none\n    z-index: 20000\n    background-color: #FFF\n    border-radius: 10px\n    box-shadow: 0 0 10px #484848d6\n    width: 300px\n    min-height: 200px\n    border: 1px solid #0000004a\n    margin-inline-end: 20px\n    header\n      display: flex\n      flex-direction: row\n      justify-content: space-between\n      align-items: center\n      border-bottom: 1px solid $hover-color\n      padding: 0 10px\n      li\n        padding: 10px 6px\n        margin-top: -1px\n        margin-bottom: -1px\n        &:hover,&.active\n            background: $hover-color\n            color: #FFF\n            cursor: pointer\n    .info-wrapper\n      padding: 10px\n      img\n        width: 100%\n    .feedback .content p\n      font-size: 0.9rem\n    .feedback-button\n      width: 100%\n      padding: 5px 5px\n      border: none\n      color: #FFF\n      font-size: 0.8rem\n    button.close-window\n      width: auto\n      padding: 0\n      line-height: 1\n      margin: 0\n      background: none\n      border: none\n      cursor: pointer\n      &:hover svg rect\n        fill: $hover-color\n    .inner .textarea textarea,#feedback-area .inner .textarea textarea\n      width: 100%\n      box-sizing: border-box\n      padding: 10px\n      resize: none\n      border: 1px solid $background-color\n      margin: 0\n    #feedback-comment-textarea\n      border-top-left-radius: 5px\n      border-top-right-radius: 5px\n      border-color: $primary-button-color\n    .inner .textarea\n      flex: 1 1 auto\n      clear: both\n    .grow-wrap\n      /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */\n      display: grid\n    .grow-wrap::after\n      /* Note the weird space! Needed to preventy jumpy behavior */\n      content: attr(data-replicated-value) \" \"\n      /* This is how textarea text behaves */\n      white-space: pre-wrap\n      /* Hidden from view, clicks, and screen readers */\n      visibility: hidden\n    .grow-wrap > textarea\n      /* You could leave this, but after a user resizes, then it ruins the auto sizing */\n      resize: none\n      /* Firefox shows scrollbar on growth, you can hide like this. */\n      overflow: hidden\n    .grow-wrap > textarea,\n    .grow-wrap::after\n      /* Identical styling required!! */\n      border: 1px solid black\n      padding: 0.5rem\n      font: inherit\n      font-size: 0.8rem\n      /* Place on top of each other */\n      grid-area: 1 / 1 / 2 / 2\n    .grow-wrap textarea\n      font-size: 0.8rem\n    .comments-area .textarea\n      margin-top: 20px\n    h1,h2,h3,h4,h5,h6,ul,li,p,textarea,button, .content, .meta, label, select\n      font-family: $font-family\n      color: #444\n      word-wrap: anywhere\n      font-size: 0.8rem\n    h1,h2,h3,h4,h5,h6,p\n      margin-bottom: 10px\n    p:last-child\n      margin-bottom: 0\n    .comments-area h3\n      text-transform: uppercase\n      font-size: 0.7rem\n      font-weight: bold\n      color: #b3b3b3\n    .comment\n      line-height: 1.3\n      padding: 8px 10px\n      border: 1px solid #d2d2d2\n      margin-block-end: 10px\n      width: 90%\n      float: right\n      border-radius: 10px\n      font-size: 0.8rem\n      &.is-author\n        float: left\n        background-color: #eaeaea\n        border: 1px solid #d2d2d2\n      .meta p\n        color: #a6a6a6\n      .content, .meta\n        font-size: 0.8rem\n      .content p:last-child\n        margin: 0\n      .author\n        font-weight: bold\n        display: inline-block\n        margin-right: 10px\n      .content\n        .author, p:first-child\n          float: left\n    .meta\n      text-align: right\n      font-style: italic\n      p\n        color: #b3b3b3\n        font-size: 0.7rem\n        padding: 5px 0 0\n\n    .feedback\n      border-bottom: 1px solid #eee\n      padding-block: 15px\n      padding-inline: 15px\n      background-color: #ececec\n      margin-inline: -10px\n      margin-top: -10px\n\n    header ul li\n      display: inline-block\n      font-size: 0.9em\n      margin-inline-end: 10px\n    .comments\n      overflow-y: auto\n      max-height: 200px\n      padding-top: 0\n      padding-bottom: 10px\n      padding-inline-start: 0\n    .browser-info\n      list-style-type: none\n      margin: 0\n      padding: 0\n      .label\n        font-weight: bold\n        display: inline-block\n        width: 90px\n      li\n        padding-block: 10px\n        border-bottom: 1px solid rgba(149, 92, 157, 0.11)\n        padding-inline: 15px\n        &:last-child\n          border-bottom: none\n    .comments-area\n      margin-top: 10px\n    .feedback-button\n      cursor: pointer\n      background: $primary-button-color\n      font-weight: bold\n      text-align: center\n      font-size: 0.9rem\n      border-end-end-radius: 10px\n      border-end-start-radius: 10px\n      border-start-end-radius: 0\n      border-start-start-radius: 0\n      &:hover\n        background-color: $hover-color\n.gs-feedback-toggle\n  position: fixed\n  bottom: 50px\n  right: 20px\n  z-index: 25000\n  button\n    color: #FFF\n    font-weight: bold\n    font-size: 1rem\n    border-radius: 10px\n    width: 65px\n    height: 65px\n    padding: 4px 0 0 2px\n    border: none\n    cursor: pointer\n    &:hover\n      transform: rotate(15deg)\n  .feedback-button\n    background-color: $background-color\n    &:hover\n      background-color: $hover-color\n\n  .disable-feedback\n    display: none\n\n.gs-feedback-bubble\n  display: none\nbody.feedback\n  .gs-feedback-toggle\n    .enable-feedback\n      display: none\n    .disable-feedback\n      display: block\n  .gs-feedback-bubble\n    display: block\n    .wrapper\n      display: inline-block\n      position: absolute\n      top: -30px\n      z-index: 10000\n      > .inner\n        width: 50px\n        height: 50px\n        border-radius: 25px\n        background-color: $background-color\n        padding: 10px\n        display: flex\n        align-content: center\n        align-items: center\n        text-align: center\n        border: solid 2px #e9e9e9\n        cursor: pointer\n        &:hover\n          background-color: $hover-color\n        .counter\n          width: 100%\n          color: #FFF\n          font-size: 1rem\n          font-weight: bold\n  .gs-feedback .input label\n    width: 70px\n    display: inline-block\n  .gs-feedback\n    .screenshot-button,.attach-screenshot-button\n      background-color: #490353\n      color: #eeeeee\n      padding: 8px 3px\n      border: none\n      font-size: 0.9em\n      border-radius: 20px\n      margin: 5px 0\n      font-weight: bold\n      cursor: pointer\n      &:hover\n        background-color: #955c9d\n    label.attach-screenshot-button\n      background: $primary-button-color\n      width: 100%\n      &:hover\n        background-color: $primary-button-hover-color\n  .selected, .hover\n    border: 4px #cb3a3a\n    border-style: dashed solid\n    margin: -4px\n.gs-feedback\n  display: none\n.feedback-list\n  top: 25px\n  left: 25px\n  position: absolute\n  display: flex\n  align-items: baseline\n.feedback .gs-feedback.show-window\n  display: block\n.feedback .gs-feedback-form.show-window\n  position: absolute\n.screenshot-area\n    display: none\n.take-screenshot\n  .screenshot-area\n    border: 4px #5b5b5b\n    border-style: dashed solid\n    position: absolute\n    background-color: #5b5b5b5c\n    display: flex\n    justify-content: center\n    z-index: 20000\n    button\n      background-color: #490353\n      color: #eeeeee\n      display: block\n      bottom: -50px\n      position: absolute\n      padding: 10px 15px\n      border: none\n      font-size: 1em\n      border-radius: 20px\n      margin: 0\n      font-weight: bold\n      cursor: pointer\n      &:hover\n        background-color: #955c9d\n#gs-screenshot\n  background: #000000a1\n  position: fixed\n  width: 100%\n  height: 100%\n  top: 0\n  z-index: 100000\n  display: none\n  justify-content: center\n  align-items: center\n  .wrapper\n    border: 4px solid #000000\n    border-radius: 5px\n    box-sizing: content-box\n    position: absolute\n    display: flex\n    justify-content: center\n    button\n      background-color: #263583\n      color: #eeeeee\n      display: block\n      bottom: -50px\n      position: absolute\n      padding: 10px 15px\n      font-size: 1em\n      border-radius: 20px\n      margin: 0\n      font-weight: bold\n      cursor: pointer\n      border: 1px solid #FFF\n      box-shadow: 4px 4px 4px #0105095e\n      &:hover\n        background-color: #2232c6\n.gs-fb-spinner\n  display: flex\n  position: relative\n  width: 100%\n  height: 32px\n  align-items: center\n  justify-content: center\n.gs-fb-spinner div\n  display: inline-block\n  width: 16px\n  background: #bf634e\n  animation: gs-fb-spinner 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite\n\n.gs-fb-spinner div:nth-child(1)\n  animation-delay: -0.24s\n\n.gs-fb-spinner div:nth-child(2)\n  margin-left: 8px\n  animation-delay: -0.12s\n\n.gs-fb-spinner div:nth-child(3)\n  margin-left: 8px\n  animation-delay: 0s\n\n@keyframes gs-fb-spinner\n  0%\n    top: 4px\n    height: 32px\n\n  50%, 100%\n    top: 12px\n    height: 16px\n.disable-scroll\n  margin: 0\n  height: 100%\n  overflow: hidden\n"],"names":[],"sourceRoot":""}