{"version":3,"sources":["../scss/_variables.scss","multislider/multislider.scss"],"names":[],"mappings":"AAKA;AA6BA;AAWA;AAcA;AAaA;AAKA;AC3EA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBDoBA;ECnBA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA,ODXG;ECYH;;AAEA;EACE,ODXC;;ACeL;EACE;;AAGF;EACE;;;AAKN;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE","file":"multislider.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","@import \"../../scss/variables\";\r\n\r\n#mixedSlider {\r\n  position: relative;\r\n\r\n  .MS-content {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    margin: 0 5%;\r\n\r\n    .item {\r\n      display: inline-block;\r\n      width: 33.3333%;\r\n      position: relative;\r\n      vertical-align: top;\r\n      overflow: hidden;\r\n      height: 100%;\r\n      white-space: normal;\r\n      padding: 0 10px;\r\n\r\n      .imgTitle {\r\n        position: relative;\r\n\r\n        .blogTitle {\r\n          margin: 0;\r\n          text-align: left;\r\n          letter-spacing: 2px;\r\n          color: #252525;\r\n          font-style: italic;\r\n          position: absolute;\r\n          background-color: $white-5;\r\n          width: 100%;\r\n          bottom: 0;\r\n          font-weight: bold;\r\n          padding: 0 0 2px 10px;\r\n        }\r\n\r\n        img {\r\n          height: auto;\r\n          width: 100%;\r\n        }\r\n      }\r\n\r\n      p {\r\n        font-size: 16px;\r\n        margin: 2px 10px 0 5px;\r\n        text-indent: 15px;\r\n      }\r\n\r\n      a {\r\n        float: right;\r\n        margin: 0 20px 0 0;\r\n        font-size: 16px;\r\n        font-style: italic;\r\n        color: rgba(173, 0, 0, 0.82);\r\n        font-weight: bold;\r\n        letter-spacing: 1px;\r\n        transition: linear 0.1s;\r\n\r\n        &:hover {\r\n          text-shadow: 0 0 1px grey;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .MS-controls {\r\n    button {\r\n      position: absolute;\r\n      border: none;\r\n      background-color: transparent;\r\n      outline: 0;\r\n      font-size: 50px;\r\n      top: 95px;\r\n      color: $black-4;\r\n      transition: 0.15s linear;\r\n\r\n      &:hover {\r\n        color: $black-8;\r\n      }\r\n    }\r\n\r\n    .MS-left {\r\n      left: 0px;\r\n    }\r\n\r\n    .MS-right {\r\n      right: 0px;\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  #mixedSlider .MS-content .item {\r\n    width: 50%;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #mixedSlider .MS-content .item {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  #mixedSlider .MS-controls button {\r\n    font-size: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #mixedSlider .MS-controls button {\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #mixedSlider .MS-controls .MS-left {\r\n    left: -10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #mixedSlider .MS-controls .MS-right {\r\n    right: -10px;\r\n  }\r\n}\r\n\r\n#basicSlider {\r\n  position: relative;\r\n\r\n  .MS-content {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    margin: 0;\r\n    height: auto;\r\n\r\n    .item {\r\n      display: inline-block;\r\n      width: 20%;\r\n      position: relative;\r\n      vertical-align: top;\r\n      overflow: hidden;\r\n      height: 100%;\r\n      white-space: normal;\r\n      line-height: 50px;\r\n      vertical-align: middle;\r\n      padding: 10px;\r\n      margin: 0;\r\n\r\n      a {\r\n        line-height: 50px;\r\n        vertical-align: middle;\r\n      }\r\n    }\r\n  }\r\n\r\n  .MS-controls {\r\n    button {\r\n      position: absolute;\r\n    }\r\n\r\n    .MS-left {\r\n      top: 35px;\r\n      left: 10px;\r\n    }\r\n\r\n    .MS-right {\r\n      top: 35px;\r\n      right: 10px;\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  #basicSlider .MS-content .item {\r\n    width: 25%;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #basicSlider .MS-content .item {\r\n    width: 35%;\r\n  }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n  #basicSlider .MS-content .item {\r\n    width: 50%;\r\n  }\r\n}\r\n"]}