{"version":3,"file":"frontend.css","mappings":";;;AACA;EACE;EACA;EACA;EACA;AAAF;AAEE;EACE;AAAJ;AACI;EACE;AACN;AAGE;EACE;EAEA;EACA;AAFJ;AAQE;EACE;EAMA;AAXJ;AAaI;EACE;EACA;EACA;AAXN;AAcM;EACE;AAZR;AAcQ;EAEE;EAEA;EAGA;EAKA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZV;AAgBQ;EACE;EACA;EACA;EACA;AAdV;AAmBI;EACE;AAjBN;AAoBI;EACE;EACA;AAlBN;AAqBM;EACE;EACA;EACA;EACA;AAnBR;AAqBQ;EACE;EACA;AAnBV;AAyBQ;EACE;EACA;EAKA;EAGA;AAvBV;AA0BQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxBV;AA8BI;EACE;EACA;EACA;AA5BN;AA8BM;EAKE;EAIA;EACA;EACA;EACA;EACA;AA5BR;AAgCI;EACE;EACA;EACA;AA9BN;;AAmCA;AAEA;EAGM;IACE;EAnCN;EAsCI;IACE;EApCN;EAuCM;IACE;IACA;EArCR;EAsCQ;IACE;IACA;IAAA;EApCV;EAuCQ;IACE;IACA;IACA;IACA;EArCV;EA0CI;IACE;EAxCN;EA4CI;IACE;IACA;IACA;IACA;EA1CN;EA6CM;IACE;IACA;EA3CR;AACF,C","sources":["webpack://codedeyo-google-trends-for-bloggers/./src/frontend.scss"],"sourcesContent":["//frontend\n.googleTrends-codedeyo-containers {\n  width: auto !important;\n  background-color: #f1f4f9 !important;\n  padding: 30px !important;\n  border-radius: 5px !important;\n\n  &--trends--offline {\n    text-align: center !important;\n    p {\n      font-size: 15px !important;\n    }\n  }\n\n  &--trends--settings {\n    background: linear-gradient(0deg, rgb(11 87 208 / 1%), rgb(11 87 208 / 16%)),\n      #fdfcfb00 !important;\n    padding: 14px;\n    text-align: center !important;\n  }\n\n  &--trends-header--select {\n  }\n\n  &--trends-header {\n    background: linear-gradient(\n        0deg,\n        rgba(11, 87, 208, 0.08),\n        rgba(11, 87, 208, 0.08)\n      ),\n      #fdfcfb !important;\n    padding: 20px 5px !important;\n\n    &--entry {\n      display: flex !important;\n      justify-content: space-between !important;\n      align-items: center !important;\n\n      //second div in the entry\n      & > div:nth-child(2) {\n        display: flex !important;\n\n        a {\n          display: -webkit-flex !important;\n          display: -moz-flex !important;\n          display: -ms-flexbox !important;\n          display: -ms-flex !important;\n          display: -webkit-box !important;\n          display: -moz-box !important;\n          display: flex !important;\n          -webkit-box-align: center !important;\n          -webkit-align-items: center !important;\n          -moz-box-align: center !important;\n          -ms-flex-align: center !important;\n          align-items: center !important;\n          border: 2px solid #ffffff !important;\n          -webkit-border-radius: 15px !important;\n          -moz-border-radius: 15px !important;\n          border-radius: 15px !important;\n          color: black !important;\n          font-size: 14px !important;\n          font-weight: 350 !important;\n          gap: 10px !important;\n          height: 30px !important;\n          line-height: 20px !important;\n          padding-left: 16px !important;\n          padding-right: 24px !important;\n          text-decoration: none !important;\n          margin-top: 0px !important;\n        }\n\n        //second a\n        & > a:nth-child(2) {\n          width: 5px !important;\n          margin-left: 10px !important;\n          font-size: 20px !important;\n          margin-right: 5px !important;\n        }\n      }\n    }\n\n    &--flex {\n      display: flex !important;\n    }\n\n    &--left {\n      display: flex !important;\n      justify-content: flex-start !important;\n\n      //first div in the left\n      & > div:first-child {\n        border: none !important;\n        background-color: #c2e7ff !important;\n        border-radius: 20px 0 0 20px !important;\n        padding: 10px 20px !important;\n\n        p {\n          margin: 0px !important;\n          padding: 0px !important;\n        }\n      }\n\n      //second div in the left\n      & > div:nth-child(2) {\n        input {\n          border: 1px solid #dadce0 !important;\n          height: 40px !important;\n          -webkit-box-align: center !important;\n          -webkit-align-items: center !important;\n          -moz-box-align: center !important;\n          -ms-flex-align: center !important;\n          align-items: center !important;\n          -webkit-border-radius: 0 20px 20px 0 !important;\n          -moz-border-radius: 0 20px 20px 0 !important;\n          border-radius: 0 20px 20px 0 !important;\n        }\n\n        span {\n          background: black !important;\n          color: white !important;\n          padding: 5px 8px !important;\n          border-radius: 8px !important;\n          font-size: 10px !important;\n          margin-left: -30px !important;\n          cursor: pointer !important;\n          display: none;\n        }\n      }\n    }\n\n    //right\n    &--right {\n      margin-left: 13px !important;\n      margin-top: 0px !important;\n      display: inline-block !important;\n      //select\n      & > select:first-child {\n        -webkit-box-align: center !important;\n        -webkit-align-items: center !important;\n        -moz-box-align: center !important;\n        -ms-flex-align: center !important;\n        align-items: center !important;\n        display: -webkit-box !important;\n        display: -webkit-flex !important;\n        display: -moz-box !important;\n        display: flex !important;\n        height: 36px !important;\n        border: none !important;\n        width: auto !important;\n        text-align: auto !important;\n      }\n    }\n\n    &--reload-area {\n      display: flex !important;\n      justify-content: flex-end !important;\n      align-items: center !important;\n    }\n  }\n}\n\n/** Responsive **/\n\n@media only screen and (max-width: 900px) {\n  .googleTrends-codedeyo-containers {\n    &--trends-header {\n      &--flex {\n        display: block !important;\n      }\n\n      &--entry {\n        display: block !important;\n\n        //second div in the entry\n        & > div:nth-child(2) {\n          display: flex !important;\n          justify-content: center !important;\n          a {\n            margin-top: 10px !important;\n            width: fit-content !important;\n          }\n          //second a\n          & > a:nth-child(2) {\n            width: 5px !important;\n            margin-left: 10px !important;\n            font-size: 20px !important;\n            margin-right: 5px !important;\n          }\n        }\n      }\n\n      &--left {\n        justify-content: center !important;\n      }\n\n      //right\n      &--right {\n        margin-left: 0px !important;\n        margin-top: 10px !important;\n        display: flex !important;\n        justify-content: center !important;\n\n        //select\n        & > select:first-child {\n          width: 200px !important;\n          text-align: center !important;\n        }\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}