{"version":3,"sources":["twim-styles.scss","twim-styles.css"],"names":[],"mappings":"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","file":"twim-styles.css","sourcesContent":["// =======================\r\n// Variables\r\n// =======================\r\n\r\n$themes: (blue: (widget-bg: #d3eaf1,\r\n        nav-bg: #73cfeb,\r\n        item-color: #000000,\r\n        border: #2fcfff,\r\n        item-bg: #dcf7ff,\r\n        hover-bg: #01a0e9,\r\n        active-bg: #0073aa,\r\n        scrollbar-thumb: #b3e6f7,\r\n    ),\r\n    gray: (widget-bg: #f3f3f3,\r\n        nav-bg: #ccc,\r\n        item-color: #000000,\r\n        border: #999,\r\n        item-bg: #eee,\r\n        hover-bg: #999,\r\n        active-bg: #666,\r\n        scrollbar-thumb: #bbb,\r\n    ),\r\n    orange: (widget-bg: #e7ddcf,\r\n        nav-bg: #ffcd8f,\r\n        item-color: #000000,\r\n        border: #ffaa00,\r\n        item-bg: #ffe8cc,\r\n        hover-bg: #ffaa00,\r\n        active-bg: #cc7a00,\r\n        scrollbar-thumb: #ffd699,\r\n    ),\r\n    lime: (widget-bg: #e0eed0,\r\n        nav-bg: #cbf79c,\r\n        item-color: #000000,\r\n        border: #9de30c,\r\n        item-bg: #ecffc8,\r\n        hover-bg: #9de30c,\r\n        active-bg: #7cc400,\r\n        scrollbar-thumb: #c4f28d,\r\n    ),\r\n);\r\n\r\n\r\n// =======================\r\n// Base styles\r\n// =======================\r\n\r\n.twim-disabled {\r\n    opacity: 0.5;\r\n    pointer-events: none;\r\n    user-select: none;\r\n}\r\n\r\n.twim-widget-controls {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.twim-wrap {\r\n    display: grid;\r\n    grid-template-columns: 1fr 3fr;\r\n    padding: 5px 0;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.twim-label {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.twim-tabs {\r\n    width: 100%;\r\n    padding: 5px;\r\n}\r\n\r\np.twim-andor {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0 5px;\r\n    padding: 0 5px;\r\n}\r\n\r\n.twim-tab-content {\r\n    padding: 5px;\r\n}\r\n\r\n.twim-tab-nav {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-top: 0;\r\n    // display: grid;\r\n    // grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 2px;\r\n    margin-bottom: 0;\r\n    // width: 100%;\r\n    // border-top: 1px solid;\r\n    // border-bottom: 1px solid;\r\n    padding: 0 5px;\r\n\r\n    &::-webkit-scrollbar {\r\n        height: 8px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n        border-radius: 4px;\r\n    }\r\n\r\n    li {\r\n        justify-content: center;\r\n        list-style: none;\r\n        padding: 5px 4px;\r\n        background: #eee;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 0;\r\n        transition: all 0.3s ease-in-out;\r\n        // border-radius: 5px 5px 0 0;\r\n        // border-top: 1px solid gray;\r\n        // border-right: 1px solid gray;\r\n        // margin-right: 2px;\r\n\r\n        &:hover {\r\n            color: white;\r\n        }\r\n\r\n        &.active {\r\n            color: white;\r\n        }\r\n\r\n        &.has-settings:after {\r\n            font-family: dashicons;\r\n            font-size: 120%;\r\n            padding-left: 4px;\r\n        }\r\n\r\n        &.has-settings.setting-show:after {\r\n            content: \"\\f177\";\r\n        }\r\n\r\n        &.has-settings.setting-hide:after {\r\n            content: \"\\f530\";\r\n        }\r\n    }\r\n}\r\n\r\n.twim-selectize-showhide {\r\n    .selectize-dropdown-content>div {\r\n        padding: 8px 12px;\r\n        /* adjust for comfort */\r\n        font-size: 14px;\r\n        /* or your preferred size */\r\n        transition: background-color 0.3s ease-in-out;\r\n\r\n        &:hover {\r\n            background-color: red;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n// =======================\r\n// Theme styles\r\n// =======================\r\n\r\n@each $name,\r\n$colors in $themes {\r\n\r\n    .twim-widget-controls.color-theme-#{$name} {\r\n\r\n        .twim-tabs {\r\n            background: map-get($colors, widget-bg);\r\n            border-color: map-get($colors, border);\r\n        }\r\n\r\n        .twim-wrap {\r\n            background: map-get($colors, nav-bg);\r\n            border-color: map-get($colors, border);\r\n        }\r\n\r\n        .twim-tab-content,\r\n        .twim-tab-nav {\r\n            &::-webkit-scrollbar-thumb {\r\n                background: map-get($colors, scrollbar-thumb);\r\n            }\r\n\r\n            li {\r\n                background: map-get($colors, item-bg);\r\n                border-color: map-get($colors, border);\r\n\r\n                &:hover {\r\n                    background: map-get($colors, hover-bg);\r\n                }\r\n\r\n                &.active {\r\n                    background: map-get($colors, active-bg);\r\n                }\r\n            }\r\n        }\r\n\r\n        .selectize-input {\r\n            background-color: white;\r\n            // border-color: map-get($colors, item-bg);\r\n            color: map-get($colors, item-bg);\r\n\r\n            // &.dropdown-active {\r\n            //     border-color: darken(map-get($colors, item-bg), 10%);\r\n            // }\r\n        }\r\n\r\n        .selectize-dropdown {\r\n            // border-color: map-get($colors, item-bg);\r\n            // background-color: map-get($colors, item-bg);\r\n            background-color: white;\r\n\r\n            .option.selected,\r\n            .option.active {\r\n                background-color: map-get($colors, item-bg);\r\n                color: map-get($colors, item-color);\r\n            }\r\n        }\r\n\r\n        .item,\r\n        [data-value] {\r\n            // background-color: map-get($colors, item-bg);\r\n            background-color: white;\r\n            // border-color: darken(map-get($colors, item-bg), 10%);\r\n            color: map-get($colors, item-color);\r\n        }\r\n\r\n        .selectize-control.plugin-remove_button .item .remove {\r\n            border-left: none;\r\n        }\r\n\r\n        .selectize-control.multi .selectize-input [data-value] {\r\n            background-color: map-get($colors, active-bg);\r\n            // background-image: linear-gradient(to bottom, map-get($colors, item-bg), map-get($colors, active-bg));\r\n            background-image: none;\r\n            // background-repeat: repeat-x;\r\n            border: none;\r\n            text-shadow: none;\r\n        }\r\n\r\n        // Color style for show/hide select dropdown list\r\n        .twim-selectize-showhide {\r\n            .selectize-dropdown-content>div {\r\n                &:hover {\r\n                    background-color: map-get($colors, widget-bg);\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n// =======================\r\n// Other styles\r\n// =======================\r\n\r\n.twim-tab-content {\r\n    margin-bottom: 15px;\r\n}\r\n\r\nselect.twim-mode {\r\n    margin-bottom: 10px;\r\n    font-size: 90%;\r\n}\r\n\r\ninput.twim-widget-classes {\r\n    width: 100%;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.twim-notice {\r\n    background: #fbe7ce;\r\n    padding: 20px;\r\n}",".twim-disabled {\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n\n.twim-widget-controls {\n  margin-bottom: 15px;\n}\n\n.twim-wrap {\n  display: grid;\n  grid-template-columns: 1fr 3fr;\n  padding: 5px 0;\n  margin-bottom: 10px;\n}\n\n.twim-label {\n  margin-bottom: 5px;\n}\n\n.twim-tabs {\n  width: 100%;\n  padding: 5px;\n}\n\np.twim-andor {\n  display: flex;\n  align-items: center;\n  gap: 0 5px;\n  padding: 0 5px;\n}\n\n.twim-tab-content {\n  padding: 5px;\n}\n\n.twim-tab-nav {\n  display: flex;\n  flex-direction: column;\n  margin-top: 0;\n  gap: 2px;\n  margin-bottom: 0;\n  padding: 0 5px;\n}\n.twim-tab-nav::-webkit-scrollbar {\n  height: 8px;\n}\n.twim-tab-nav::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n}\n.twim-tab-nav li {\n  justify-content: center;\n  list-style: none;\n  padding: 5px 4px;\n  background: #eee;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  margin-bottom: 0;\n  transition: all 0.3s ease-in-out;\n}\n.twim-tab-nav li:hover {\n  color: white;\n}\n.twim-tab-nav li.active {\n  color: white;\n}\n.twim-tab-nav li.has-settings:after {\n  font-family: dashicons;\n  font-size: 120%;\n  padding-left: 4px;\n}\n.twim-tab-nav li.has-settings.setting-show:after {\n  content: \"\\f177\";\n}\n.twim-tab-nav li.has-settings.setting-hide:after {\n  content: \"\\f530\";\n}\n\n.twim-selectize-showhide .selectize-dropdown-content > div {\n  padding: 8px 12px;\n  /* adjust for comfort */\n  font-size: 14px;\n  /* or your preferred size */\n  transition: background-color 0.3s ease-in-out;\n}\n.twim-selectize-showhide .selectize-dropdown-content > div:hover {\n  background-color: red;\n}\n\n.twim-widget-controls.color-theme-blue .twim-tabs {\n  background: #d3eaf1;\n  border-color: #2fcfff;\n}\n.twim-widget-controls.color-theme-blue .twim-wrap {\n  background: #73cfeb;\n  border-color: #2fcfff;\n}\n.twim-widget-controls.color-theme-blue .twim-tab-content::-webkit-scrollbar-thumb,\n.twim-widget-controls.color-theme-blue .twim-tab-nav::-webkit-scrollbar-thumb {\n  background: #b3e6f7;\n}\n.twim-widget-controls.color-theme-blue .twim-tab-content li,\n.twim-widget-controls.color-theme-blue .twim-tab-nav li {\n  background: #dcf7ff;\n  border-color: #2fcfff;\n}\n.twim-widget-controls.color-theme-blue .twim-tab-content li:hover,\n.twim-widget-controls.color-theme-blue .twim-tab-nav li:hover {\n  background: #01a0e9;\n}\n.twim-widget-controls.color-theme-blue .twim-tab-content li.active,\n.twim-widget-controls.color-theme-blue .twim-tab-nav li.active {\n  background: #0073aa;\n}\n.twim-widget-controls.color-theme-blue .selectize-input {\n  background-color: white;\n  color: #dcf7ff;\n}\n.twim-widget-controls.color-theme-blue .selectize-dropdown {\n  background-color: white;\n}\n.twim-widget-controls.color-theme-blue .selectize-dropdown .option.selected,\n.twim-widget-controls.color-theme-blue .selectize-dropdown .option.active {\n  background-color: #dcf7ff;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-blue .item,\n.twim-widget-controls.color-theme-blue [data-value] {\n  background-color: white;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-blue .selectize-control.plugin-remove_button .item .remove {\n  border-left: none;\n}\n.twim-widget-controls.color-theme-blue .selectize-control.multi .selectize-input [data-value] {\n  background-color: #0073aa;\n  background-image: none;\n  border: none;\n  text-shadow: none;\n}\n.twim-widget-controls.color-theme-blue .twim-selectize-showhide .selectize-dropdown-content > div:hover {\n  background-color: #d3eaf1;\n}\n\n.twim-widget-controls.color-theme-gray .twim-tabs {\n  background: #f3f3f3;\n  border-color: #999;\n}\n.twim-widget-controls.color-theme-gray .twim-wrap {\n  background: #ccc;\n  border-color: #999;\n}\n.twim-widget-controls.color-theme-gray .twim-tab-content::-webkit-scrollbar-thumb,\n.twim-widget-controls.color-theme-gray .twim-tab-nav::-webkit-scrollbar-thumb {\n  background: #bbb;\n}\n.twim-widget-controls.color-theme-gray .twim-tab-content li,\n.twim-widget-controls.color-theme-gray .twim-tab-nav li {\n  background: #eee;\n  border-color: #999;\n}\n.twim-widget-controls.color-theme-gray .twim-tab-content li:hover,\n.twim-widget-controls.color-theme-gray .twim-tab-nav li:hover {\n  background: #999;\n}\n.twim-widget-controls.color-theme-gray .twim-tab-content li.active,\n.twim-widget-controls.color-theme-gray .twim-tab-nav li.active {\n  background: #666;\n}\n.twim-widget-controls.color-theme-gray .selectize-input {\n  background-color: white;\n  color: #eee;\n}\n.twim-widget-controls.color-theme-gray .selectize-dropdown {\n  background-color: white;\n}\n.twim-widget-controls.color-theme-gray .selectize-dropdown .option.selected,\n.twim-widget-controls.color-theme-gray .selectize-dropdown .option.active {\n  background-color: #eee;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-gray .item,\n.twim-widget-controls.color-theme-gray [data-value] {\n  background-color: white;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-gray .selectize-control.plugin-remove_button .item .remove {\n  border-left: none;\n}\n.twim-widget-controls.color-theme-gray .selectize-control.multi .selectize-input [data-value] {\n  background-color: #666;\n  background-image: none;\n  border: none;\n  text-shadow: none;\n}\n.twim-widget-controls.color-theme-gray .twim-selectize-showhide .selectize-dropdown-content > div:hover {\n  background-color: #f3f3f3;\n}\n\n.twim-widget-controls.color-theme-orange .twim-tabs {\n  background: #e7ddcf;\n  border-color: #ffaa00;\n}\n.twim-widget-controls.color-theme-orange .twim-wrap {\n  background: #ffcd8f;\n  border-color: #ffaa00;\n}\n.twim-widget-controls.color-theme-orange .twim-tab-content::-webkit-scrollbar-thumb,\n.twim-widget-controls.color-theme-orange .twim-tab-nav::-webkit-scrollbar-thumb {\n  background: #ffd699;\n}\n.twim-widget-controls.color-theme-orange .twim-tab-content li,\n.twim-widget-controls.color-theme-orange .twim-tab-nav li {\n  background: #ffe8cc;\n  border-color: #ffaa00;\n}\n.twim-widget-controls.color-theme-orange .twim-tab-content li:hover,\n.twim-widget-controls.color-theme-orange .twim-tab-nav li:hover {\n  background: #ffaa00;\n}\n.twim-widget-controls.color-theme-orange .twim-tab-content li.active,\n.twim-widget-controls.color-theme-orange .twim-tab-nav li.active {\n  background: #cc7a00;\n}\n.twim-widget-controls.color-theme-orange .selectize-input {\n  background-color: white;\n  color: #ffe8cc;\n}\n.twim-widget-controls.color-theme-orange .selectize-dropdown {\n  background-color: white;\n}\n.twim-widget-controls.color-theme-orange .selectize-dropdown .option.selected,\n.twim-widget-controls.color-theme-orange .selectize-dropdown .option.active {\n  background-color: #ffe8cc;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-orange .item,\n.twim-widget-controls.color-theme-orange [data-value] {\n  background-color: white;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-orange .selectize-control.plugin-remove_button .item .remove {\n  border-left: none;\n}\n.twim-widget-controls.color-theme-orange .selectize-control.multi .selectize-input [data-value] {\n  background-color: #cc7a00;\n  background-image: none;\n  border: none;\n  text-shadow: none;\n}\n.twim-widget-controls.color-theme-orange .twim-selectize-showhide .selectize-dropdown-content > div:hover {\n  background-color: #e7ddcf;\n}\n\n.twim-widget-controls.color-theme-lime .twim-tabs {\n  background: #e0eed0;\n  border-color: #9de30c;\n}\n.twim-widget-controls.color-theme-lime .twim-wrap {\n  background: #cbf79c;\n  border-color: #9de30c;\n}\n.twim-widget-controls.color-theme-lime .twim-tab-content::-webkit-scrollbar-thumb,\n.twim-widget-controls.color-theme-lime .twim-tab-nav::-webkit-scrollbar-thumb {\n  background: #c4f28d;\n}\n.twim-widget-controls.color-theme-lime .twim-tab-content li,\n.twim-widget-controls.color-theme-lime .twim-tab-nav li {\n  background: #ecffc8;\n  border-color: #9de30c;\n}\n.twim-widget-controls.color-theme-lime .twim-tab-content li:hover,\n.twim-widget-controls.color-theme-lime .twim-tab-nav li:hover {\n  background: #9de30c;\n}\n.twim-widget-controls.color-theme-lime .twim-tab-content li.active,\n.twim-widget-controls.color-theme-lime .twim-tab-nav li.active {\n  background: #7cc400;\n}\n.twim-widget-controls.color-theme-lime .selectize-input {\n  background-color: white;\n  color: #ecffc8;\n}\n.twim-widget-controls.color-theme-lime .selectize-dropdown {\n  background-color: white;\n}\n.twim-widget-controls.color-theme-lime .selectize-dropdown .option.selected,\n.twim-widget-controls.color-theme-lime .selectize-dropdown .option.active {\n  background-color: #ecffc8;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-lime .item,\n.twim-widget-controls.color-theme-lime [data-value] {\n  background-color: white;\n  color: #000000;\n}\n.twim-widget-controls.color-theme-lime .selectize-control.plugin-remove_button .item .remove {\n  border-left: none;\n}\n.twim-widget-controls.color-theme-lime .selectize-control.multi .selectize-input [data-value] {\n  background-color: #7cc400;\n  background-image: none;\n  border: none;\n  text-shadow: none;\n}\n.twim-widget-controls.color-theme-lime .twim-selectize-showhide .selectize-dropdown-content > div:hover {\n  background-color: #e0eed0;\n}\n\n.twim-tab-content {\n  margin-bottom: 15px;\n}\n\nselect.twim-mode {\n  margin-bottom: 10px;\n  font-size: 90%;\n}\n\ninput.twim-widget-classes {\n  width: 100%;\n  margin-bottom: 10px;\n}\n\n.twim-notice {\n  background: #fbe7ce;\n  padding: 20px;\n}"]}