{
  "version": 3,
  "sources": ["src/app/customers/layout/component-layout/survey/survey.component.scss"],
  "sourcesContent": [".survey {\n  @media only screen and (min-width: 1200px) {\n    font-size: 1.25em;\n  }\n\n  &__menu {\n    // position: absolute;\n    // bottom: 0;\n    // // right: 4em;\n    // right: -1em;\n    // background-color: var(--white);\n    // border-radius: 1em;\n    // box-shadow: 0 0 10px 5px rgba(41, 41, 42, 0.07);\n    // max-width: 30em;\n    // min-width: 30em;\n    // @media only screen and (max-width: 767px) {\n    //   max-width: 30em;\n    //   min-width: 30em;\n    // }\n    // padding-bottom: 2.75em;\n    // transform: scale(0);\n    // &.open {\n    //   transform: scale(1);\n    //   transition: 0.5s;\n    //   transition-delay: 0.5s;\n    // }\n    // &:after {\n    //   content: \"\";\n    //   position: absolute;\n    //   right: 4em;\n    //   bottom: -2em;\n    //   width: 4em;\n    //   height: 4em;\n    //   background-color: rgba(\n    //     var(--white-rgb),\n    //     var(--white-rgb),\n    //     var(--white-rgb),\n    //     1\n    //   );\n    //   border-radius: 0.5em;\n    //   clip-path: polygon(63% 38%, 0 37%, 100% 100%);\n    // }\n    &--body {\n      // overflow-y: scroll;\n      // max-height: 60vh;\n      padding: 0 1em 1em;\n      position: relative;\n\n      &::-webkit-scrollbar {\n        width: 5px !important;\n        height: 5px !important;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        //   background-color: transparent;\n        background-color: rgba(0, 0, 0, 0.25);\n        border-radius: 2px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background-color: transparent;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background-color: rgba(0, 0, 0, 0.8);\n      }\n\n      &__close {\n        position: absolute;\n        top: -0.5em;\n        right: 0.5em;\n        cursor: pointer;\n        font-size: 1em;\n\n        @media only screen and (min-width: 767px) {\n          font-size: 1.5em;\n        }\n      }\n\n      .question {\n        font-size: 1.5em;\n        margin-bottom: 0.5em;\n        line-height: 1.2;\n        margin-right: 1em;\n\n        @media only screen and (max-width: 767px) {\n          font-size: 1.2em;\n        }\n      }\n\n      .answer-required {\n        color: #29292a;\n        font-size: 0.9em;\n        font-weight: 600;\n        margin-bottom: 0.25em;\n      }\n\n      // .choice-button {\n      //     align-items: center;\n      //     border-color: rgba(0, 0, 0, 0);\n      //     border-radius: 6px;\n      //     border-style: solid;\n      //     border-width: 2px;\n      //     cursor: pointer;\n      //     display: flex;\n      //     font-weight: 400;\n      //     margin-bottom: 0;\n      //     margin-top: 0;\n      //     min-height: 2.5em;\n      //     padding: 0 0.6em;\n      //     text-align: left;\n      //     transition: background-color 300ms;\n      //     width: 100%;\n      //     background-color: rgba(41, 41, 42, 0.1);\n      //     margin-bottom: 0.25em;\n      //     label {\n      //         margin-bottom: 0;\n      //         font-size: 1.1em;\n      //         width: 100%;\n      //         height: 100%;\n      //         margin-left: 0.5em;\n      //         cursor: pointer;\n      //     }\n      // }\n      .my-checkbox {\n        align-items: center;\n        border-color: rgba(0, 0, 0, 0);\n        border-radius: 6px;\n        border-style: solid;\n        border-width: 2px;\n        cursor: pointer;\n        // display: flex;\n        font-weight: 400;\n        margin-bottom: 0;\n        margin-top: 0;\n        min-height: 2.5em;\n        padding: 1em 0.6em;\n        text-align: left;\n        transition: background-color 300ms;\n        width: 100%;\n        background-color: rgba(41, 41, 42, 0.1);\n\n        .icon {\n          width: 100%;\n          aspect-ratio: 1.5 / 1;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          // background-color: rgba(\n          //   var(--white-rgb),\n          //   var(--white-rgb),\n          //   var(--white-rgb),\n          //   0.75\n          // );\n          border-radius: 0 0 0.25em 0.25em;\n\n          i {\n            font-size: 3em;\n            color: var(--secondary);\n          }\n        }\n\n        .check {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          gap: 0.5em;\n        }\n\n        input {\n          accent-color: var(--secondary);\n          height: 1.1em;\n          width: 1.1em;\n          border: 1px solid #00f;\n          background-color: transparent;\n          // padding: 0;\n          // height: initial;\n          // width: initial;\n          // margin-bottom: 0;\n          // display: none;\n          // cursor: pointer;\n        }\n\n        span {\n          position: relative;\n          //   top: 2px;\n          font-size: 1em;\n          line-height: 1;\n        }\n\n        // label {\n        //   position: relative;\n        //   cursor: pointer;\n        //   margin: 0;\n        //   margin-bottom: 0;\n        //   // width: 100%;\n        //   // height: 100%;\n        //   // display: flex;\n        //   // align-items: center;\n        //   // justify-content: center;\n        //   padding: 0.75em 0;\n        //   span {\n        //     position: relative;\n        //     //   top: 2px;\n        //     font-size: 1.1em;\n        //     line-height: 1;\n        //   }\n        // }\n\n        // label:before {\n        //   content: \"\";\n        //   -webkit-appearance: none;\n        //   background-color: transparent;\n        //   border: 2px solid var(--primary);\n        //   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),\n        //     inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);\n        //   padding: 0.5em;\n        //   display: inline-block;\n        //   position: relative;\n        //   vertical-align: middle;\n        //   cursor: pointer;\n        //   margin-right: 0.5em;\n        // }\n\n        // input:checked + label:after {\n        //   content: \"\";\n        //   display: block;\n        //   position: absolute;\n        //   top: 50%;\n        //   left: 1.5em;\n        //   width: 0.25em;\n        //   height: 0.6em;\n        //   border: solid var(--primary);\n        //   border-width: 0 2px 2px 0;\n        //   transform: translateY(-50%) rotate(45deg);\n        // }\n      }\n    }\n\n    .progress-container {\n      width: 100%;\n      background-color: #29292a26;\n      border-radius: 0.1em;\n      height: 0.25em;\n      margin-bottom: 0.5em;\n      overflow: hidden;\n\n      // margin-top: 0.75em;\n      .progress-bar {\n        height: 100%;\n        background-color: var(--secondary);\n        width: 0%;\n        /* Initially at 0%, updated dynamically */\n        transition: width 0.3s ease;\n      }\n    }\n\n    .button-container {\n      // position: absolute;\n      // bottom: 0;\n      // left: 0;\n      // right: 0;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0.5em;\n\n      button {\n        cursor: pointer;\n        position: relative;\n        z-index: 1;\n        transition: all 0.3s ease-in-out;\n        box-shadow: var(--boxShadow);\n        padding: 0.25em 0.6em;\n        background-color: var(--primary);\n        border-radius: 0.5em;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--white);\n        gap: 0.5em;\n        font-weight: 400;\n        border: 3px solid #ffffff4d;\n        outline: none;\n        overflow: hidden;\n        font-size: 0.8em;\n\n        &.secondary {\n          background-color: #ee4a62;\n        }\n\n        &.success {\n          background-color: var(--success);\n        }\n\n        i {\n          font-size: 0.8em;\n          transition: all 0.3s ease-in-out;\n          margin-top: 0.25em;\n\n          path {\n            stroke: var(--white);\n          }\n        }\n\n        &:hover {\n          transform: scale(1.05);\n          border-color: var(--white);\n        }\n\n        &:hover .icon {\n          transform: translate(4px);\n        }\n\n        &:hover::before {\n          animation: shine 1.5s ease-out infinite;\n        }\n\n        &::before {\n          content: \"\";\n          position: absolute;\n          width: 100px;\n          height: 100%;\n          background-image: linear-gradient(\n            120deg,\n            rgba(255, 255, 255, 0) 30%,\n            rgba(255, 255, 255, 0.8),\n            rgba(255, 255, 255, 0) 70%\n          );\n          top: 0;\n          left: -100px;\n          opacity: 0.6;\n        }\n\n        @keyframes shine {\n          0% {\n            left: -100px;\n          }\n\n          60% {\n            left: 100%;\n          }\n\n          to {\n            left: 100%;\n          }\n        }\n      }\n    }\n  }\n\n  .grid-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0.5em;\n  }\n}\n\n.survey-list {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1em;\n  padding-top: 0.75em;\n\n  div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: #00000048;\n    border-radius: 0.5em;\n    padding: 1rem;\n    cursor: pointer;\n\n    svg {\n      height: 6em;\n    }\n\n    span {\n      font-size: 1em;\n      text-transform: capitalize;\n      font-weight: 600;\n      color: #fff;\n      margin-top: 0.75em;\n\n      @media only screen and (max-width: 400px) {\n        font-size: 0.85em;\n      }\n    }\n  }\n}\n\n.under-maintenance {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.1);\n  padding: 1rem;\n  border: 1px solid rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.3);\n  border-radius: 0.5rem;\n  // width: fit-content;\n  margin: 5.5rem 1rem 0.25rem;\n\n  .icon-bar {\n    margin-right: 0.5rem;\n    font-size: 1.4rem;\n    color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.7);\n  }\n\n  .name {\n    font-size: 1.2rem;\n    color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.9);\n  }\n}\n\n.tag {\n  background-color: purple;\n  color: white;\n  padding: 0.4rem;\n  border-radius: 10px;\n  margin-right: 10px;\n}\n\n.my-checkbox:hover {\n  background-color: #eca5ff94 !important;\n}\n"],
  "mappings": "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",
  "names": []
}