{"version":3,"sources":["twim-styles.min.css","twim-styles.scss"],"names":[],"mappings":"AAAA,eC+CA,UACI,CAAA,mBACA,CAAA,wBACA,CADA,qBACA,CADA,gBACA,CAAA,sBAGJ,kBACI,CAAA,WAGJ,YACI,CAAA,6BACA,CAAA,aACA,CAAA,kBACA,CAAA,YAGJ,iBACI,CAAA,WAGJ,UACI,CAAA,WACA,CAAA,aAGJ,YACI,CAAA,kBACA,CAAA,SACA,CAAA,aACA,CAAA,kBAGJ,WACI,CAAA,cAGJ,YACI,CAAA,qBACA,CAAA,YACA,CAAA,OAGA,CAAA,eACA,CAAA,aAIA,CAAA,iCAEA,UACI,CAAA,uCAGJ,iBACI,CAAA,iBAGJ,sBACI,CAAA,eACA,CAAA,eACA,CAAA,eACA,CAAA,cACA,CAAA,YACA,CAAA,kBACA,CAAA,eACA,CAAA,8BACA,CAAA,uBAMA,UACI,CAAA,wBAGJ,UACI,CAAA,oCAGJ,qBACI,CAAA,cACA,CAAA,gBACA,CAAA,iDAGJ,WACI,CAAA,iDAGJ,WACI,CAAA,yDAMR,gBACI,CAAA,cAEA,CAAA,2CAEA,CAAA,+DAEA,oBACI,CAAA,kDAgBJ,kBACI,CAAA,oBACA,CAAA,kDAGJ,kBACI,CAAA,oBACA,CAAA,gKAKA,kBACI,CAAA,oHAGJ,kBACI,CAAA,oBACA,CAAA,gIAEA,kBACI,CAAA,kIAGJ,kBACI,CAAA,wDAKZ,qBACI,CAAA,aAEA,CAAA,2DAOJ,qBAGI,CAAA,sJAEA,wBAEI,CAAA,UACA,CAAA,iGAIR,qBAGI,CAAA,UAEA,CAAA,6FAGJ,gBACI,CAAA,8FAGJ,wBACI,CAAA,qBAEA,CAAA,WAEA,CAAA,gBACA,CAAA,sGAMI,wBACI,CAAA,kDA7EZ,kBACI,CAAA,iBACA,CAAA,kDAGJ,eACI,CAAA,iBACA,CAAA,gKAKA,eACI,CAAA,oHAGJ,eACI,CAAA,iBACA,CAAA,gIAEA,eACI,CAAA,kIAGJ,eACI,CAAA,wDAKZ,qBACI,CAAA,UAEA,CAAA,2DAOJ,qBAGI,CAAA,sJAEA,qBAEI,CAAA,UACA,CAAA,iGAIR,qBAGI,CAAA,UAEA,CAAA,6FAGJ,gBACI,CAAA,8FAGJ,qBACI,CAAA,qBAEA,CAAA,WAEA,CAAA,gBACA,CAAA,sGAMI,wBACI,CAAA,oDA7EZ,kBACI,CAAA,iBACA,CAAA,oDAGJ,kBACI,CAAA,iBACA,CAAA,oKAKA,kBACI,CAAA,wHAGJ,kBACI,CAAA,iBACA,CAAA,oIAEA,eACI,CAAA,sIAGJ,kBACI,CAAA,0DAKZ,qBACI,CAAA,aAEA,CAAA,6DAOJ,qBAGI,CAAA,0JAEA,wBAEI,CAAA,UACA,CAAA,qGAIR,qBAGI,CAAA,UAEA,CAAA,+FAGJ,gBACI,CAAA,gGAGJ,wBACI,CAAA,qBAEA,CAAA,WAEA,CAAA,gBACA,CAAA,wGAMI,wBACI,CAAA,kDA7EZ,kBACI,CAAA,oBACA,CAAA,kDAGJ,kBACI,CAAA,oBACA,CAAA,gKAKA,kBACI,CAAA,oHAGJ,kBACI,CAAA,oBACA,CAAA,gIAEA,kBACI,CAAA,kIAGJ,kBACI,CAAA,wDAKZ,qBACI,CAAA,aAEA,CAAA,2DAOJ,qBAGI,CAAA,sJAEA,wBAEI,CAAA,UACA,CAAA,iGAIR,qBAGI,CAAA,UAEA,CAAA,6FAGJ,gBACI,CAAA,8FAGJ,wBACI,CAAA,qBAEA,CAAA,WAEA,CAAA,gBACA,CAAA,sGAMI,wBACI,CAAA,kBAYpB,kBACI,CAAA,iBAGJ,kBACI,CAAA,aACA,CAAA,0BAGJ,UACI,CAAA,kBACA,CAAA,aAGJ,kBACI,CAAA,YACA","file":"twim-styles.min.css","sourcesContent":[".twim-disabled{opacity:.5;pointer-events:none;user-select:none}.twim-widget-controls{margin-bottom:15px}.twim-wrap{display:grid;grid-template-columns:1fr 3fr;padding:5px 0;margin-bottom:10px}.twim-label{margin-bottom:5px}.twim-tabs{width:100%;padding:5px}p.twim-andor{display:flex;align-items:center;gap:0 5px;padding:0 5px}.twim-tab-content{padding:5px}.twim-tab-nav{display:flex;flex-direction:column;margin-top:0;gap:2px;margin-bottom:0;padding:0 5px}.twim-tab-nav::-webkit-scrollbar{height:8px}.twim-tab-nav::-webkit-scrollbar-thumb{border-radius:4px}.twim-tab-nav li{justify-content:center;list-style:none;padding:5px 4px;background:#eee;cursor:pointer;display:flex;align-items:center;margin-bottom:0;transition:all .3s ease-in-out}.twim-tab-nav li:hover{color:#fff}.twim-tab-nav li.active{color:#fff}.twim-tab-nav li.has-settings:after{font-family:dashicons;font-size:120%;padding-left:4px}.twim-tab-nav li.has-settings.setting-show:after{content:\"\"}.twim-tab-nav li.has-settings.setting-hide:after{content:\"\"}.twim-selectize-showhide .selectize-dropdown-content>div{padding:8px 12px;font-size:14px;transition:background-color .3s ease-in-out}.twim-selectize-showhide .selectize-dropdown-content>div:hover{background-color:red}.twim-widget-controls.color-theme-blue .twim-tabs{background:#d3eaf1;border-color:#2fcfff}.twim-widget-controls.color-theme-blue .twim-wrap{background:#73cfeb;border-color:#2fcfff}.twim-widget-controls.color-theme-blue .twim-tab-content::-webkit-scrollbar-thumb,.twim-widget-controls.color-theme-blue .twim-tab-nav::-webkit-scrollbar-thumb{background:#b3e6f7}.twim-widget-controls.color-theme-blue .twim-tab-content li,.twim-widget-controls.color-theme-blue .twim-tab-nav li{background:#dcf7ff;border-color:#2fcfff}.twim-widget-controls.color-theme-blue .twim-tab-content li:hover,.twim-widget-controls.color-theme-blue .twim-tab-nav li:hover{background:#01a0e9}.twim-widget-controls.color-theme-blue .twim-tab-content li.active,.twim-widget-controls.color-theme-blue .twim-tab-nav li.active{background:#0073aa}.twim-widget-controls.color-theme-blue .selectize-input{background-color:#fff;color:#dcf7ff}.twim-widget-controls.color-theme-blue .selectize-dropdown{background-color:#fff}.twim-widget-controls.color-theme-blue .selectize-dropdown .option.selected,.twim-widget-controls.color-theme-blue .selectize-dropdown .option.active{background-color:#dcf7ff;color:#000}.twim-widget-controls.color-theme-blue .item,.twim-widget-controls.color-theme-blue [data-value]{background-color:#fff;color:#000}.twim-widget-controls.color-theme-blue .selectize-control.plugin-remove_button .item .remove{border-left:none}.twim-widget-controls.color-theme-blue .selectize-control.multi .selectize-input [data-value]{background-color:#0073aa;background-image:none;border:none;text-shadow:none}.twim-widget-controls.color-theme-blue .twim-selectize-showhide .selectize-dropdown-content>div:hover{background-color:#d3eaf1}.twim-widget-controls.color-theme-gray .twim-tabs{background:#f3f3f3;border-color:#999}.twim-widget-controls.color-theme-gray .twim-wrap{background:#ccc;border-color:#999}.twim-widget-controls.color-theme-gray .twim-tab-content::-webkit-scrollbar-thumb,.twim-widget-controls.color-theme-gray .twim-tab-nav::-webkit-scrollbar-thumb{background:#bbb}.twim-widget-controls.color-theme-gray .twim-tab-content li,.twim-widget-controls.color-theme-gray .twim-tab-nav li{background:#eee;border-color:#999}.twim-widget-controls.color-theme-gray .twim-tab-content li:hover,.twim-widget-controls.color-theme-gray .twim-tab-nav li:hover{background:#999}.twim-widget-controls.color-theme-gray .twim-tab-content li.active,.twim-widget-controls.color-theme-gray .twim-tab-nav li.active{background:#666}.twim-widget-controls.color-theme-gray .selectize-input{background-color:#fff;color:#eee}.twim-widget-controls.color-theme-gray .selectize-dropdown{background-color:#fff}.twim-widget-controls.color-theme-gray .selectize-dropdown .option.selected,.twim-widget-controls.color-theme-gray .selectize-dropdown .option.active{background-color:#eee;color:#000}.twim-widget-controls.color-theme-gray .item,.twim-widget-controls.color-theme-gray [data-value]{background-color:#fff;color:#000}.twim-widget-controls.color-theme-gray .selectize-control.plugin-remove_button .item .remove{border-left:none}.twim-widget-controls.color-theme-gray .selectize-control.multi .selectize-input [data-value]{background-color:#666;background-image:none;border:none;text-shadow:none}.twim-widget-controls.color-theme-gray .twim-selectize-showhide .selectize-dropdown-content>div:hover{background-color:#f3f3f3}.twim-widget-controls.color-theme-orange .twim-tabs{background:#e7ddcf;border-color:#fa0}.twim-widget-controls.color-theme-orange .twim-wrap{background:#ffcd8f;border-color:#fa0}.twim-widget-controls.color-theme-orange .twim-tab-content::-webkit-scrollbar-thumb,.twim-widget-controls.color-theme-orange .twim-tab-nav::-webkit-scrollbar-thumb{background:#ffd699}.twim-widget-controls.color-theme-orange .twim-tab-content li,.twim-widget-controls.color-theme-orange .twim-tab-nav li{background:#ffe8cc;border-color:#fa0}.twim-widget-controls.color-theme-orange .twim-tab-content li:hover,.twim-widget-controls.color-theme-orange .twim-tab-nav li:hover{background:#fa0}.twim-widget-controls.color-theme-orange .twim-tab-content li.active,.twim-widget-controls.color-theme-orange .twim-tab-nav li.active{background:#cc7a00}.twim-widget-controls.color-theme-orange .selectize-input{background-color:#fff;color:#ffe8cc}.twim-widget-controls.color-theme-orange .selectize-dropdown{background-color:#fff}.twim-widget-controls.color-theme-orange .selectize-dropdown .option.selected,.twim-widget-controls.color-theme-orange .selectize-dropdown .option.active{background-color:#ffe8cc;color:#000}.twim-widget-controls.color-theme-orange .item,.twim-widget-controls.color-theme-orange [data-value]{background-color:#fff;color:#000}.twim-widget-controls.color-theme-orange .selectize-control.plugin-remove_button .item .remove{border-left:none}.twim-widget-controls.color-theme-orange .selectize-control.multi .selectize-input [data-value]{background-color:#cc7a00;background-image:none;border:none;text-shadow:none}.twim-widget-controls.color-theme-orange .twim-selectize-showhide .selectize-dropdown-content>div:hover{background-color:#e7ddcf}.twim-widget-controls.color-theme-lime .twim-tabs{background:#e0eed0;border-color:#9de30c}.twim-widget-controls.color-theme-lime .twim-wrap{background:#cbf79c;border-color:#9de30c}.twim-widget-controls.color-theme-lime .twim-tab-content::-webkit-scrollbar-thumb,.twim-widget-controls.color-theme-lime .twim-tab-nav::-webkit-scrollbar-thumb{background:#c4f28d}.twim-widget-controls.color-theme-lime .twim-tab-content li,.twim-widget-controls.color-theme-lime .twim-tab-nav li{background:#ecffc8;border-color:#9de30c}.twim-widget-controls.color-theme-lime .twim-tab-content li:hover,.twim-widget-controls.color-theme-lime .twim-tab-nav li:hover{background:#9de30c}.twim-widget-controls.color-theme-lime .twim-tab-content li.active,.twim-widget-controls.color-theme-lime .twim-tab-nav li.active{background:#7cc400}.twim-widget-controls.color-theme-lime .selectize-input{background-color:#fff;color:#ecffc8}.twim-widget-controls.color-theme-lime .selectize-dropdown{background-color:#fff}.twim-widget-controls.color-theme-lime .selectize-dropdown .option.selected,.twim-widget-controls.color-theme-lime .selectize-dropdown .option.active{background-color:#ecffc8;color:#000}.twim-widget-controls.color-theme-lime .item,.twim-widget-controls.color-theme-lime [data-value]{background-color:#fff;color:#000}.twim-widget-controls.color-theme-lime .selectize-control.plugin-remove_button .item .remove{border-left:none}.twim-widget-controls.color-theme-lime .selectize-control.multi .selectize-input [data-value]{background-color:#7cc400;background-image:none;border:none;text-shadow:none}.twim-widget-controls.color-theme-lime .twim-selectize-showhide .selectize-dropdown-content>div:hover{background-color:#e0eed0}.twim-tab-content{margin-bottom:15px}select.twim-mode{margin-bottom:10px;font-size:90%}input.twim-widget-classes{width:100%;margin-bottom:10px}.twim-notice{background:#fbe7ce;padding:20px}","// =======================\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}"]}