.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:translate(0,10px) rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:translate(0,10px) rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em;--tagify-dd-max-height:300px}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag--min-width:1ch;--tag--max-width:100%;--tag-hide-transition:0.3s;--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:inline-flex;align-items:flex-start;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;cursor:text;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){cursor:default}.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{padding:var(--tag-pad)}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}.tagify__tag{display:inline-flex;align-items:center;max-width:calc(var(--tag--max-width) - 10px);margin-inline:5px 0;margin-block:5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag>div{flex:1;vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div>:only-child{width:100%}.tagify__tag>div::before{content:"";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{--tag-bg:var(--tag-invalid-bg);transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify__tag--editable>div{color:var(--tag-text-color--edit)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-inline:auto 4.6666666667px;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"×";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:var(--tag-pad);line-height:normal;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit}.tagify__input:empty::before{position:static}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);height:1em;line-height:1em;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0;position:absolute}.tagify__input::after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input::after{content:none}.tagify--select{cursor:default}.tagify--select::after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{flex:1;max-width:none;margin-inline-end:2em;margin-block:0;padding-block:5px;cursor:text}.tagify--select .tagify__tag div::before{display:none}.tagify--select .tagify__tag+.tagify__input{display:none}.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(-1px);border-top:1px solid var(--tagify-dd-color-primary);overflow:hidden}.tagify__dropdown[dir=rtl]{transform:translate(-100%,-1px)}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:var(--tagify-dd-max-height);overflow:hidden;overflow-x:hidden;background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;animation:dd-wrapper-show 0s .3s forwards}@keyframes dd-wrapper-show{to{overflow-y:auto}}.tagify__dropdown__header:empty{display:none}.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}.tagify__dropdown__footer:empty{display:none}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;white-space:pre-wrap;cursor:pointer;border-radius:2px;position:relative;outline:0;max-height:60px;max-width:100%;line-height:normal}.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}.tagify__dropdown__item--hidden>*{transform:translateY(-100%);opacity:0;transition:inherit}/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}/**
 * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* Reset */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-base-foreground: 								hsl(0, 0%, 98%);
	--ck-color-base-background: 								hsl(0, 0%, 100%);
	--ck-color-base-border: 									hsl(220, 6%, 81%);
	--ck-color-base-action: 									hsl(104, 50.2%, 42.5%);
	--ck-color-base-focus: 										hsl(209, 92%, 70%);
	--ck-color-base-text: 										hsl(0, 0%, 20%);
	--ck-color-base-active: 									hsl(218.1, 100%, 58%);
	--ck-color-base-active-focus:								hsl(218.2, 100%, 52.5%);
	--ck-color-base-error:										hsl(15, 100%, 43%);

	/* -- Generic colors ------------------------------------------------------------------------ */

	--ck-color-focus-border-coordinates: 						218, 81.8%, 56.9%;
	--ck-color-focus-border: 									hsl(var(--ck-color-focus-border-coordinates));
	--ck-color-focus-outer-shadow:								hsl(212.4, 89.3%, 89%);
	--ck-color-focus-disabled-shadow:							hsla(209, 90%, 72%,.3);
	--ck-color-focus-error-shadow:								hsla(9,100%,56%,.3);
	--ck-color-text: 											var(--ck-color-base-text);
	--ck-color-shadow-drop: 									hsla(0, 0%, 0%, 0.15);
	--ck-color-shadow-drop-active:								hsla(0, 0%, 0%, 0.2);
	--ck-color-shadow-inner: 									hsla(0, 0%, 0%, 0.1);

	/* -- Buttons ------------------------------------------------------------------------------- */

	--ck-color-button-default-background: 						transparent;
	--ck-color-button-default-hover-background: 				hsl(0, 0%, 94.1%);
	--ck-color-button-default-active-background: 				hsl(0, 0%, 94.1%);
	--ck-color-button-default-disabled-background: 				transparent;

	--ck-color-button-on-background: 							hsl(212, 100%, 97.1%);
	--ck-color-button-on-hover-background: 						hsl(211.7, 100%, 92.9%);
	--ck-color-button-on-active-background: 					hsl(211.7, 100%, 92.9%);
	--ck-color-button-on-disabled-background: 					hsl(211, 15%, 95%);
	--ck-color-button-on-color:									hsl(218.1, 100%, 58%);


	--ck-color-button-action-background: 						var(--ck-color-base-action);
	--ck-color-button-action-hover-background: 					hsl(104, 53.2%, 40.2%);
	--ck-color-button-action-active-background: 				hsl(104, 53.2%, 40.2%);
	--ck-color-button-action-disabled-background: 				hsl(104, 44%, 58%);
	--ck-color-button-action-text: 								var(--ck-color-base-background);

	--ck-color-button-save: 									hsl(120, 100%, 27%);
	--ck-color-button-cancel: 									hsl(15, 100%, 43%);

	--ck-color-switch-button-off-background:					hsl(0, 0%, 57.6%);
	--ck-color-switch-button-off-hover-background:				hsl(0, 0%, 49%);
	--ck-color-switch-button-on-background:						var(--ck-color-button-action-background);
	--ck-color-switch-button-on-hover-background:				hsl(104, 53.2%, 40.2%);
	--ck-color-switch-button-inner-background:					var(--ck-color-base-background);
	--ck-color-switch-button-inner-shadow:						hsla(0, 0%, 0%, 0.1);

	/* -- Dropdown ------------------------------------------------------------------------------ */

	--ck-color-dropdown-panel-background: 						var(--ck-color-base-background);
	--ck-color-dropdown-panel-border: 							var(--ck-color-base-border);

	/* -- Dialog -------------------------------------------------------------------------------- */

	--ck-color-dialog-background: 								var(--ck-custom-background);
	--ck-color-dialog-form-header-border: 						var(--ck-custom-border);

	/* -- Input --------------------------------------------------------------------------------- */

	--ck-color-input-background: 								var(--ck-color-base-background);
	--ck-color-input-border: 									var(--ck-color-base-border);
	--ck-color-input-error-border:								var(--ck-color-base-error);
	--ck-color-input-text: 										var(--ck-color-base-text);
	--ck-color-input-disabled-background: 						hsl(0, 0%, 95%);
	--ck-color-input-disabled-border: 							var(--ck-color-base-border);
	--ck-color-input-disabled-text: 							hsl(0, 0%, 46%);

	/* -- List ---------------------------------------------------------------------------------- */

	--ck-color-list-background: 								var(--ck-color-base-background);
	--ck-color-list-button-hover-background: 					var(--ck-color-button-default-hover-background);
	--ck-color-list-button-on-background: 						var(--ck-color-button-on-color);
	--ck-color-list-button-on-background-focus: 				var(--ck-color-button-on-color);
	--ck-color-list-button-on-text:								var(--ck-color-base-background);

	/* -- Panel --------------------------------------------------------------------------------- */

	--ck-color-panel-background: 								var(--ck-color-base-background);
	--ck-color-panel-border: 									var(--ck-color-base-border);

	/* -- Toolbar ------------------------------------------------------------------------------- */

	--ck-color-toolbar-background: 								var(--ck-color-base-background);
	--ck-color-toolbar-border: 									var(--ck-color-base-border);

	/* -- Tooltip ------------------------------------------------------------------------------- */

	--ck-color-tooltip-background: 								var(--ck-color-base-text);
	--ck-color-tooltip-text: 									var(--ck-color-base-background);

	/* -- Engine -------------------------------------------------------------------------------- */

	--ck-color-engine-placeholder-text: 						hsl(0, 0%, 44%);

	/* -- Upload -------------------------------------------------------------------------------- */

	--ck-color-upload-bar-background:		 					hsl(209, 92%, 70%);

	/* -- Link -------------------------------------------------------------------------------- */

	--ck-color-link-default:									hsl(240, 100%, 47%);
	--ck-color-link-selected-background:						hsla(201, 100%, 56%, 0.1);
	--ck-color-link-fake-selection:								hsla(201, 100%, 56%, 0.3);

	/* -- Search result highlight ---------------------------------------------------------------- */

	--ck-color-highlight-background:							hsl(60, 100%, 50%);

	/* -- Generic colors ------------------------------------------------------------------------- */

	--ck-color-light-red:										hsl(0, 100%, 90%);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	/**
	 * An opacity value of disabled UI item.
	 */
	--ck-disabled-opacity: .5;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	/**
	 * The geometry of the of focused element's outer shadow.
	 */
	--ck-focus-outer-shadow-geometry: 0 0 0 3px;

	/**
	 * A visual style of focused element's outer shadow.
	 */
	--ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);

	/**
	 * A visual style of focused element's outer shadow (when disabled).
	 */
	--ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);

	/**
	 * A visual style of focused element's outer shadow (when has errors).
	 */
	--ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);

	/**
	 * A visual style of focused element's border or outline.
	 */
	--ck-focus-ring: 1px solid var(--ck-color-focus-border);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-font-size-base: 13px;
	--ck-line-height-base: 1.84615;
	--ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;

	--ck-font-size-tiny: 0.7em;
	--ck-font-size-small: 0.75em;
	--ck-font-size-normal: 1em;
	--ck-font-size-big: 1.4em;
	--ck-font-size-large: 1.8em;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	/* This is super-important. This is **manually** adjusted so a button without an icon
	is never smaller than a button with icon, additionally making sure that text-less buttons
	are perfect squares. The value is also shared by other components which should stay "in-line"
	with buttons. */
	--ck-ui-component-min-height: 2.3em;
}
/**
 * Resets an element, ignoring its children.
 */
.ck.ck-reset,
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
	box-sizing: border-box;
	width: auto;
	height: auto;
	position: static;

	/* Do not include inheritable rules here. */
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-decoration: none;
	vertical-align: middle;
	transition: none;

	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/105 */
	word-wrap: break-word;
}
/**
 * Resets an element AND its children.
 */
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
	/* These are rule inherited by all children elements. */
	border-collapse: collapse;
	font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
	color: var(--ck-color-text);
	text-align: left;
	white-space: nowrap;
	cursor: auto;
	float: none;
}
.ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) {
		text-align: right;
	}
.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
		/* For IE */
		vertical-align: inherit;
	}
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
		white-space: pre-wrap;
	}
.ck-reset_all textarea:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *) {
		cursor: text;
	}
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *) {
		cursor: default;
	}
.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
		padding: 10px;
		border: 2px groove hsl(255, 7%, 88%);
	}
.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
		/* See http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox */
		padding: 0;
		border: 0
	}
/**
 * Default UI rules for RTL languages.
 */
.ck[dir="rtl"],
.ck[dir="rtl"] .ck {
	text-align: right;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Default border-radius value.
 */
:root{
	--ck-border-radius: 2px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	/**
	 * A visual style of element's inner shadow (i.e. input).
	 */
	--ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;

	/**
	 * A visual style of element's drop shadow (i.e. panel).
	 */
	--ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);

	/**
	 * A visual style of element's active shadow (i.e. comment or suggestion).
	 */
	--ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-spacing-unit: 						0.6em;
	--ck-spacing-large: 					calc(var(--ck-spacing-unit) * 1.5);
	--ck-spacing-standard: 					var(--ck-spacing-unit);
	--ck-spacing-medium: 					calc(var(--ck-spacing-unit) * 0.8);
	--ck-spacing-small: 					calc(var(--ck-spacing-unit) * 0.5);
	--ck-spacing-tiny: 						calc(var(--ck-spacing-unit) * 0.3);
	--ck-spacing-extra-tiny: 				calc(var(--ck-spacing-unit) * 0.16);
}

/* Components */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
.ck.ck-autocomplete > .ck-search__results {
		border-radius: 0;
	}
.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results, .ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-autocomplete > .ck-search__results {
		box-shadow: var(--ck-drop-shadow), 0 0;

		max-height: 200px;
		overflow-y: auto;
		background: var(--ck-color-base-background);
		border: 1px solid var(--ck-color-dropdown-panel-border);
		min-width: auto;
	}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;

			/* Prevent duplicated borders between the input and the results pane. */
			margin-bottom: -1px;
		}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
			border-top-left-radius: 0;
			border-top-right-radius: 0;

			/* Prevent duplicated borders between the input and the results pane. */
			margin-top: -1px;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-button,
a.ck.ck-button {
	background: var(--ck-color-button-default-background);
	border-radius: 0;

	white-space: nowrap;
	cursor: default;
	vertical-align: middle;
	padding: var(--ck-spacing-tiny);
	text-align: center;

	/* A very important piece of styling. Go to variable declaration to learn more. */
	min-width: var(--ck-ui-component-min-height);
	min-height: var(--ck-ui-component-min-height);

	/* Normalize the height of the line. Removing this will break consistent height
	among text and text-less buttons (with icons). */
	line-height: 1;

	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;

	/* Avoid flickering when the foucs border shows up. */
	border: 1px solid transparent;

	/* Apply some smooth transition to the box-shadow and border. */
	transition: box-shadow .2s ease-in-out, border .2s ease-in-out;

	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/189 */
	-webkit-appearance: none;
}
.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
			background: var(--ck-color-button-default-hover-background);
		}
.ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active {
			background: var(--ck-color-button-default-active-background);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled {
		background: var(--ck-color-button-default-disabled-background);
	}
.ck-rounded-corners .ck.ck-button,
.ck-rounded-corners a.ck.ck-button,
.ck.ck-button.ck-rounded-corners,
a.ck.ck-button.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button,
a.ck.ck-button {
		transition: none;
}
	}
.ck.ck-button:active,
	a.ck.ck-button:active,
	.ck.ck-button:focus,
	a.ck.ck-button:focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-focus-outer-shadow), 0 0;
	}
/* Allow icon coloring using the text "color" property. */
.ck.ck-button .ck-button__icon use,
		a.ck.ck-button .ck-button__icon use,
		.ck.ck-button .ck-button__icon use *,
		a.ck.ck-button .ck-button__icon use * {
			color: inherit;
		}
.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
		/* Enable font size inheritance, which allows fluid UI scaling. */
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		cursor: inherit;

		/* Must be consistent with .ck-icon's vertical align. Otherwise, buttons with and
		without labels (but with icons) have different sizes in Chrome */
		vertical-align: middle;
	}
[dir="ltr"] .ck.ck-button .ck-button__label, [dir="ltr"] a.ck.ck-button .ck-button__label {
			text-align: left;
	}
[dir="rtl"] .ck.ck-button .ck-button__label, [dir="rtl"] a.ck.ck-button .ck-button__label {
			text-align: right;
	}
.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke {
		color: inherit;
	}
[dir="ltr"] .ck.ck-button .ck-button__keystroke, [dir="ltr"] a.ck.ck-button .ck-button__keystroke {
			margin-left: var(--ck-spacing-large);
	}
[dir="rtl"] .ck.ck-button .ck-button__keystroke, [dir="rtl"] a.ck.ck-button .ck-button__keystroke {
			margin-right: var(--ck-spacing-large);
	}
.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke {

		opacity: .5;
	}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
.ck.ck-button.ck-disabled:active,
		a.ck.ck-button.ck-disabled:active,
		.ck.ck-button.ck-disabled:focus,
		a.ck.ck-button.ck-disabled:focus {
			/* The disabled button should have a slightly less visible shadow when focused. */
			box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
		}
.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon {
			opacity: var(--ck-disabled-opacity);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label {
			opacity: var(--ck-disabled-opacity);
		}
.ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke {
			opacity: .3;
		}
.ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text {
		padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);

		/* stylelint-disable-next-line no-descending-specificity */
	}
[dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
				margin-left: calc(-1 * var(--ck-spacing-small));
				margin-right: var(--ck-spacing-small);
		}
[dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
				margin-right: calc(-1 * var(--ck-spacing-small));
				margin-left: var(--ck-spacing-small);
		}
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
			flex-grow: 1;
		}
/* A style of the button which is currently on, e.g. its feature is active. */
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
		background: var(--ck-color-button-on-background);

		color: var(--ck-color-button-on-color);
	}
.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover {
			background: var(--ck-color-button-on-hover-background);
		}
.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active {
			background: var(--ck-color-button-on-active-background);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled {
		background: var(--ck-color-button-on-disabled-background);
	}
.ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save {
		color: var(--ck-color-button-save);
	}
.ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel {
		color: var(--ck-color-button-cancel);
	}
/* A style of the button which handles the primary action. */
.ck.ck-button-action,
a.ck.ck-button-action {
	background: var(--ck-color-button-action-background);

	color: var(--ck-color-button-action-text);
}
.ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover {
			background: var(--ck-color-button-action-hover-background);
		}
.ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active {
			background: var(--ck-color-button-action-active-background);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled {
		background: var(--ck-color-button-action-disabled-background);
	}
.ck.ck-button-bold,
a.ck.ck-button-bold {
	font-weight: bold;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Note: To avoid rendering issues (aliasing) but to preserve the responsive nature
of the component, floating–point numbers have been used which, for the default font size
(see: --ck-font-size-base), will generate simple integers. */
:root {
	/* 34px at 13px font-size */
	--ck-switch-button-toggle-width: 2.6153846154em;
	/* 14px at 13px font-size */
	--ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px);
	--ck-switch-button-translation: calc(
		var(--ck-switch-button-toggle-width) -
		var(--ck-switch-button-toggle-inner-size) -
		2px /* Border */
	);
	--ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}
/* Unlike a regular button, the switch button text color and background should never change.
	 * Changing toggle switch (background, outline) is enough to carry the information about the
	 * state of the entire component (https://github.com/ckeditor/ckeditor5/issues/12519)
	 */
.ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active {
		color: inherit;
		background: transparent;
	}
[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label {
			/* Separate the label from the switch */
			margin-right: calc(2 * var(--ck-spacing-large));
	}
[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label {
			/* Separate the label from the switch */
			margin-left: calc(2 * var(--ck-spacing-large));
	}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
		border-radius: 0;
	}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle, .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
			/* Make sure the toggle is always to the right as far as possible. */
			margin-left: auto;
	}
[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
			/* Make sure the toggle is always to the left as far as possible. */
			margin-right: auto;
	}
.ck.ck-button.ck-switchbutton .ck-button__toggle {

		/* Apply some smooth transition to the box-shadow and border. */
		/* Gently animate the background color of the toggle switch */
		transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out;
		border: 1px solid transparent;
		width: var(--ck-switch-button-toggle-width);
		background: var(--ck-color-switch-button-off-background);
	}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
			border-radius: 0;
		}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner, .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-radius: calc(.5 * var(--ck-border-radius));
		}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {

			width: var(--ck-switch-button-toggle-inner-size);
			height: var(--ck-switch-button-toggle-inner-size);
			background: var(--ck-color-switch-button-inner-background);

			/* Gently animate the inner part of the toggle switch */
			transition: all 300ms ease;
		}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
				transition: none;
		}
			}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
			background: var(--ck-color-switch-button-off-hover-background);
		}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
				box-shadow: var(--ck-switch-button-inner-hover-shadow);
			}
.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
		opacity: var(--ck-disabled-opacity);
	}
/* Overriding default .ck-button:focus styles + an outline around the toogle */
.ck.ck-button.ck-switchbutton:focus {
		border-color: transparent;
		outline: none;
		box-shadow: none;
	}
.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
			box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
			outline-offset: 1px;
			outline: var(--ck-focus-ring);
		}
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
			background: var(--ck-color-switch-button-on-background);
		}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
				background: var(--ck-color-switch-button-on-hover-background);
			}
/*
				* Move the toggle switch to the right. It will be animated.
				*/
[dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
					transform: translateX( var( --ck-switch-button-translation ) );
			}
[dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
					transform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) );
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-collapsible > .ck.ck-button {
		width: 100%;
		font-weight: bold;
		padding: var(--ck-list-button-padding);
		border-radius: 0;
		color: inherit;
	}
.ck.ck-collapsible > .ck.ck-button:focus {
			background: transparent;
		}
.ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
			background: transparent;
			border-color: transparent;
			box-shadow: none;
		}
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
			margin-right: var(--ck-spacing-medium);
			width: var(--ck-collapsible-arrow-size);
		}
.ck.ck-collapsible > .ck-collapsible__children {
		padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
	}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
			transform: rotate(-90deg);
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-grid-tile-size: 24px;

	/* Not using global colors here because these may change but some colors in a pallette
	 * require special treatment. For instance, this ensures no matter what the UI text color is,
	 * the check icon will look good on the black color tile. */
	--ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
}
.ck.ck-color-grid {
	grid-gap: 5px;
	padding: 8px;
}
.ck.ck-color-grid__tile {
	transition: .2s ease box-shadow;
}
@media (forced-colors: none) {
		.ck.ck-color-grid__tile {
		width: var(--ck-color-grid-tile-size);
		height: var(--ck-color-grid-tile-size);
		min-width: var(--ck-color-grid-tile-size);
		min-height: var(--ck-color-grid-tile-size);
		padding: 0;
		border: 0;
		}

		.ck.ck-color-grid__tile.ck-on,
		.ck.ck-color-grid__tile:focus:not( .ck-disabled ),
		.ck.ck-color-grid__tile:hover:not( .ck-disabled ) {
			/* Disable the default .ck-button's border ring. */
			border: 0;
		}

		.ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
			box-shadow: 0 0 0 1px var(--ck-color-base-border);
		}

		.ck.ck-color-grid__tile.ck-on {
			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
		}

		.ck.ck-color-grid__tile:focus:not( .ck-disabled ),
		.ck.ck-color-grid__tile:hover:not( .ck-disabled ) {
			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
		}
	}
/*
	 * In high contrast mode, the colors are replaced with text labels.
	 * See https://github.com/ckeditor/ckeditor5/issues/14907.
	 */
@media (forced-colors: active) {
		.ck.ck-color-grid__tile {
		width: unset;
		height: unset;
		min-width: unset;
		min-height: unset;
		padding: 0 var(--ck-spacing-small);
		}

		.ck.ck-color-grid__tile .ck-button__label {
			display: inline-block;
		}
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-color-grid__tile {
		transition: none;
}
	}
.ck.ck-color-grid__tile.ck-disabled {
		cursor: unset;
		transition: unset;
	}
.ck.ck-color-grid__tile .ck.ck-icon {
		display: none;
		color: var(--ck-color-color-grid-check-icon);
	}
.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
			display: block;
		}
.ck.ck-color-grid__label {
	padding: 0 var(--ck-spacing-standard);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* View fragment with color grids. */
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
		.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
			width: 100%;
		}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
			padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
				border-top: 1px solid var(--ck-color-base-border);
			}
[dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
					margin-right: var(--ck-spacing-standard);
			}
[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
					margin-left: var(--ck-spacing-standard);
			}
.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
			font-weight: unset;
		}
/* View fragment with a color picker. */
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
			padding: 8px;
		}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
				height: 100px;
				min-width: 180px;
			}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
					border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
				}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
					border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
				}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),
				.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
					width: 15px;
					height: 15px;
				}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
			padding: 0 8px 8px;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
	--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
	--ck-dialog-max-width: 100vw;
	--ck-dialog-max-height: 90vh;
	--ck-color-dialog-background: var(--ck-color-base-background);
	--ck-color-dialog-form-header-border: var(--ck-color-base-border);
}
.ck.ck-dialog-overlay {
	animation: ck-dialog-fade-in .3s;
	background: var(--ck-dialog-overlay-background-color);
	z-index: var(--ck-z-dialog);
}
.ck.ck-dialog {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-dialog, .ck.ck-dialog.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-dialog {
	box-shadow: var(--ck-drop-shadow), 0 0;

	--ck-drop-shadow: var(--ck-dialog-drop-shadow);

	background: var(--ck-color-dialog-background);
	max-height: var(--ck-dialog-max-height);
	max-width: var(--ck-dialog-max-width);
	border: 1px solid var(--ck-color-base-border);
}
.ck.ck-dialog .ck.ck-form__header {
		border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
	}
@keyframes ck-dialog-fade-in {
	0% {
		background: hsla( 0, 0%, 0%, 0 );
	}

	100% {
		background: var(--ck-dialog-overlay-background-color);
	}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dialog .ck.ck-dialog__actions {
		padding: var(--ck-spacing-large);
	}
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
			margin-left: var(--ck-spacing-large);
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-dropdown {
	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;
}
.ck.ck-dropdown .ck-dropdown__arrow {
		width: var(--ck-dropdown-arrow-size);
	}
[dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
			right: var(--ck-spacing-standard);

			/* A space to accommodate the triangle. */
			margin-left: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
			left: var(--ck-spacing-standard);

			/* A space to accommodate the triangle. */
			margin-right: var(--ck-spacing-small);
		}
.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
		opacity: var(--ck-disabled-opacity);
	}
[dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
				/* Make sure dropdowns with just an icon have the right inner spacing */
				padding-left: var(--ck-spacing-small);
			}
[dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
				/* Make sure dropdowns with just an icon have the right inner spacing */
				padding-right: var(--ck-spacing-small);
			}
/* #23 */
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
			width: 7em;
			overflow: hidden;
			text-overflow: ellipsis;
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
			opacity: var(--ck-disabled-opacity);
		}
/* https://github.com/ckeditor/ckeditor5/issues/816 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
			width: auto;
		}
/* https://github.com/ckeditor/ckeditor5/issues/8699 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
		.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
			box-shadow: none;
		}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
				box-shadow: var(--ck-focus-outer-shadow), 0 0;
			}
.ck.ck-dropdown__panel {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown__panel, .ck.ck-dropdown__panel.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-dropdown__panel {
	box-shadow: var(--ck-drop-shadow), 0 0;

	background: var(--ck-color-dropdown-panel-background);
	border: 1px solid var(--ck-color-dropdown-panel-border);
	bottom: 0;

	/* Make sure the panel is at least as wide as the drop-down's button. */
	min-width: 100%;

	/* Disabled corner border radius to be consistent with the .dropdown__button
	https://github.com/ckeditor/ckeditor5/issues/816 */
}
.ck.ck-dropdown__panel.ck-dropdown__panel_se {
		border-top-left-radius: 0;
	}
.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
		border-top-right-radius: 0;
	}
.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
		border-bottom-left-radius: 0;
	}
.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
		border-bottom-right-radius: 0;
	}
.ck.ck-dropdown__panel:focus {
		outline: none;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
	/* Disabled radius of top-left border to be consistent with .dropdown__button
	https://github.com/ckeditor/ckeditor5/issues/816 */
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
		border-top-left-radius: 0;
}
/* Make sure the button belonging to the first/last child of the list goes well with the
	border radius of the entire panel. */
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
			border-radius: 0;
		}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
		}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
			border-radius: 0;
		}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-top-left-radius: 0;
				border-top-right-radius: 0;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-color-split-button-hover-background: hsl(0, 0%, 92%);
	--ck-color-split-button-hover-border: hsl(0, 0%, 70%);
}
/*
	 * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest).
	 */
[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
	[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
			/* Don't round the action button on the right side */
			border-top-right-radius: unset;
			border-bottom-right-radius: unset;
	}
[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
	[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
			/* Don't round the action button on the left side */
			border-top-left-radius: unset;
			border-bottom-left-radius: unset;
	}
.ck.ck-splitbutton > .ck-splitbutton__arrow {
		/* It's a text-less button and since the icon is positioned absolutely in such situation,
		it must get some arbitrary min-width. */
		min-width: unset;
	}
[dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
			/* Don't round the arrow button on the left side */
			border-top-left-radius: unset;
			border-bottom-left-radius: unset;
	}
[dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
			/* Don't round the arrow button on the right side */
			border-top-right-radius: unset;
			border-bottom-right-radius: unset;
	}
.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
			width: var(--ck-dropdown-arrow-size);
		}
/* Make sure the divider stretches 100% height of the button
	https://github.com/ckeditor/ckeditor5/issues/10936 */
.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
		border-top-width: 0px;
		border-bottom-width: 0px;
	}
/* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
	as a whole. The background of both buttons should stand out and there should be a visual
	separation between both buttons. */
/* When the split button hovered as a whole, not as individual buttons. */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
			background: var(--ck-color-split-button-hover-background);
		}
/* Splitbutton separator needs to be set with the ::after pseudoselector
		to display properly the borders on focus */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
			content: '';
			position: absolute;
			width: 1px;
			height: 100%;
			background-color: var(--ck-color-split-button-hover-border);
		}
/* Make sure the divider between the buttons looks fine when the button is focused */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after {
			--ck-color-split-button-hover-border: var(--ck-color-focus-border);
		}
[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
				left: -1px;
			}
[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
				right: -1px;
			}
/* Don't round the bottom left and right corners of the buttons when "open"
	https://github.com/ckeditor/ckeditor5/issues/816 */
.ck.ck-splitbutton.ck-splitbutton_open {
		border-radius: 0;
	}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
				border-bottom-left-radius: 0;
			}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
				border-bottom-right-radius: 0;
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-toolbar-dropdown .ck-toolbar {
	border: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-accessibility-help-dialog-max-width: 600px;
	--ck-accessibility-help-dialog-max-height: 400px;
	--ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
	--ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
	--ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
	padding: var(--ck-spacing-large);
	max-width: var(--ck-accessibility-help-dialog-max-width);
	max-height: var(--ck-accessibility-help-dialog-max-height);
	overflow: auto;
	user-select: text;

	border: 1px solid transparent;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-focus-outer-shadow), 0 0;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
		white-space: normal;
	}
/* Hide the main label of the content container. */
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
		display: none;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
		font-weight: bold;
		font-size: 1.2em;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
		font-weight: bold;
		font-size: 1em;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
	.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
	.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
	.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
		margin: 1em 0;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
		display: grid;
		grid-template-columns: 2fr 1fr;
		border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
		border-bottom: none;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
			border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
			padding: .4em 0;
		}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
			grid-column-start: 1;
		}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
			grid-column-start: 2;
			text-align: right;
		}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
		display: inline-block;
		background: var(--ck-accessibility-help-dialog-code-background-color);
		padding: .4em;
		vertical-align: middle;
		line-height: 1;
		border-radius: 2px;
		text-align: center;
		font-size: .9em;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
		font-family: monospace;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
		min-width: 1.8em;
		box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
		margin: 0 1px;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
			margin-left: 2px;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
:root {
	--ck-color-editable-blur-selection: hsl(0, 0%, 85%);
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable), .ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
		border-radius: var(--ck-border-radius);
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-inner-shadow), 0 0;
	}
.ck.ck-editor__editable_inline {
	overflow: auto;
	padding: 0 var(--ck-spacing-standard);
	border: 1px solid transparent;
}
.ck.ck-editor__editable_inline[dir="ltr"] {
		text-align: left;
	}
.ck.ck-editor__editable_inline[dir="rtl"] {
		text-align: right;
	}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/116 */
.ck.ck-editor__editable_inline > *:first-child {
		margin-top: var(--ck-spacing-large);
	}
/* https://github.com/ckeditor/ckeditor5/issues/847 */
.ck.ck-editor__editable_inline > *:last-child {
		/*
		 * This value should match with the default margins of the block elements (like .media or .image)
		 * to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825).
		 */
		margin-bottom: var(--ck-spacing-large);
	}
/* https://github.com/ckeditor/ckeditor5/issues/6517 */
.ck.ck-editor__editable_inline.ck-blurred ::selection {
		background: var(--ck-color-editable-blur-selection);
	}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */
.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]::after {
		border-bottom-color: var(--ck-color-panel-background);
	}
.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]::after {
		border-top-color: var(--ck-color-panel-background);
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-form-header-height: 44px;
}
.ck.ck-form__header {
	padding: var(--ck-spacing-small) var(--ck-spacing-large);
	height: var(--ck-form-header-height);
	line-height: var(--ck-form-header-height);
	border-bottom: 1px solid var(--ck-color-base-border);
}
[dir="ltr"] .ck.ck-form__header > .ck-icon {
			margin-right: var(--ck-spacing-medium);
	}
[dir="rtl"] .ck.ck-form__header > .ck-icon {
			margin-left: var(--ck-spacing-medium);
	}
.ck.ck-form__header .ck-form__header__label {
		--ck-font-size-base: 15px;
		font-weight: bold;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
}
.ck.ck-icon {
	width: var(--ck-icon-size);
	height: var(--ck-icon-size);

	/* Multiplied by the height of the line in "px" should give SVG "viewport" dimensions */
	font-size: .8333350694em;

	/* Inherit cursor style (#5). */
	cursor: inherit;

	/* This will prevent blurry icons on Firefox. See #340. */
	will-change: transform;
}
.ck.ck-icon * {
		/* Inherit cursor style (#5). */
		cursor: inherit;
	}
/* Allows dynamic coloring of an icon by inheriting its color from the parent. */
.ck.ck-icon.ck-icon_inherit-color {
		color: inherit;
	}
.ck.ck-icon.ck-icon_inherit-color * {
			color: inherit;
		}
.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
				/* Needed by FF. */
				fill: currentColor;
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-input-width: 18em;

	/* Backward compatibility. */
	--ck-input-text-width: var(--ck-input-width);
}
.ck.ck-input {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-input, .ck.ck-input.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-input {

	background: var(--ck-color-input-background);
	border: 1px solid var(--ck-color-input-border);
	padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
	min-width: var(--ck-input-width);

	/* This is important to stay of the same height as surrounding buttons */
	min-height: var(--ck-ui-component-min-height);

	/* Apply some smooth transition to the box-shadow and border. */
	transition: box-shadow .1s ease-in-out, border .1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input {
		transition: none;
}
	}
.ck.ck-input:focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-focus-outer-shadow), 0 0;
	}
.ck.ck-input[readonly] {
		border: 1px solid var(--ck-color-input-disabled-border);
		background: var(--ck-color-input-disabled-background);
		color: var(--ck-color-input-disabled-text);
	}
.ck.ck-input[readonly]:focus {
			/* The read-only input should have a slightly less visible shadow when focused. */
			box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
		}
.ck.ck-input.ck-error {
		border-color: var(--ck-color-input-error-border);
		animation: ck-input-shake .3s ease both;
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input.ck-error {
			animation: none;
	}
		}
.ck.ck-input.ck-error:focus {
			box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
		}
@keyframes ck-input-shake {
	20% {
		transform: translateX(-2px);
	}

	40% {
		transform: translateX(2px);
	}

	60% {
		transform: translateX(-1px);
	}

	80% {
		transform: translateX(1px);
	}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-label {
	font-weight: bold;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);
	--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
	--ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
	--ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));
	--ck-color-labeled-field-label-background: var(--ck-color-base-background);
}
.ck.ck-labeled-field-view {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-labeled-field-view, .ck.ck-labeled-field-view.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
		width: 100%;
	}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			top: 0px;
		}
[dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
				left: 0px;
				transform-origin: 0 0;
				/* By default, display the label scaled down above the field. */
				transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
		}
[dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
				right: 0px;
				transform-origin: 100% 0;
				transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
		}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {

			pointer-events: none;

			background: var(--ck-color-labeled-field-label-background);
			padding: 0 calc(.5 * var(--ck-font-size-tiny));
			line-height: initial;
			font-weight: normal;

			/* Prevent overflow when the label is longer than the input */
			text-overflow: ellipsis;
			overflow: hidden;

			max-width: 100%;

			transition:
				transform var(--ck-labeled-field-view-transition),
				padding var(--ck-labeled-field-view-transition),
				background var(--ck-labeled-field-view-transition);
		}
@media (prefers-reduced-motion: reduce) {
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
				transition: none;
		}
			}
.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			color: var(--ck-color-base-error);
		}
.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
			color: var(--ck-color-base-error);
		}
.ck.ck-labeled-field-view .ck-labeled-field-view__status {
		font-size: var(--ck-font-size-small);
		margin-top: var(--ck-spacing-small);

		/* Let the info wrap to the next line to avoid stretching the layout horizontally.
		The status could be very long. */
		white-space: normal;
	}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
			color: var(--ck-color-base-error);
		}
/* Disabled fields and fields that have no focus should fade out. */
.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
	.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
		color: var(--ck-color-input-disabled-text);
	}
/* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */
/* stylelint-disable-next-line no-descending-specificity */
[dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
	[dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
	}
[dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
	[dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
	}
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
	.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {

		/* Compensate for the default translate position. */
		max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));

		background: transparent;
		padding: 0;
	}
/*------ DropdownView integration ----------------------------------------------------------------------------------- */
/* Make sure dropdown' background color in any of dropdown's state does not collide with labeled field. */
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
		background: transparent;
	}
/* When the dropdown is "empty", the labeled field label replaces its label. */
.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
		opacity: 0;
	}
/* Make sure the label of the empty, unfocused input does not cover the dropdown arrow. */
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
		max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-labeled-input .ck-labeled-input__status {
	font-size: var(--ck-font-size-small);
	margin-top: var(--ck-spacing-small);

	/* Let the info wrap to the next line to avoid stretching the layout horizontally.
	The status could be very long. */
	white-space: normal;
}
.ck.ck-labeled-input .ck-labeled-input__status_error {
	color: var(--ck-color-base-error);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-list-button-padding:
		calc(.11 * var(--ck-line-height-base) * var(--ck-font-size-base))
		calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
}
.ck.ck-list {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-list, .ck.ck-list.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-list {

	list-style-type: none;
	background: var(--ck-color-list-background);
}
.ck.ck-list__item {
	cursor: default;
	min-width: 12em;
}
.ck.ck-list__item > .ck-button {
		min-height: unset;
		width: 100%;
		border-radius: 0;
	}
[dir="ltr"] .ck.ck-list__item > .ck-button {
			text-align: left;
	}
[dir="rtl"] .ck.ck-list__item > .ck-button {
			text-align: right;
	}
.ck.ck-list__item > .ck-button {

		/* List items should have the same height. Use absolute units to make sure it is so
		   because e.g. different heading styles may have different height
		   https://github.com/ckeditor/ckeditor5-heading/issues/63 */
		padding: var(--ck-list-button-padding);
	}
.ck.ck-list__item > .ck-button:active {
			box-shadow: none;
		}
.ck.ck-list__item > .ck-button.ck-on {
			background: var(--ck-color-list-button-on-background);
			color: var(--ck-color-list-button-on-text);
		}
.ck.ck-list__item > .ck-button.ck-on:active {
				box-shadow: none;
			}
.ck.ck-list__item > .ck-button.ck-on:hover:not(.ck-disabled) {
				background: var(--ck-color-list-button-on-background-focus);
			}
.ck.ck-list__item > .ck-button.ck-on:focus:not(.ck-switchbutton):not(.ck-disabled) {
				border-color: var(--ck-color-base-background);
			}
.ck.ck-list__item > .ck-button:hover:not(.ck-disabled) {
			background: var(--ck-color-list-button-hover-background);
		}
/* It's unnecessary to change the background/text of a switch toggle; it has different ways
	of conveying its state (like the switcher) */
.ck.ck-list__item > .ck-switchbutton.ck-on {
			background: var(--ck-color-list-background);
			color: inherit;
		}
.ck.ck-list__item > .ck-switchbutton.ck-on:hover:not(.ck-disabled) {
				background: var(--ck-color-list-button-hover-background);
				color: inherit;
			}
.ck-list .ck-list__group {
	padding-top: var(--ck-spacing-medium);

	/* The group should have a border when it's not the first item. */
}
*:not(.ck-hidden) ~ .ck-list .ck-list__group {
		border-top: 1px solid var(--ck-color-base-border);
	}
.ck-list .ck-list__group > .ck-label {
		font-size: 11px;
		font-weight: bold;
		padding: var(--ck-spacing-medium) var(--ck-spacing-medium) 0 var(--ck-spacing-medium);
	}
.ck.ck-list__separator {
	height: 1px;
	width: 100%;
	background: var(--ck-color-base-border);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-menu-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	background: var(--ck-color-base-background);
	padding: var(--ck-spacing-small);
	gap: var(--ck-spacing-small);
	border: 1px solid var(--ck-color-toolbar-border);
	width: 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-menu-bar__menu {
	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
		max-width: 100%;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
	 * All menu buttons.
	 */
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
		padding: var(--ck-list-button-padding);
		width: 100%;
	}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
			flex-grow: 1;
			overflow: hidden;
			text-overflow: ellipsis;
		}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
			opacity: var(--ck-disabled-opacity);
		}
[dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
				padding-left: var(--ck-spacing-small);
			}
[dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
				padding-right: var(--ck-spacing-small);
			}
/*
	 * Top-level menu buttons only.
	 */
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
		padding: var(--ck-spacing-small) var(--ck-spacing-medium);
		min-height: unset;
	}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
			width: unset;
			line-height: unset;
		}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
			display: none;
		}
/*
	 * Sub-menu buttons.
	 */
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
		border-radius: 0;
	}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:focus {
			border-color: transparent;
			box-shadow: none;
		}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:focus:not(.ck-on) {
				background: var(--ck-color-button-default-hover-background);
			}
/* Spacing in buttons that miss the icon. */
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:not(:has(.ck-button__icon)) > .ck-button__label {
			margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
		}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
			width: var(--ck-dropdown-arrow-size);
		}
[dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
				transform: rotate(-90deg);
		}
[dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
				transform: rotate(90deg);
		}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
			opacity: var(--ck-disabled-opacity);
		}
[dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
				right: var(--ck-spacing-standard);

				/* A space to accommodate the triangle. */
				margin-left: var(--ck-spacing-standard);
			}
[dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
				left: var(--ck-spacing-standard);

				/* A space to accommodate the triangle. */
				margin-right: var(--ck-spacing-small);
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-menu-bar-menu-item-min-width: 18em;
}
.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
	min-width: var(--ck-menu-bar-menu-item-min-width);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
	 * List item buttons.
	 */
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
		border-radius: 0;
	}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
		.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
			/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
			--ck-toolbar-spinner-size: 20px;
		}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
			/* These margins are the same as for .ck-icon. */
			margin-left: calc(-1 * var(--ck-spacing-small));
			margin-right: var(--ck-spacing-small);
		}
/*
		 * Hovered items automatically get focused. Default focus styles look odd
		 * while moving across a huge list of items so let's get rid of them
		 */
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button:focus {
			border-color: transparent;
			box-shadow: none;
		}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button:focus:not(.ck-on) {
				background: var(--ck-color-button-default-hover-background);
			}
/*
	 * First-level sub-menu item buttons.
	 */
/* Spacing in buttons that miss the icon. */
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__panel > ul > .ck-menu-bar__menu__item > .ck-menu-bar__menu__item__button:not(:has(.ck-button__icon)) > .ck-button__label {
			margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-menu-bar-menu-panel-max-width: 75vw;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
	box-shadow: var(--ck-drop-shadow), 0 0;

	background: var(--ck-color-dropdown-panel-background);
	border: 1px solid var(--ck-color-dropdown-panel-border);
	bottom: 0;
	height: fit-content;
	max-width: var(--ck-menu-bar-menu-panel-max-width);

	/* Corner border radius consistent with the button. */
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
		border-top-left-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
		border-top-right-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
		border-bottom-left-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
		border-bottom-right-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
		outline: none;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-balloon-border-width: 1px;
	--ck-balloon-arrow-offset: 2px;
	--ck-balloon-arrow-height: 10px;
	--ck-balloon-arrow-half-width: 8px;
	--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
}
.ck.ck-balloon-panel {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-balloon-panel {
	box-shadow: var(--ck-drop-shadow), 0 0;

	min-height: 15px;

	background: var(--ck-color-panel-background);
	border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
		.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
			width: 0;
			height: 0;
			border-style: solid;
		}
.ck.ck-balloon-panel[class*="arrow_n"]::before,
		.ck.ck-balloon-panel[class*="arrow_n"]::after {
			border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
		}
.ck.ck-balloon-panel[class*="arrow_n"]::before {
			border-color: transparent transparent var(--ck-color-panel-border) transparent;
			margin-top: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_n"]::after {
			border-color: transparent transparent var(--ck-color-panel-background) transparent;
			margin-top: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_s"]::before,
		.ck.ck-balloon-panel[class*="arrow_s"]::after {
			border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
		}
.ck.ck-balloon-panel[class*="arrow_s"]::before {
			border-color: var(--ck-color-panel-border) transparent transparent;
			filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
			margin-bottom: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_s"]::after {
			border-color: var(--ck-color-panel-background) transparent transparent transparent;
			margin-bottom: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_e"]::before,
		.ck.ck-balloon-panel[class*="arrow_e"]::after {
			border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
		}
.ck.ck-balloon-panel[class*="arrow_e"]::before {
			border-color: transparent transparent transparent var(--ck-color-panel-border);
			margin-right: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_e"]::after {
			border-color: transparent transparent transparent var(--ck-color-panel-background);
			margin-right: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_w"]::before,
		.ck.ck-balloon-panel[class*="arrow_w"]::after {
			border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
		}
.ck.ck-balloon-panel[class*="arrow_w"]::before {
			border-color: transparent var(--ck-color-panel-border) transparent transparent;
			margin-left: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_w"]::after {
			border-color: transparent var(--ck-color-panel-background) transparent transparent;
			margin-left: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after {
			left: 50%;
			margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after {
			left: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after {
			right: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after {
			left: 50%;
			margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after {
			left: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after {
			right: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after {
			right: 25%;
			margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after {
			left: 25%;
			margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after {
			right: 25%;
			margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after {
			left: 25%;
			margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after {
			right: calc(-1 * var(--ck-balloon-arrow-height));
			margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
			top: 50%;
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after {
			left: calc(-1 * var(--ck-balloon-arrow-height));
			margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
			top: 50%;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck .ck-balloon-rotator__navigation {
	background: var(--ck-color-toolbar-background);
	border-bottom: 1px solid var(--ck-color-toolbar-border);
	padding: 0 var(--ck-spacing-small);

	/* Let's keep similar appearance to `ck-toolbar`. */
}
.ck .ck-balloon-rotator__navigation > * {
		margin-right: var(--ck-spacing-small);
		margin-top: var(--ck-spacing-small);
		margin-bottom: var(--ck-spacing-small);
	}
/* Gives counter more breath than buttons. */
.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
		margin-right: var(--ck-spacing-standard);

		/* We need to use smaller margin because of previous button's right margin. */
		margin-left: var(--ck-spacing-small);
	}
/* Disable default annotation shadow inside rotator with fake panels. */
.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
		box-shadow: none;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-balloon-fake-panel-offset-horizontal: 6px;
	--ck-balloon-fake-panel-offset-vertical: 6px;
}
/* Let's use `.ck-balloon-panel` appearance. See: balloonpanel.css. */
.ck .ck-fake-panel div {
	box-shadow: var(--ck-drop-shadow), 0 0;

	min-height: 15px;

	background: var(--ck-color-panel-background);
	border: 1px solid var(--ck-color-panel-border);
	border-radius: var(--ck-border-radius);

	width: 100%;
	height: 100%;
}
.ck .ck-fake-panel div:nth-child( 1 ) {
	margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
	margin-top: var(--ck-balloon-fake-panel-offset-vertical);
}
.ck .ck-fake-panel div:nth-child( 2 ) {
	margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
	margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
}
.ck .ck-fake-panel div:nth-child( 3 ) {
	margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
	margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}
/* If balloon is positioned above element, we need to move fake panel to the top. */
.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
	--ck-balloon-fake-panel-offset-vertical: -6px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
		box-shadow: var(--ck-drop-shadow), 0 0;

		border-width: 0 1px 1px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-vertical-form > .ck-button:nth-last-child(2)::after {
	border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form {
	padding: var(--ck-spacing-large);
}
.ck.ck-responsive-form:focus {
		/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
		outline: none;
	}
[dir="ltr"] .ck.ck-responsive-form > :not(:first-child) {
			margin-left: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-responsive-form > :not(:last-child) {
			margin-left: var(--ck-spacing-standard);
		}
@media screen and (max-width: 600px) {
.ck.ck-responsive-form {
		padding: 0;
		width: calc(.8 * var(--ck-input-width));
}

		.ck.ck-responsive-form .ck-labeled-field-view {
			margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
		}

			.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,
			.ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
				min-width: 0;
				width: 100%;
			}

			/* Let the long error messages wrap in the narrow form. */
			.ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
				white-space: normal;
			}

		/* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */
			.ck.ck-responsive-form > .ck-button:nth-last-child(2)::after {
				border-right: 1px solid var(--ck-color-base-border);
			}

		.ck.ck-responsive-form > .ck-button:nth-last-child(1),
		.ck.ck-responsive-form > .ck-button:nth-last-child(2) {
			padding: var(--ck-spacing-standard);
			margin-top: var(--ck-spacing-large);
			border-radius: 0;
		}

			.ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {
				border-top: 1px solid var(--ck-color-base-border);
			}

		[dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
		[dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
				margin-left: 0;
		}

		[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
		[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
				margin-left: 0;
		}

				[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
					border-right: 1px solid var(--ck-color-base-border);
				}
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
}
.ck.ck-search > .ck-labeled-field-view .ck-input {
			width: 100%;
		}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
			--ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
		}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
				opacity: .5;
				pointer-events: none;
			}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
				width: 100%;
			}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
					padding-left: var(--ck-search-field-view-horizontal-spacing);
			}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
						padding-left: var(--ck-search-field-view-horizontal-spacing);
					}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
			--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
		}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
				--ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
			}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
				min-width: auto;
				min-height: auto;

				background: none;
				opacity: .5;
				padding: 0;
			}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
					right: var(--ck-spacing-medium);
			}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
					left: var(--ck-spacing-medium);
			}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
					opacity: 1;
				}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
				width: 100%;
			}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {
						padding-right: var(--ck-search-field-view-horizontal-spacing);
					}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
					padding-right: var(--ck-search-field-view-horizontal-spacing);
			}
.ck.ck-search > .ck-search__results {
		min-width: 100%;
	}
.ck.ck-search > .ck-search__results > .ck-search__info {
			width: 100%;
			padding: var(--ck-spacing-medium) var(--ck-spacing-large);
		}
.ck.ck-search > .ck-search__results > .ck-search__info * {
				white-space: normal;
			}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
				font-weight: bold;
			}
.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
				margin-top: var(--ck-spacing-medium);
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
	width: var(--ck-toolbar-spinner-size);
	height: var(--ck-toolbar-spinner-size);
	animation: 1.5s infinite ck-spinner-rotate linear;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-spinner-container {
		animation-duration: 3s;
}
	}
.ck.ck-spinner {
	width: var(--ck-toolbar-spinner-size);
	height: var(--ck-toolbar-spinner-size);
	border-radius: 50%;
	border: 2px solid var(--ck-color-text);
	border-top-color: transparent;
}
@keyframes ck-spinner-rotate {
	to {
		transform: rotate(360deg)
	}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * This fixes a problem in Firefox when the initial height of the complement does not match the number of rows.
 * This bug is especially visible when rows=1.
 */
.ck-textarea {
	overflow-x: hidden
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-block-toolbar-button: var(--ck-color-text);
	--ck-block-toolbar-button-size: var(--ck-font-size-normal);
}
.ck.ck-block-toolbar-button {
	color: var(--ck-color-block-toolbar-button);
	font-size: var(--ck-block-toolbar-size);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-toolbar {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
}
.ck.ck-toolbar {

	background: var(--ck-color-toolbar-background);
	padding: 0 var(--ck-spacing-small);
	border: 1px solid var(--ck-color-toolbar-border);
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
		height: var(--ck-icon-size);
		width: 1px;
		min-width: 1px;
		background: var(--ck-color-toolbar-border);

		/*
		 * These margins make the separators look better in balloon toolbars (when aligned with the "tip").
		 * See https://github.com/ckeditor/ckeditor5/issues/7493.
		 */
		margin-top: var(--ck-spacing-small);
		margin-bottom: var(--ck-spacing-small);
	}
.ck.ck-toolbar .ck-toolbar__line-break {
		height: 0;
	}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {
			/* (#11) Separate toolbar items. */
			margin-right: var(--ck-spacing-small);
		}
/* Don't display a separator after an empty items container, for instance,
		when all items were grouped */
.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
			display: none;
		}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break),
	.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
		/* Make sure items wrapped to the next line have v-spacing */
		margin-top: var(--ck-spacing-small);
		margin-bottom: var(--ck-spacing-small);
	}
.ck.ck-toolbar.ck-toolbar_vertical {
		/* Items in a vertical toolbar span the entire width. */
		padding: 0;

		/* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */
	}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
			/* Items in a vertical toolbar should span the horizontal space. */
			width: 100%;

			/* Items in a vertical toolbar should have no margin. */
			margin: 0;

			/* Items in a vertical toolbar span the entire width so rounded corners are pointless. */
			border-radius: 0;
		}
.ck.ck-toolbar.ck-toolbar_compact {
		/* No spacing around items. */
		padding: 0;
	}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
			/* Compact toolbar items have no spacing between them. */
			margin: 0;

			/* "Middle" children should have no rounded corners. */
		}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
				border-radius: 0;
			}
/*
		 * Dropdown button has asymmetric padding to fit the arrow.
		 * This button has no arrow so let's revert that padding back to normal.
		 */
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
			padding-left: var(--ck-spacing-tiny);
		}
/* A drop-down containing the nested toolbar with configured items. */
/* Prevent empty space in the panel when the dropdown label is visible and long but the toolbar has few items. */
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
			min-width: auto;
		}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
			max-width: 7em;
			width: auto;
		}
.ck.ck-toolbar:focus {
		outline: none;
	}
.ck-toolbar-container .ck.ck-toolbar {
		border: 0;
}
/* stylelint-disable */
/*
 * Styles for RTL toolbars.
 *
 * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
 * because its parent is not controlled by the editor framework.
 */
[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck {
		margin-right: 0;
	}
[dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
		/* (#11) Separate toolbar items. */
		margin-left: var(--ck-spacing-small);
	}
[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child {
		margin-left: 0;
	}
/* No rounded corners on the right side of the first child. */
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:first-child {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
/* No rounded corners on the left side of the last child. */
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:last-child {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
/* Separate the the separator form the grouping dropdown when some items are grouped. */
[dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator {
		margin-left: var(--ck-spacing-small);
	}
/* Some spacing between the items and the separator before the grouped items dropdown. */
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="rtl"] > .ck-toolbar__items:not(:empty):not(:only-child) {
		margin-left: var(--ck-spacing-small);
	}
/*
 * Styles for LTR toolbars.
 *
 * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
 * because its parent is not controlled by the editor framework.
 */
[dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child {
		margin-right: 0;
	}
/* No rounded corners on the right side of the first child. */
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:first-child {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
/* No rounded corners on the left side of the last child. */
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:last-child {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
/* Separate the the separator form the grouping dropdown when some items are grouped. */
[dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator {
		margin-right: var(--ck-spacing-small);
	}
/* Some spacing between the items and the separator before the grouped items dropdown. */
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="ltr"] > .ck-toolbar__items:not(:empty):not(:only-child) {
		margin-right: var(--ck-spacing-small);
	}
/* stylelint-enable */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-balloon-panel.ck-tooltip {
	--ck-balloon-border-width: 0px;
	--ck-balloon-arrow-offset: 0px;
	--ck-balloon-arrow-half-width: 4px;
	--ck-balloon-arrow-height: 4px;
	--ck-tooltip-text-padding: 4px;
	--ck-color-panel-background: var(--ck-color-tooltip-background);

	padding: 0 var(--ck-spacing-medium);

	/* Reset balloon panel styles */
	box-shadow: none;
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
		font-size: .9em;
		line-height: 1.5;
		color: var(--ck-color-tooltip-text);
	}
.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
		white-space: break-spaces;
		display: inline-block;
		padding: var(--ck-tooltip-text-padding) 0;
		max-width: 200px;
	}
/* Hide the default shadow of the .ck-balloon-panel tip */
.ck.ck-balloon-panel.ck-tooltip::before {
		display: none;
	}

/* Editor */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
			border-radius: 0;
		}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
		}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {

			border: 1px solid var(--ck-color-base-border);
			border-bottom-width: 0;
		}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
				border-bottom-width: 1px;
			}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
				border: 0;
				border-bottom: 1px solid var(--ck-color-base-border);
			}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
				border: 0;
			}
/* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
.ck.ck-editor__main > .ck-editor__editable {
	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
	background: var(--ck-color-base-background);

	border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
		border-color: var(--ck-color-base-border);
	}

/* Plugins */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-clipboard-drop-target-dot-width: 12px;
	--ck-clipboard-drop-target-dot-height: 8px;
	--ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
/*
	 * Vertical drop target (in text).
	 */
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
			bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
			top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
			border: 1px solid var(--ck-clipboard-drop-target-color);
			background: var(--ck-clipboard-drop-target-color);
			margin-left: -1px;

			/* The triangle above the marker */
		}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after {
				content: '';
				width: 0;
				height: 0;

				display: block;
				position: absolute;
				left: 50%;
				top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));

				transform: translateX(-50%);
				border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
				border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
				border-style: solid;
			}
/*
	 * Styles of the widget that it a drop target.
	 */
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
		outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
	}
/*
	 * Styles of the widget being dragged (its preview).
	 */
.ck.ck-editor__editable .ck-widget:-webkit-drag {
		zoom: 0.6;
		outline: none !important;
	}
.ck.ck-clipboard-drop-target-line {
	height: 0;
	border: 1px solid var(--ck-clipboard-drop-target-color);
	background: var(--ck-clipboard-drop-target-color);
	margin-top: -1px;
}
.ck.ck-clipboard-drop-target-line::before {
		content: '';
		position: absolute;
		top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
		width: 0;
		height: 0;
		border-style: solid;
	}
[dir="ltr"] .ck.ck-clipboard-drop-target-line::before {
			left: -1px;

			border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
			border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
	}
[dir="rtl"] .ck.ck-clipboard-drop-target-line::before {
			right: -1px;

			border-width:calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
			border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-code-block-label-background: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable pre[data-language]::after {
	top: -1px;
	right: 10px;
	background: var(--ck-color-code-block-label-background);

	font-size: 10px;
	font-family: var(--ck-font-face);
	line-height: 16px;
	padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
	color: hsl(0, 0%, 100%);
	white-space: nowrap;
}
.ck.ck-code-block-dropdown .ck-dropdown__panel {
	/* There could be dozens of languages available. Use scroll to prevent a 10e6px dropdown. */
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* See ckeditor/ckeditor5#936. */
@media (forced-colors: active) {
		.ck.ck-placeholder, .ck .ck-placeholder {
		/*
		 * This is needed for Edge on Windows to use the right color for the placeholder content (::before).
		 * See https://github.com/ckeditor/ckeditor5/issues/14907.
		 */
		forced-color-adjust: preserve-parent-color;
		}
	}
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
		cursor: text;
	}
@media (forced-colors: none) {
		.ck.ck-placeholder::before, .ck .ck-placeholder::before {
			color: var(--ck-color-engine-placeholder-text);
		}
	}
@media (forced-colors: active) {
		.ck.ck-placeholder::before, .ck .ck-placeholder::before {
			/*
			 * In the high contrast mode there is no telling between regular and placeholder text. Using
			 * italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907.
			 */
			font-style: italic;

			/*
			 * Without this margin, the caret will not show up and blink when the user puts the selection
			 * in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907.
			 */
			margin-left: 1px;
		}
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-find-and-replace-form {
	width: 400px;

	/*
	 * The <form> needs tabindex="-1" for proper Esc handling after being clicked
	 * but the side effect is that this creates a nasty focus outline in some browsers.
	 */
}
.ck.ck-find-and-replace-form:focus {
		outline: none;
	}
/* Generic styles for the form inputs and actions. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
	.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
		flex: 1 1 auto;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: stretch;

		padding: var(--ck-spacing-large);
		margin: 0;

	}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {
			flex: 0 0 auto;
		}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
				margin-left: var(--ck-spacing-standard);
			}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
				margin-right: var(--ck-spacing-standard);
			}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view {
			flex: 1 1 auto;
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input {
				width: 100%;
				min-width: 50px;
			}
/* Styles specific for inputs area. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
		/* To display all controls in line when there's an error under the input */
		align-items: flex-start;
	}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
			transform: rotate(90deg);
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
			transform: rotate(-90deg);
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
			top: 50%;
			transform: translateY(-50%);
		}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
				right: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
				left: var(--ck-spacing-standard);
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {

			color: var(--ck-color-base-border);
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
			flex: 0 0 100%;
			padding-top: var(--ck-spacing-standard);
		}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
				margin-left: 0;
		}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
				margin-right: 0;
		}
/* Styles specific for actions area. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
		flex-wrap: wrap;
		justify-content: flex-end;
		margin-top: calc( -1 * var(--ck-spacing-large) );
	}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
			font-weight: bold;

			/* Beef the find button up a little. It's the main action button in the form */
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
				padding-left: var(--ck-spacing-large);
				padding-right: var(--ck-spacing-large);
			}
.ck.ck-find-and-replace-form .ck-switchbutton {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
@media screen and (max-width: 600px) {
	.ck.ck-find-and-replace-form {
		width: 300px;

		/* Don't let the form overflow from the dialog (https://github.com/cksource/ckeditor5-commercial/issues/5913) */
		max-width: 100%;

		/* Styles specific for inputs area. */
	}
		.ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
			flex-wrap: wrap;
		}

			.ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
				flex: 1 0 auto;
				width: 100%;
				margin-bottom: var(--ck-spacing-standard);
			}

			.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
				text-align: center;
			}

				.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
					flex: 1 1 auto;
				}

				[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
						margin-left: 0;
				}

				[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
						margin-right: 0;
				}

					.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
						width: 100%;
						text-align: center;
					}

		/* Styles specific for actions area. */
		.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
			flex-wrap: wrap;
			flex: 1 1 auto;
		}

			.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
				text-align: center;
			}

				.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
					flex: 1 1 auto;
				}

				[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
						margin-left: 0;
				}

				[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
						margin-right: 0;
				}

				.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
					width: 100%;
					text-align: center;
				}
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Resize dropdown's button label. */
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
		width: 8em;
	}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
		min-width: 18em;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Note: This file should contain the wireframe styles only. But since there are no such styles,
 * it acts as a message to the builder telling that it should look for the corresponding styles
 * **in the theme** when compiling the editor.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
	--ck-html-embed-source-height: 10em;
	--ck-html-embed-unfocused-outline-width: 1px;
	--ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));

	--ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
	--ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
}
/* The feature container. */
.ck-widget.raw-html-embed {
	font-size: var(--ck-font-size-base);
	background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
		outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
	}
/* HTML embed widget itself should respect UI language direction */
.ck-widget.raw-html-embed[dir="ltr"] {
		text-align: left;
	}
.ck-widget.raw-html-embed[dir="rtl"] {
		text-align: right;
	}
/* ----- Embed label in the upper left corner ----------------------------------------------- */
.ck-widget.raw-html-embed::before {
		content: attr(data-html-embed-label);
		top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
		left: var(--ck-spacing-standard);
		background: hsl(0deg 0% 60%);
		transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
		padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
		border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
		color: var(--ck-color-base-background);
		font-size: var(--ck-font-size-tiny);
		font-family: var(--ck-font-face);
	}
.ck-widget.raw-html-embed[dir="rtl"]::before {
		left: auto;
		right: var(--ck-spacing-standard);
	}
/* Make space for label but it only collides in LTR languages */
.ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
		margin-left: 50px;
	}
.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {
		top: 0px;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {
		top: 0;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
		background: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {
		top: 0px;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
/* ----- Emebed internals --------------------------------------------------------------------- */
.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
		padding: var(--ck-spacing-standard);
	}
/* The switch mode button wrapper. */
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
		top: var(--ck-spacing-standard);
		right: var(--ck-spacing-standard);
	}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
			color: var(--ck-color-button-save);
		}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
			color: var(--ck-color-button-cancel);
		}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
			margin-top: var(--ck-spacing-small);
		}
.ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper {
		left: var(--ck-spacing-standard);
		right: auto;
	}
/* The edit source element. */
.ck-widget.raw-html-embed .raw-html-embed__source {
		box-sizing: border-box;
		height: var(--ck-html-embed-source-height);
		width: var(--ck-html-embed-content-width);
		resize: none;
		min-width: 0;
		padding: var(--ck-spacing-standard);

		font-family: monospace;
		tab-size: 4;
		white-space: pre-wrap;
		font-size: var(--ck-font-size-base); /* Safari needs this. */

		/* HTML code is direction–agnostic. */
		text-align: left;
		direction: ltr;
	}
.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
			background: var(--ck-html-embed-source-disabled-background);
			color: var(--ck-html-embed-source-disabled-color);

			/* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */
			-webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
			opacity: 1;
		}
/* The preview data container. */
.ck-widget.raw-html-embed .raw-html-embed__preview {
		min-height: var(--ck-html-embed-content-min-height);
		width: var(--ck-html-embed-content-width);

		/* Disable all mouse interaction as long as the editor is not read–only. */
	}
.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
			pointer-events: none;
	}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
		box-sizing: border-box;
		background-color: var(--ck-color-base-foreground);
	}
.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
			margin-left: auto;
			margin-right: auto;
		}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
		color: var(--ck-html-embed-source-disabled-color)
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-image-insert-insert-by-url-width: 250px;
}
.ck.ck-image-insert-url {
	--ck-input-width: 100%;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
		grid-column-gap: var(--ck-spacing-large);
		margin-top: var(--ck-spacing-large);
	}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
		.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
			justify-content: center;
			min-width: auto;
		}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
			color: var(--ck-color-text);
		}
.ck.ck-image-insert-form > .ck.ck-button {
		display: block;
		width: 100%;
		padding: var(--ck-list-button-padding);
	}
[dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button {
			text-align: left;
	}
[dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button {
			text-align: right;
	}
.ck.ck-image-insert-form > .ck.ck-collapsible {

		min-width: var(--ck-image-insert-insert-by-url-width);
	}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
			border-top: 1px solid var(--ck-color-base-border);
		}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
			border-bottom: 1px solid var(--ck-color-base-border);
		}
/* This is the case when there are no other integrations configured than insert by URL */
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
		min-width: var(--ck-image-insert-insert-by-url-width);
		padding: var(--ck-spacing-large);
	}
.ck.ck-image-insert-form:focus {
		outline: none;
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-image-upload-icon: hsl(0, 0%, 100%);
	--ck-color-image-upload-icon-background: hsl(120, 100%, 27%);

	/* Match the icon size with the linked image indicator brought by the link image feature. */
	--ck-image-upload-icon-size: 20;
	--ck-image-upload-icon-width: 2px;
	--ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck-image-upload-complete-icon {
	opacity: 0;
	background: var(--ck-color-image-upload-icon-background);
	animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
	animation-fill-mode: forwards, forwards;
	animation-duration: 500ms, 500ms;

	/* To make animation scalable. */
	font-size: calc(1px * var(--ck-image-upload-icon-size));

	/* Hide completed upload icon after 3 seconds. */
	animation-delay: 0ms, 3000ms;

	/*
	 * Use CSS math to simulate container queries.
	 * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
	 */
	overflow: hidden;
	width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
	height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));

	/* This is check icon element made from border-width mixed with animations. */
}
.ck-image-upload-complete-icon::after {
		/* Because of border transformation we need to "hard code" left position. */
		left: 25%;

		top: 50%;
		opacity: 0;
		height: 0;
		width: 0;

		transform: scaleX(-1) rotate(135deg);
		transform-origin: left top;
		border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
		border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);

		animation-name: ck-upload-complete-icon-check;
		animation-duration: 500ms;
		animation-delay: 500ms;
		animation-fill-mode: forwards;

		/* #1095. While reset is not providing proper box-sizing for pseudoelements, we need to handle it. */
		box-sizing: border-box;
	}
@media (prefers-reduced-motion: reduce) {
.ck-image-upload-complete-icon {
		animation-duration: 0ms;
}

		.ck-image-upload-complete-icon::after {
			animation: none;
			opacity: 1;
			width: 0.3em;
			height: 0.45em;
		}
	}
@keyframes ck-upload-complete-icon-show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes ck-upload-complete-icon-hide {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
@keyframes ck-upload-complete-icon-check {
	0% {
		opacity: 1;
		width: 0;
		height: 0;
	}
	33% {
		width: 0.3em;
		height: 0;
	}
	100% {
		opacity: 1;
		width: 0.3em;
		height: 0.45em;
	}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
	--ck-upload-placeholder-loader-size: 32px;
	--ck-upload-placeholder-image-aspect-ratio: 2.8;
}
.ck .ck-image-upload-placeholder {
	/* We need to control the full width of the SVG gray background. */
	width: 100%;
	margin: 0;
}
.ck .ck-image-upload-placeholder.image-inline {
		width: calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio) );
	}
.ck .ck-image-upload-placeholder img {
		/*
		 * This is an arbitrary aspect for a 1x1 px GIF to display to the user. Not too tall, not too short.
		 * There's nothing special about this number except that it should make the image placeholder look like
		 * a real image during this short period after the upload started and before the image was read from the
		 * file system (and a rich preview was loaded).
		 */
		aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
	}
.ck .ck-upload-placeholder-loader {
	width: 100%;
	height: 100%;
}
.ck .ck-upload-placeholder-loader::before {
		width: var(--ck-upload-placeholder-loader-size);
		height: var(--ck-upload-placeholder-loader-size);
		border-radius: 50%;
		border-top: 3px solid var(--ck-color-upload-placeholder-loader);
		border-right: 2px solid transparent;
		animation: ck-upload-placeholder-loader 1s linear infinite;
	}
@keyframes ck-upload-placeholder-loader {
	to {
		transform: rotate( 360deg );
	}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Showing animation. */
.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
			animation: fadeIn 700ms;
		}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
				opacity: 1;
				animation: none;
		}
			}
/* Upload progress bar. */
.ck.ck-editor__editable .image .ck-progress-bar,
	.ck.ck-editor__editable .image-inline .ck-progress-bar {
		height: 2px;
		width: 0;
		background: var(--ck-color-upload-bar-background);
		transition: width 100ms;
	}
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Class added to span element surrounding currently selected link. */
.ck .ck-link_selected {
	background: var(--ck-color-link-selected-background);

	/* Give linked inline images some outline to let the user know they are also part of the link. */
}
.ck .ck-link_selected span.image-inline {
		outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
	}
/*
 * Classes used by the "fake visual selection" displayed in the content when an input
 * in the link UI has focus (the browser does not render the native selection in this state).
 */
.ck .ck-fake-link-selection {
	background: var(--ck-color-link-fake-selection);
}
/* A collapsed fake visual selection. */
.ck .ck-fake-link-selection_collapsed {
	height: 100%;
	border-right: 1px solid var(--ck-color-base-text);
	margin-right: -1px;
	outline: solid 1px hsla(0, 0%, 100%, .5);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Makes element unselectable.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
		padding-left: 0;
		padding-right: 0;
	}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
			padding: 0 var(--ck-spacing-medium);
			color: var(--ck-color-link-default);
			text-overflow: ellipsis;
			cursor: pointer;

			/* Match the box model of the link editor form's input so the balloon
			does not change width when moving between actions and the form. */
			max-width: var(--ck-input-width);
			min-width: 3em;
			text-align: center;
		}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
				text-decoration: underline;
			}
.ck.ck-link-actions .ck-button.ck-link-actions__preview,
		.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover,
		.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
		.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
			background: none;
		}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
			box-shadow: none;
		}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
				text-decoration: underline;
			}
[dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child) {
			margin-left: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) {
			margin-left: var(--ck-spacing-standard);
		}
@media screen and (max-width: 600px) {
		.ck.ck-link-actions .ck-button.ck-link-actions__preview {
			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
		}

			.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
				min-width: 0;
				max-width: 100%;
			}

		[dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
				margin-left: 0;
		}

		[dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
				margin-left: 0;
		}
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Style link form differently when manual decorators are available.
 * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
 */
.ck.ck-link-form_layout-vertical {
	padding: 0;
	min-width: var(--ck-input-width);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view {
		margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
	}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
			min-width: 0;
			width: 100%;
		}
.ck.ck-link-form_layout-vertical > .ck-button {
		padding: var(--ck-spacing-standard);
		margin: 0;
		width: 50%;
		border-radius: 0;
	}
.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
			border-top: 1px solid var(--ck-color-base-border);
		}
[dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button {
			margin-left: 0;
	}
[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button {
			margin-left: 0;
	}
[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
				border-right: 1px solid var(--ck-color-base-border);
			}
/* Using additional `.ck` class for stronger CSS specificity than `.ck.ck-link-form > :not(:first-child)`. */
.ck.ck-link-form_layout-vertical .ck.ck-list {
		margin: var(--ck-spacing-standard) var(--ck-spacing-large);
	}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
			padding: 0;
			width: 100%;
		}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
				background: none;
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	/* Match the icon size with the upload indicator brought by the image upload feature. */
	--ck-link-image-indicator-icon-size: 20;
	--ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
/* Linked image indicator */
.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {
			content: "";

			/*
			 * Smaller images should have the icon closer to the border.
			 * Match the icon position with the upload indicator brought by the image upload feature.
			 */
			top: min(var(--ck-spacing-medium), 6%);
			right: min(var(--ck-spacing-medium), 6%);

			background-color: hsla(0, 0%, 0%, .4);
			background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
			background-size: 14px;
			background-repeat: no-repeat;
			background-position: center;
			border-radius: 100%;

			/*
			* Use CSS math to simulate container queries.
			* https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
			*/
			overflow: hidden;
			width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
			height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* When there are no list styles and there is no collapsible. */
.ck.ck-list-properties.ck-list-properties_without-styles {
		padding: var(--ck-spacing-large);
	}
.ck.ck-list-properties.ck-list-properties_without-styles > * {
			min-width: 14em;
		}
.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
				margin-top: var(--ck-spacing-standard);
			}
/*
	 * When the numbered list property fields (start at, reversed) should be displayed,
	 * more horizontal space is needed. Reconfigure the style grid to create that space.
	 */
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
			grid-template-columns: repeat( 4, auto );
		}
/* When list styles are rendered and property fields are in a collapsible. */
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
			border-top: 1px solid var(--ck-color-base-border);
		}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
					width: 100%;
				}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
						margin-top: var(--ck-spacing-standard);
					}
.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
		min-width: auto;
		width: 100%;
	}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
		background: transparent;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: calc(-1 * var(--ck-spacing-tiny));
	}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
			box-shadow: none;
			border-color: transparent;
			background: none;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-list-style-button-size: 44px;
}
.ck.ck-list-styles-list {
	grid-template-columns: repeat( 3, auto );
	row-gap: var(--ck-spacing-medium);
	column-gap: var(--ck-spacing-medium);
	padding: var(--ck-spacing-large);
}
.ck.ck-list-styles-list .ck-button {
		/* Make the button look like a thumbnail (the icon "takes it all"). */
		width: var(--ck-list-style-button-size);
		height: var(--ck-list-style-button-size);
		padding: 0;

		/*
		 * Buttons are aligned by the grid so disable default button margins to not collide with the
		 * gaps in the grid.
		 */
		margin: 0;

		/*
		 * Make sure the button border (which is displayed on focus, BTW) does not steal pixels
		 * from the button dimensions and, as a result, decrease the size of the icon
		 * (which becomes blurry as it scales down).
		 */
		box-sizing: content-box;
	}
.ck.ck-list-styles-list .ck-button .ck-icon {
			width: var(--ck-list-style-button-size);
			height: var(--ck-list-style-button-size);
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-media-embed-placeholder-icon-size: 3em;

	--ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
	--ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}
.ck-media__wrapper {
	margin: 0 auto;
}
.ck-media__wrapper .ck-media__placeholder {
		padding: calc( 3 * var(--ck-spacing-standard) );
		background: var(--ck-color-base-foreground);
	}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
			min-width: var(--ck-media-embed-placeholder-icon-size);
			height: var(--ck-media-embed-placeholder-icon-size);
			margin-bottom: var(--ck-spacing-large);
			background-position: center;
			background-size: cover;
		}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
				width: 100%;
				height: 100%;
			}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
			color: var(--ck-color-media-embed-placeholder-url-text);
			white-space: nowrap;
			text-align: center;
			font-style: italic;
			text-overflow: ellipsis;
		}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: var(--ck-color-media-embed-placeholder-url-text-hover);
				cursor: pointer;
				text-decoration: underline;
			}
.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
		max-width: 300px;
		max-height: 380px;
	}
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
	.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
	.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
	.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
	}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
		background: hsl(220, 46%, 48%);
	}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
		}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
			color: hsl(220, 100%, 90%);
		}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: hsl(0, 0%, 100%);
			}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
		background: linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%));
	}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
		}
/* stylelint-disable-next-line no-descending-specificity */
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
			color: hsl(302, 100%, 94%);
		}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: hsl(0, 0%, 100%);
			}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
		/* Use gradient to contrast with focused widget (ckeditor/ckeditor5-media-embed#22). */
		background: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%) );
	}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
		}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
			color: hsl(201, 100%, 86%);
		}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: hsl(0, 0%, 100%);
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
	--ck-color-mention-text: hsl(341, 100%, 30%);
}
.ck-content .mention {
	background: var(--ck-color-mention-background);
	color: var(--ck-color-mention-text);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
	--ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
	--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
	--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
	--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
}
.ck-editor__editable .restricted-editing-exception {
	transition: .2s ease-in-out background;
	background-color: var(--ck-color-restricted-editing-exception-background);
	border: 1px solid;
	border-image: linear-gradient(
		to right,
		var(--ck-color-restricted-editing-exception-brackets) 0%,
		var(--ck-color-restricted-editing-exception-brackets) 5px,
		hsla(0, 0%, 0%, 0) 6px,
		hsla(0, 0%, 0%, 0) calc(100% - 6px),
		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
		var(--ck-color-restricted-editing-exception-brackets) 100%
	) 1;
}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable .restricted-editing-exception {
		transition: none;
}
	}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
		background-color: var(--ck-color-restricted-editing-selected-exception-background);
		border-image: linear-gradient(
			to right,
			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
			var(--ck-color-restricted-editing-selected-exception-brackets) 100%
		) 1;
	}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
		/* Empty exception should have the same width as exception with at least 1 char */
		padding-left: 1ch;
	}
.ck-restricted-editing_mode_restricted {
	cursor: default;

	/* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text
	during the pointer movement. */
}
.ck-restricted-editing_mode_restricted * {
		cursor: default;
	}
.ck-restricted-editing_mode_restricted .restricted-editing-exception {
		cursor: text;
	}
.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
			cursor: text;
		}
.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
			background: var(--ck-color-restricted-editing-exception-hover-background);
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-character-grid-tile-size: 24px;
}
.ck.ck-character-grid {
	overflow-y: auto;
	overflow-x: hidden;
	width: 350px;
	max-height: 200px;
}
@media screen and (max-width: 600px) {
.ck.ck-character-grid {
		width: 190px;
}
	}
.ck.ck-character-grid .ck-character-grid__tiles {
		grid-template-columns: repeat(10, 1fr);
		margin: var(--ck-spacing-standard) var(--ck-spacing-large);
		grid-gap: var(--ck-spacing-standard);
	}
@media screen and (max-width: 600px) {
.ck.ck-character-grid .ck-character-grid__tiles {
			grid-template-columns: repeat(5, 1fr);
	}
	}
.ck.ck-character-grid .ck-character-grid__tile {
		width: var(--ck-character-grid-tile-size);
		height: var(--ck-character-grid-tile-size);
		min-width: var(--ck-character-grid-tile-size);
		min-height: var(--ck-character-grid-tile-size);
		font-size: 1.2em;
		padding: 0;
		transition: .2s ease box-shadow;
		border: 0;
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-character-grid .ck-character-grid__tile {
			transition: none;
	}
		}
.ck.ck-character-grid .ck-character-grid__tile:focus:not( .ck-disabled ),
		.ck.ck-character-grid .ck-character-grid__tile:hover:not( .ck-disabled ) {
			/* Disable the default .ck-button's border ring. */
			border: 0;
			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
		}
/* Make sure the glyph is rendered in the center of the button */
.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
			line-height: var(--ck-character-grid-tile-size);
			width: 100%;
			text-align: center;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-character-info {
	padding: var(--ck-spacing-small) var(--ck-spacing-large);
	border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-character-info > * {
		text-transform: uppercase;
		font-size: var(--ck-font-size-small);
	}
.ck.ck-character-info .ck-character-info__name {
		max-width: 280px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
.ck.ck-character-info .ck-character-info__code {
		opacity: .6;
	}
@media screen and (max-width: 600px) {
.ck.ck-character-info {
		max-width: 190px;
}
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-special-characters-navigation > .ck-label {
		max-width: 160px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
		/* There could be dozens of categories available. Use scroll to prevent a 10e6px dropdown. */
		max-height: 250px;
		overflow-y: auto;
		overflow-x: hidden;
	}
@media screen and (max-width: 600px) {
.ck.ck-special-characters-navigation {
		max-width: 190px;
}

		.ck.ck-special-characters-navigation > .ck-form__header__label {
			text-overflow: ellipsis;
			overflow: hidden;
		}
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
	font-style: italic;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-style-panel-button-width: 120px;
	--ck-style-panel-button-height: 80px;
	--ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
	--ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
	--ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
}
.ck.ck-style-panel .ck-style-grid {
	row-gap: var(--ck-spacing-large);
	column-gap: var(--ck-spacing-large);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
		--ck-color-button-default-hover-background: var(--ck-color-base-background);
		--ck-color-button-default-active-background: var(--ck-color-base-background);

		padding: 0;
		width: var(--ck-style-panel-button-width);
		height: var(--ck-style-panel-button-height);

		/* Let default .ck-button :focus styles apply */
	}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
			border: 1px solid var(--ck-color-base-border);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
			height: 22px;
			line-height: 22px;
			width: 100%;
			padding: 0 var(--ck-spacing-medium);
			overflow: hidden;
			text-overflow: ellipsis;
			flex-shrink: 0;
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
			width: 100%;
			overflow: hidden;
			opacity: .9;

			padding: var(--ck-spacing-medium);
			background: var(--ck-color-base-background);
			border: 2px solid var(--ck-color-base-background);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
			--ck-color-button-default-disabled-background: var(--ck-color-base-foreground);

			/* Let default .ck-button :focus styles apply */
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
				border-color: var(--ck-style-panel-button-label-background);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
				opacity: .4;

				border-color: var(--ck-color-base-foreground);
				filter: saturate(.3);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
			border-color: var(--ck-color-base-active);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
				box-shadow: 0 -1px 0 var(--ck-color-base-active);
				z-index: 1; /* Stay on top of the preview with the shadow. */
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
				border-color: var(--ck-color-base-active-focus);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
				background: var(--ck-style-panel-button-label-background);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
				background: var(--ck-style-panel-button-hover-label-background);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
			border-color: var(--ck-style-panel-button-hover-border-color);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
				opacity: 1;
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
		margin: var(--ck-spacing-large) 0;
	}
.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
			margin-top: 0;
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-style-panel-max-height: 470px;
}
.ck.ck-style-panel {
	padding: var(--ck-spacing-large);
	overflow-y: auto;
	max-height: var(--ck-style-panel-max-height);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
[dir="ltr"] .ck.ck-input-color > .ck.ck-input-text {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
	}
[dir="rtl"] .ck.ck-input-color > .ck.ck-input-text {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
	}
/* Make sure the focused input is always on top of the dropdown button so its
		   outline and border are never cropped (also when the input is read-only). */
.ck.ck-input-color > .ck.ck-input-text:focus {
			z-index: 0;
		}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
			padding: 0;
		}
[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
		}
[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
					border-left: 1px solid transparent;
				}
[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
		}
[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
					border-right: 1px solid transparent;
				}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
				background: var(--ck-color-input-disabled-background);
			}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
				border-radius: 0;
			}
.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview, .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
			}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {

				width: 20px;
				height: 20px;
				border: 1px solid var(--ck-color-input-border);
			}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
					top: -30%;
					left: 50%;
					height: 150%;
					width: 8%;
					background: hsl(0, 100%, 50%);
					border-radius: 2px;
					transform: rotate(45deg);
					transform-origin: 50%;
				}
.ck.ck-input-color .ck.ck-input-color__remove-color {
		width: 100%;
		padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);

		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
			border-bottom: 1px solid var(--ck-color-input-border);
		}
[dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color {
			border-top-right-radius: 0;
	}
[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color {
			border-top-left-radius: 0;
	}
.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
			margin-right: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
				margin-right: 0;
				margin-left: var(--ck-spacing-standard);
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-form {
	padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form:focus {
		/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
		outline: none;
	}
.ck.ck-form .ck.ck-input-text {
		min-width: 100%;
		width: 0;
	}
.ck.ck-form .ck.ck-dropdown {
		min-width: 100%;
	}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
				border: 1px solid var(--ck-color-base-border);
			}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
				width: 100%;
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-form__row {
	padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;

	/* Ignore labels that work as fieldset legends */
}
[dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + * {
				margin-left: var(--ck-spacing-large);
		}
[dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + * {
				margin-right: var(--ck-spacing-large);
		}
.ck.ck-form__row > .ck-label {
		width: 100%;
		min-width: 100%;
	}
.ck.ck-form__row.ck-table-form__action-row {
		margin-top: var(--ck-spacing-large);
	}
.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
			color: var(--ck-color-text);
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-insert-table-dropdown-padding: 10px;
	--ck-insert-table-dropdown-box-height: 11px;
	--ck-insert-table-dropdown-box-width: 12px;
	--ck-insert-table-dropdown-box-margin: 1px;
}
.ck .ck-insert-table-dropdown__grid {
	/* The width of a container should match 10 items in a row so there will be a 10x10 grid. */
	width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
	padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
}
.ck .ck-insert-table-dropdown__label,
.ck[dir=rtl] .ck-insert-table-dropdown__label {
	text-align: center;
}
.ck .ck-insert-table-dropdown-grid-box {
	min-width: var(--ck-insert-table-dropdown-box-width);
	min-height: var(--ck-insert-table-dropdown-box-height);
	margin: var(--ck-insert-table-dropdown-box-margin);
	border: 1px solid var(--ck-color-base-border);
	border-radius: 1px;
	outline: none;
	transition: none;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-insert-table-dropdown-grid-box {
		transition: none;
}
	}
.ck .ck-insert-table-dropdown-grid-box:focus {
		box-shadow: none;
	}
.ck .ck-insert-table-dropdown-grid-box.ck-on {
		border-color: var(--ck-color-focus-border);
		background: var(--ck-color-focus-outer-shadow);
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-table-cell-properties-form {
	width: 320px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
			align-self: flex-end;
			padding: 0;
			width: 25%;
		}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
				background: none;

				/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
				margin-top: var(--ck-spacing-standard);
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
}
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
		.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
		.ck-widget.table td.ck-editor__nested-editable:focus,
		.ck-widget.table th.ck-editor__nested-editable:focus {
			/* A very slight background to highlight the focused cell */
			background: var(--ck-color-selector-focused-cell-background);

			/* Fixes the problem where surrounding cells cover the focused cell's border.
			It does not fix the problem in all places but the UX is improved.
			See https://github.com/ckeditor/ckeditor5-table/issues/29. */
			border-style: none;
			outline: 1px solid var(--ck-color-focus-border);
			outline-offset: -1px; /* progressive enhancement - no IE support */
		}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-table-properties-error-arrow-size: 6px;
	--ck-table-properties-min-error-width: 150px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
					font-size: var(--ck-font-size-tiny);
					text-align: center;
				}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
			.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
				width: 80px;
				min-width: 80px;
				max-width: 80px;
			}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
			padding: 0;
		}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
			.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
				margin: 0
			}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
				align-self: flex-end;
				display: inline-block;
				height: var(--ck-ui-component-min-height);
				line-height: var(--ck-ui-component-min-height);
				margin: 0 var(--ck-spacing-small);
			}
.ck.ck-table-form .ck.ck-labeled-field-view {
		padding-top: var(--ck-spacing-standard);
	}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
			border-radius: 0;
		}
.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status, .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
		}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {

			background: var(--ck-color-base-error);
			color: var(--ck-color-base-background);
			padding: var(--ck-spacing-small) var(--ck-spacing-medium);
			min-width: var(--ck-table-properties-min-error-width);
			text-align: center;

			animation: ck-table-form-labeled-view-status-appear .15s ease both;

			/* The arrow pointing towards the field. */
		}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
				border-color: transparent transparent var(--ck-color-base-error) transparent;
				border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
				border-style: solid;
			}
@media (prefers-reduced-motion: reduce) {
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
				animation: none;
		}
			}
/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
			display: none;
		}
@keyframes ck-table-form-labeled-view-status-appear {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-table-properties-form {
	width: 320px;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
			align-self: flex-end;
			padding: 0;
		}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
				background: none;

				/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
				margin-top: var(--ck-spacing-standard);
			}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
					width: 40px;
				}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
	.ck.ck-editor__editable .table table th.ck-editor__editable_selected {
		position: relative;
		caret-color: transparent;
		outline: unset;
		box-shadow: unset;

		/* https://github.com/ckeditor/ckeditor5/issues/6446 */
	}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
			content: '';
			pointer-events: none;
			background-color: var(--ck-table-selected-cell-background);
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
		.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
		.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
		.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
			background-color: transparent;
		}
/*
		 * To reduce the amount of noise, all widgets in the table selection have no outline and no selection handle.
		 * See https://github.com/ckeditor/ckeditor5/issues/9491.
		 */
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {
			outline: unset;
		}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
				display: none;
			}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-widget-outline-thickness: 3px;
	--ck-widget-handler-icon-size: 16px;
	--ck-widget-handler-animation-duration: 200ms;
	--ck-widget-handler-animation-curve: ease;

	--ck-color-widget-blurred-border: hsl(0, 0%, 87%);
	--ck-color-widget-hover-border: hsl(43, 100%, 62%);
	--ck-color-widget-editable-focus-background: var(--ck-color-base-background);
	--ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
}
.ck .ck-widget {
	outline-width: var(--ck-widget-outline-thickness);
	outline-style: solid;
	outline-color: transparent;
	transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget {
		transition: none;
}
	}
.ck .ck-widget.ck-widget_selected,
	.ck .ck-widget.ck-widget_selected:hover {
		outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
	}
.ck .ck-widget:hover {
		outline-color: var(--ck-color-widget-hover-border);
	}
.ck .ck-editor__nested-editable {
	border: 1px solid transparent;

	/* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view.
	These styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
	.ck .ck-editor__nested-editable:focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-inner-shadow), 0 0;
	}
@media (forced-colors: none) {
		.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus {
			background-color: var(--ck-color-widget-editable-focus-background);
		}
	}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
		padding: 4px;
		box-sizing: border-box;

		/* Background and opacity will be animated as the handler shows up or the widget gets selected. */
		background-color: transparent;
		opacity: 0;

		/* Transition:
		   * background-color for the .ck-widget_selected state change,
		   * visibility for hiding the handler,
		   * opacity for the proper look of the icon when the handler disappears. */
		transition:
			background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
			visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
			opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);

		/* Make only top corners round. */
		border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;

		/* Place the drag handler outside the widget wrapper. */
		transform: translateY(-100%);
		left: calc(0px - var(--ck-widget-outline-thickness));
		top: 0;
	}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
			transition: none;
	}
		}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
			/* Make sure the dimensions of the icon are independent of the fon-size of the content. */
			width: var(--ck-widget-handler-icon-size);
			height: var(--ck-widget-handler-icon-size);
			color: var(--ck-color-widget-drag-handler-icon-color);

			/* The "selected" part of the icon is invisible by default */
		}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
				opacity: 0;

				/* Note: The animation is longer on purpose. Simply feels better. */
				transition: opacity 300ms var(--ck-widget-handler-animation-curve);
			}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
					transition: none;
			}
				}
/* Advertise using the look of the icon that once clicked the handler, the widget will be selected. */
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
			opacity: 1;
		}
/* Show the selection handler on mouse hover over the widget, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
		opacity: 1;
		background-color: var(--ck-color-widget-hover-border);
	}
/* Show the selection handler when the widget is selected, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
			opacity: 1;
			background-color: var(--ck-color-focus-border);

			/* When the widget is selected, notify the user using the proper look of the icon. */
		}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
				opacity: 1;
			}
/* In a RTL environment, align the selection handler to the right side of the widget */
/* stylelint-disable-next-line no-descending-specificity */
.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
	left: auto;
	right: calc(0px - var(--ck-widget-outline-thickness));
}
/* https://github.com/ckeditor/ckeditor5/issues/6415 */
.ck.ck-editor__editable.ck-read-only .ck-widget {
	/* Prevent the :hover outline from showing up because of the used outline-color transition. */
	transition: none;
}
.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
		/* Disable visual effects of hover/active widget when CKEditor is in readOnly mode.
		 * See: https://github.com/ckeditor/ckeditor5/issues/1261
		 *
		 * Leave the unit because this custom property is used in calc() by other features.
		 * See: https://github.com/ckeditor/ckeditor5/issues/6775
		 */
		--ck-widget-outline-thickness: 0px;
	}
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
		.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
			background: var(--ck-color-widget-blurred-border);
		}
/* Style the widget when it's selected but the editable it belongs to lost focus. */
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
	.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
		outline-color: var(--ck-color-widget-blurred-border);
	}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle,
			.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle,
			.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover,
			.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover {
				background: var(--ck-color-widget-blurred-border);
			}
.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
	/* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable.
	In fact, anything with overflow: hidden.
	https://github.com/ckeditor/ckeditor5-block-quote/issues/28
	https://github.com/ckeditor/ckeditor5-widget/issues/44
	https://github.com/ckeditor/ckeditor5-widget/issues/66 */
	margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-resizer-size: 10px;

	/* Set the resizer with a 50% offset. */
	--ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px);
	--ck-resizer-border-width: 1px;
}
.ck .ck-widget__resizer {
	outline: 1px solid var(--ck-color-resizer);
}
.ck .ck-widget__resizer__handle {
	width: var(--ck-resizer-size);
	height: var(--ck-resizer-size);
	background: var(--ck-color-focus-border);
	border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);
	border-radius: var(--ck-resizer-border-radius);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
		top: var(--ck-resizer-offset);
		left: var(--ck-resizer-offset);
	}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
		top: var(--ck-resizer-offset);
		right: var(--ck-resizer-offset);
	}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
		bottom: var(--ck-resizer-offset);
		right: var(--ck-resizer-offset);
	}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
		bottom: var(--ck-resizer-offset);
		left: var(--ck-resizer-offset);
	}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-widget-type-around-button-size: 20px;
	--ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
	--ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
	--ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
	--ck-color-widget-type-around-button-radar-start-alpha: 0;
	--ck-color-widget-type-around-button-radar-end-alpha: .3;
	--ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}
/*
	 * Styles of the type around buttons
	 */
.ck .ck-widget .ck-widget__type-around__button {
		width: var(--ck-widget-type-around-button-size);
		height: var(--ck-widget-type-around-button-size);
		background: var(--ck-color-widget-type-around-button);
		border-radius: 100px;
		transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);

		opacity: 0;

		pointer-events: none;
	}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button {
			transition: none;
	}
		}
.ck .ck-widget .ck-widget__type-around__button svg {
			width: 10px;
			height: 8px;
			transform: translate(-50%,-50%);
			transition: transform .5s ease;
			margin-top: 1px;
		}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button svg {
				transition: none;
		}
			}
.ck .ck-widget .ck-widget__type-around__button svg * {
				stroke-dasharray: 10;
				stroke-dashoffset: 0;

				fill: none;
				stroke: var(--ck-color-widget-type-around-button-icon);
				stroke-width: 1.5px;
				stroke-linecap: round;
				stroke-linejoin: round;
			}
.ck .ck-widget .ck-widget__type-around__button svg line {
				stroke-dasharray: 7;
			}
.ck .ck-widget .ck-widget__type-around__button:hover {
			/*
			 * Display the "sonar" around the button when hovered.
			 */
			animation: ck-widget-type-around-button-sonar 1s ease infinite;

			/*
			 * Animate active button's icon.
			 */
		}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
					animation: ck-widget-type-around-arrow-dash 2s linear;
				}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
					animation: ck-widget-type-around-arrow-tip-dash 2s linear;
				}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button:hover {
				animation: none;
		}
					.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
						animation: none;
					}

					.ck .ck-widget .ck-widget__type-around__button:hover svg line {
						animation: none;
					}
			}
/*
	 * Show type around buttons when the widget gets selected or being hovered.
	 */
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
			opacity: 1;
			pointer-events: auto;
		}
/*
	 * Styles for the buttons when the widget is NOT selected (but the buttons are visible
	 * and still can be hovered).
	 */
.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
		background: var(--ck-color-widget-type-around-button-hover);
	}
/*
	 * Styles for the buttons when:
	 * - the widget is selected,
	 * - or the button is being hovered (regardless of the widget state).
	 */
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
	.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
		background: var(--ck-color-widget-type-around-button-active);
	}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
			width: calc(var(--ck-widget-type-around-button-size) - 2px);
			height: calc(var(--ck-widget-type-around-button-size) - 2px);
			border-radius: 100px;
			background: linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%);
		}
/*
	 * Styles for the "before" button when the widget has a selection handle. Because some space
	 * is consumed by the handle, the button must be moved slightly to the right to let it breathe.
	 */
.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
		margin-left: 20px;
	}
/*
	 * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard.
	 */
.ck .ck-widget .ck-widget__type-around__fake-caret {
		pointer-events: none;
		height: 1px;
		animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;

		/*
		 * The semi-transparent-outline+background combo improves the contrast
		 * when the background underneath the fake caret is dark.
		 */
		outline: solid 1px hsla(0, 0%, 100%, .5);
		background: var(--ck-color-base-text);
	}
/*
	 * Styles of the widget when the "fake caret" is blinking (e.g. upon keyboard navigation).
	 * Despite the widget being physically selected in the model, its outline should disappear.
	 */
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
		.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
			outline-color: transparent;
		}
/*
		 * When the "fake caret" is visible we simulate that the widget is not selected
		 * (despite being physically selected), so the outline color should be for the
		 * unselected widget.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {
			outline-color: var(--ck-color-widget-hover-border);
		}
/*
		 * Styles of the type around buttons when the "fake caret" is blinking (e.g. upon keyboard navigation).
		 * In this state, the type around buttons would collide with the fake carets so they should disappear.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button {
			opacity: 0;
			pointer-events: none;
		}
/*
		 * Fake horizontal caret integration with the selection handle. When the caret is visible, simply
		 * hide the handle because it intersects with the caret (and does not make much sense anyway).
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
					opacity: 0
				}
/*
		 * Fake horizontal caret integration with the resize UI. When the caret is visible, simply
		 * hide the resize UI because it creates too much noise. It can be visible when the user
		 * hovers the widget, though.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
			opacity: 0
		}
/*
 * Styles for the "before" button when the widget has a selection handle in an RTL environment.
 * The selection handler is aligned to the right side of the widget so there is no need to create
 * additional space for it next to the "before" button.
 */
.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
	margin-left: 0;
	margin-right: 20px;
}
/*
 * Hide type around buttons when the widget is selected as a child of a selected
 * nested editable (e.g. mulit-cell table selection).
 *
 * See https://github.com/ckeditor/ckeditor5/issues/7263.
 */
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
				opacity: 0;
				pointer-events: none;
			}
/*
 * Styles for the buttons when the widget is selected but the user clicked outside of the editor (blurred the editor).
 */
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
	background: var(--ck-color-widget-type-around-button-blurred-editable);
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
		stroke: hsl(0,0%,60%);
	}
@keyframes ck-widget-type-around-arrow-dash {
	0% {
		stroke-dashoffset: 10;
	}
	20%, 100% {
		stroke-dashoffset: 0;
	}
}
@keyframes ck-widget-type-around-arrow-tip-dash {
	0%, 20% {
		stroke-dashoffset: 7;
	}
	40%, 100% {
		stroke-dashoffset: 0;
	}
}
@keyframes ck-widget-type-around-button-sonar {
	0% {
		box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
	}
	50% {
		box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
	}
	100% {
		box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
	}
}
@keyframes ck-widget-type-around-fake-caret-pulse {
	0% {
		opacity: 1;
	}
	49% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content code {
	background-color: hsla(0, 0%, 78%, 0.3);
	padding: .15em;
	border-radius: 2px;
}

.ck.ck-editor__editable .ck-code_selected  {
	background-color: hsla(0, 0%, 78%, 0.5);
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content blockquote {
	/* See #12 */
	overflow: hidden;

	/* https://github.com/ckeditor/ckeditor5-block-quote/issues/15 */
	padding-right: 1.5em;
	padding-left: 1.5em;

	margin-left: 0;
	margin-right: 0;
	font-style: italic;
	border-left: solid 5px hsl(0, 0%, 80%);
}

.ck-content[dir="rtl"] blockquote {
	border-left: 0;
	border-right: solid 5px hsl(0, 0%, 80%);
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	/* Based on default CKBox theme colors */
	--ck-image-processing-highlight-color: hsl(220, 10%, 98%);
	--ck-image-processing-background-color: hsl(220, 10%, 90%);
}

.ck.ck-editor__editable .image.image-processing {
			position: relative;
		}

.ck.ck-editor__editable .image.image-processing:before {
				content: '';

				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;

				height: 100%;
				width: 100%;

				background: linear-gradient(
					90deg,
					var(--ck-image-processing-background-color),
					var(--ck-image-processing-highlight-color),
					var(--ck-image-processing-background-color)
				);
				background-size: 200% 100%;

				animation: ck-image-processing-animation 2s linear infinite;
			}

.ck.ck-editor__editable .image.image-processing img {
				height: 100%;
			}

@keyframes ck-image-processing-animation {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
	 * Vertical drop target (in text).
	 */

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
		display: inline;
		position: relative;
		pointer-events: none;
	}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
			position: absolute;
			width: 0;
		}

/*
	 * Styles of the widget being dragged (its preview).
	 */

.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle {
			display: none;
		}

.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
			display: none;
		}

.ck.ck-clipboard-drop-target-line {
	position: absolute;
	pointer-events: none;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content pre {
	padding: 1em;
	color: hsl(0, 0%, 20.8%);
	background: hsla(0, 0%, 78%, 0.3);
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;

	/* Code block are language direction–agnostic. */
	text-align: left;
	direction: ltr;

	tab-size: 4;
	white-space: pre-wrap;

	/* Don't inherit the style, e.g. when in a block quote. */
	font-style: normal;

	/* Don't let the code be squashed e.g. when in a table cell. */
	min-width: 200px;
}

.ck-content pre code {
		background: unset;
		padding: 0;
		border-radius: 0;
	}

.ck.ck-editor__editable pre {
	position: relative;
}

.ck.ck-editor__editable pre[data-language]::after {
		content: attr(data-language);
		position: absolute;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-editor {
	/* All the elements within `.ck-editor` are positioned relatively to it.
	 If any element needs to be positioned with respect to the <body>, etc.,
	 it must land outside of the `.ck-editor` in DOM. */
	position: relative;
}

.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
		/* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */
		z-index: var(--ck-z-panel);
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* See ckeditor/ckeditor5#936. */
.ck.ck-placeholder,
.ck .ck-placeholder {
	position: relative;
}
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
		position: absolute;
		left: 0;
		right: 0;
		content: attr(data-placeholder);

		/* See ckeditor/ckeditor5#469. */
		pointer-events: none;
	}

/* See ckeditor/ckeditor5#1987. */
.ck.ck-read-only .ck-placeholder::before {
		display: none;
	}

/*
 * Rules for the `ck-placeholder` are loaded before the rules for `ck-reset_all` in the base CKEditor 5 DLL build.
 * This fix overwrites the incorrectly set `position: static` from `ck-reset_all`.
 * See https://github.com/ckeditor/ckeditor5/issues/11418.
 */
.ck.ck-reset_all .ck-placeholder {
	position: relative;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* Elements marked by the Renderer as hidden should be invisible in the editor. */
.ck.ck-editor__editable span[data-ck-unsafe-element] {
	display: none;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-find-result {
	background: var(--ck-color-highlight-background);
	color: var(--ck-color-text);
}

.ck-find-result_selected {
	background: hsl(29, 100%, 60%);
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-find-and-replace-form {
	max-width: 100%;
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
		display: flex;

		/* The inputs area styles */
	}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter {
			position: absolute;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* The values should be synchronized with the "FONT_SIZE_PRESET_UNITS" object in the "/src/fontsize/utils.js" file. */

/* Styles should be prefixed with the `.ck-content` class.
See https://github.com/ckeditor/ckeditor5/issues/6636 */
.ck-content .text-tiny {
		font-size: .7em;
	}
.ck-content .text-small {
		font-size: .85em;
	}
.ck-content .text-big {
		font-size: 1.4em;
	}
.ck-content .text-huge {
		font-size: 1.8em;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-heading_heading1 {
	font-size: 20px;
}

.ck.ck-heading_heading2 {
	font-size: 17px;
}

.ck.ck-heading_heading3 {
	font-size: 14px;
}

.ck[class*="ck-heading_heading"] {
	font-weight: bold;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
	--ck-highlight-marker-green: hsl(120, 93%, 68%);
	--ck-highlight-marker-pink: hsl(345, 96%, 73%);
	--ck-highlight-marker-blue: hsl(201, 97%, 72%);
	--ck-highlight-pen-red: hsl(0, 85%, 49%);
	--ck-highlight-pen-green: hsl(112, 100%, 27%);
}

.ck-content .marker-yellow {
		background-color: var(--ck-highlight-marker-yellow);
	}
.ck-content .marker-green {
		background-color: var(--ck-highlight-marker-green);
	}
.ck-content .marker-pink {
		background-color: var(--ck-highlight-marker-pink);
	}
.ck-content .marker-blue {
		background-color: var(--ck-highlight-marker-blue);
	}

.ck-content .pen-red {
		color: var(--ck-highlight-pen-red);

		/* Override default yellow background of `<mark>` from user agent stylesheet */
		background-color: transparent;
	}
.ck-content .pen-green {
		color: var(--ck-highlight-pen-green);

		/* Override default yellow background of `<mark>` from user agent stylesheet */
		background-color: transparent;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */


.ck-editor__editable .ck-horizontal-line {
	/* Necessary to render properly next to floated objects, e.g. side image case. */
	display: flow-root;
}

.ck-content hr {
	margin: 15px 0;
	height: 4px;
	background: hsl(0, 0%, 87%);
	border: 0;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* The feature container. */
.ck-widget.raw-html-embed {
	/* Give the embed some air. */
	/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
	margin: 0.9em auto;
	position: relative;
	display: flow-root;

	/* Give the html embed some minimal width in the content to prevent them
	from being "squashed" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5/issues/8331) */
	min-width: 15em;

	/* Don't inherit the style, e.g. when in a block quote. */
	font-style: normal;

	/* ----- Emebed label in the upper left corner ----------------------------------------------- */
}
.ck-widget.raw-html-embed::before {
		position: absolute;

		/* Make sure the content does not cover the label. */
		z-index: 1;
	}
/* ----- Emebed internals --------------------------------------------------------------------- */
/* The switch mode button wrapper. */
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
		position: absolute;
		display: flex;
		flex-direction: column;
	}
.ck-widget.raw-html-embed .raw-html-embed__preview {
		position: relative;
		overflow: hidden;
		display: flex;
	}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
		width: 100%;
		position: relative;
		margin: auto;

		/* Gives spacing to the small renderable elements, so they always cover the placeholder. */
		display: table;
		border-collapse: separate;
		border-spacing: 7px;
	}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		display: flex;
		align-items: center;
		justify-content: center;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-html-object-embed-unfocused-outline-width: 1px;
}

.ck-widget.html-object-embed {
	font-size: var(--ck-font-size-base);
	background-color: var(--ck-color-base-foreground);
	padding: var(--ck-spacing-small);
	/* Leave space for label */
	padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
	min-width: calc(76px + var(--ck-spacing-standard));
}

.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
		outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
	}

.ck-widget.html-object-embed::before {
		font-weight: normal;
		font-style: normal;
		position: absolute;
		content: attr(data-html-object-embed-label);
		top: 0;
		left: var(--ck-spacing-standard);
		background: hsl(0deg 0% 60%);
		transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
		padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
		border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
		color: var(--ck-color-base-background);
		font-size: var(--ck-font-size-tiny);
		font-family: var(--ck-font-face);
	}

/* Make space for label. */

.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
		margin-left: 50px;
	}

.ck-widget.html-object-embed .html-object-embed__content {
		/* Disable user interaction with embed content */
		pointer-events: none;
	}

div.ck-widget.html-object-embed {
	margin: 1em auto;
}

span.ck-widget.html-object-embed {
	display: inline-block;
}


/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-color-image-caption-background: hsl(0, 0%, 97%);
	--ck-color-image-caption-text: hsl(0, 0%, 20%);
	--ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
}

/* Content styles */
.ck-content .image > figcaption {
	display: table-caption;
	caption-side: bottom;
	word-break: break-word;
	color: var(--ck-color-image-caption-text);
	background-color: var(--ck-color-image-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;

	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
}
@media (forced-colors: active) {
.ck-content .image > figcaption {
		background-color: unset;
		color: unset;
}
	}

/* Editing styles */
@media (forced-colors: none) {
		.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
		animation: ck-image-caption-highlight .6s ease-out;
		}
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
		animation: none;
}
	}

@keyframes ck-image-caption-highlight {
	0% {
		background-color: var(--ck-color-image-caption-highlighted-background);
	}

	100% {
		background-color: var(--ck-color-image-caption-background);
	}
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-image-insert-url {
	width: 400px;
	padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}

.ck.ck-image-insert-url .ck-image-insert-url__action-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* Preserve aspect ratio of the resized image after introducing image height attribute. */
.ck-content img.image_resized {
	height: auto;
}

.ck-content .image.image_resized {
	max-width: 100%;
	/*
	The `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.
	See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.
	Fortunately, since we control the width, there is no risk that the image will look bad.
	*/
	display: block;
	box-sizing: border-box;
}

.ck-content .image.image_resized img {
		/* For resized images it is the `<figure>` element that determines the image width. */
		width: 100%;
	}

.ck-content .image.image_resized > figcaption {
		/* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
		display: block;
	}

/* The resized inline image nested in the table should respect its parent size.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */

.ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img {
			max-width: 100%;
		}

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-left: var(--ck-spacing-standard);
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
	width: 4em;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-image-custom-resize-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.ck.ck-image-custom-resize-form .ck-labeled-field-view {
		display: inline-block;
	}

.ck.ck-image-custom-resize-form .ck-label {
		display: none;
	}

@media screen and (max-width: 600px) {

.ck.ck-image-custom-resize-form {
		flex-wrap: wrap;
}

		.ck.ck-image-custom-resize-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-image-custom-resize-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-image-style-spacing: 1.5em;
	--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */

/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback
		confirming successful application of the style if image width exceeds the editor's size.
		See https://github.com/ckeditor/ckeditor5/issues/9342 */

.ck-content .image.image-style-block-align-left,
		.ck-content .image.image-style-block-align-right {
			max-width: calc(100% - var(--ck-image-style-spacing));
		}

/* Allows displaying multiple floating images in the same line.
		See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */

.ck-content .image.image-style-align-left,
		.ck-content .image.image-style-align-right {
			clear: none;
		}

.ck-content .image.image-style-side {
			float: right;
			margin-left: var(--ck-image-style-spacing);
			max-width: 50%;
		}

.ck-content .image.image-style-align-left {
			float: left;
			margin-right: var(--ck-image-style-spacing);
		}

.ck-content .image.image-style-align-right {
			float: right;
			margin-left: var(--ck-image-style-spacing);
		}

.ck-content .image.image-style-block-align-right {
			margin-right: 0;
			margin-left: auto;
		}

.ck-content .image.image-style-block-align-left {
			margin-left: 0;
			margin-right: auto;
		}

.ck-content .image-style-align-center {
		margin-left: auto;
		margin-right: auto;
	}

.ck-content .image-style-align-left {
		float: left;
		margin-right: var(--ck-image-style-spacing);
	}

.ck-content .image-style-align-right {
		float: right;
		margin-left: var(--ck-image-style-spacing);
	}

/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */

.ck-content p + .image.image-style-align-left,
	.ck-content p + .image.image-style-align-right,
	.ck-content p + .image.image-style-side {
		margin-top: 0;
	}

.ck-content .image-inline.image-style-align-left,
		.ck-content .image-inline.image-style-align-right {
			margin-top: var(--ck-inline-image-style-spacing);
			margin-bottom: var(--ck-inline-image-style-spacing);
		}

.ck-content .image-inline.image-style-align-left {
			margin-right: var(--ck-inline-image-style-spacing);
		}

.ck-content .image-inline.image-style-align-right {
			margin-left: var(--ck-inline-image-style-spacing);
		}

/* The button should display as a regular drop-down if the action button
	is forced to fire the same action as the arrow button. */

.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-background);
			}

.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after {
					display: none;
				}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-hover-background);
			}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-text-alternative-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.ck.ck-text-alternative-form .ck-labeled-field-view {
		display: inline-block;
	}

.ck.ck-text-alternative-form .ck-label {
		display: none;
	}

@media screen and (max-width: 600px) {

.ck.ck-text-alternative-form {
		flex-wrap: wrap;
}

		.ck.ck-text-alternative-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-text-alternative-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-editor__editable .image,
	.ck.ck-editor__editable .image-inline {
		position: relative;
	}

/* Upload progress bar. */

.ck.ck-editor__editable .image .ck-progress-bar,
	.ck.ck-editor__editable .image-inline .ck-progress-bar {
		position: absolute;
		top: 0;
		left: 0;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-image-upload-complete-icon {
	display: block;
	position: absolute;

	/*
	 * Smaller images should have the icon closer to the border.
	 * Match the icon position with the linked image indicator brought by the link image feature.
	 */
	top: min(var(--ck-spacing-medium), 6%);
	right: min(var(--ck-spacing-medium), 6%);
	border-radius: 50%;
	z-index: 1;
}

.ck-image-upload-complete-icon::after {
		content: "";
		position: absolute;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck .ck-upload-placeholder-loader {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}

.ck .ck-upload-placeholder-loader::before {
		content: '';
		position: relative;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content .image {
		display: table;
		clear: both;
		text-align: center;

		/* Make sure there is some space between the content and the image. Center image by default. */
		/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	 	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
		margin: 0.9em auto;

		/* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */
		min-width: 50px;
	}

.ck-content .image img {
			/* Prevent unnecessary margins caused by line-height (see #44). */
			display: block;

			/* Center the image if its width is smaller than the content's width. */
			margin: 0 auto;

			/* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */
			max-width: 100%;

			/* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */
			min-width: 100%;

			/* Keep proportions of the block image if the height is set and the image is wider than the editor width.
			See https://github.com/ckeditor/ckeditor5/issues/14542. */
			height: auto;
		}

.ck-content .image-inline {
		/*
		 * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).
		 * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
		 * This strange behavior does not happen with inline-flex.
		 */
		display: inline-flex;

		/* While being resized, don't allow the image to exceed the width of the editing root. */
		max-width: 100%;

		/* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */
		align-items: flex-start;

		/* When the picture is present it must act as a flex container to let the img resize properly */
	}

.ck-content .image-inline picture {
			display: flex;
		}

/* When the picture is present, it must act like a resizable img. */

.ck-content .image-inline picture,
		.ck-content .image-inline img {
			/* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */
			flex-grow: 1;
			flex-shrink: 1;

			/* Prevents overflowing the editing root boundaries when an inline image is very wide. */
			max-width: 100%;
		}

/*
	 * Inhertit the content styles padding of the <figcaption> in case the integration overrides `text-align: center`
	 * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native
	 * caret does, and not at the edge of <figcaption>.
	 */

.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {
		padding-left: inherit;
		padding-right: inherit;

		/*
		 * Make sure the image caption placeholder doesn't overflow the placeholder area.
		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
		 */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */

.ck.ck-editor__editable .image {
		z-index: 1;

		/*
		 * Make sure the selected image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
	}

.ck.ck-editor__editable .image.ck-widget_selected {
			z-index: 2;
		}

/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */

.ck.ck-editor__editable .image-inline {
		z-index: 1;

		/*
		 * Make sure the selected inline image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
	}

.ck.ck-editor__editable .image-inline.ck-widget_selected {
			z-index: 2;

			/*
			 * Make sure the native browser selection style is not displayed.
			 * Inline image widgets have their own styles for the selected state and
			 * leaving this up to the browser is asking for a visual collision.
			 */
		}

.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
				display: none;
			}

/* Keep proportions of the inline image if the height is set and the image is wider than the editor width.
	See https://github.com/ckeditor/ckeditor5/issues/14542. */

.ck.ck-editor__editable .image-inline img {
		height: auto;
	}

/* The inline image nested in the table should have its original size if not resized.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */

.ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img {
			max-width: none;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-editor__editable img.image_placeholder {
		background-size: 100% 100%;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-link-form {
	display: flex;
	align-items: flex-start;
}

.ck.ck-link-form .ck-label {
		display: none;
	}

@media screen and (max-width: 600px) {

.ck.ck-link-form {
		flex-wrap: wrap;
}

		.ck.ck-link-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-link-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Style link form differently when manual decorators are available.
 * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
 */
.ck.ck-link-form_layout-vertical {
	display: block;

	/*
	 * Whether the form is in the responsive mode or not, if there are decorator buttons
	 * keep the top margin of action buttons medium.
	 */
}
.ck.ck-link-form_layout-vertical .ck-button.ck-button-save,
		.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel {
			margin-top: var(--ck-spacing-medium);
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-link-actions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.ck.ck-link-actions .ck-link-actions__preview {
		display: inline-block;
	}

.ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
			overflow: hidden;
		}

@media screen and (max-width: 600px) {

.ck.ck-link-actions {
		flex-wrap: wrap;
}

		.ck.ck-link-actions .ck-link-actions__preview {
			flex-basis: 100%;
		}

		.ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* Linked image indicator */

.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {
			display: block;
			position: absolute;
		}


/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-editor__editable .ck-list-bogus-paragraph {
	display: block;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-list-styles-list {
	display: grid;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content ol {
	list-style-type: decimal;
}

.ck-content ol ol {
		list-style-type: lower-latin;
	}

.ck-content ol ol ol {
			list-style-type: lower-roman;
		}

.ck-content ol ol ol ol {
				list-style-type: upper-latin;
			}

.ck-content ol ol ol ol ol {
					list-style-type: upper-roman;
				}

.ck-content ul {
	list-style-type: disc;
}

.ck-content ul ul {
		list-style-type: circle;
	}

.ck-content ul ul ul {
			list-style-type: square;
		}

.ck-content ul ul ul ul {
				list-style-type: square;
			}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-todo-list-checkmark-size: 16px;
}

/*
 * To-do list content styles.
 */
.ck-content .todo-list {
	list-style: none;
}
.ck-content .todo-list li {
		position: relative;
		margin-bottom: 5px;
	}
.ck-content .todo-list li .todo-list {
			margin-top: 5px;
		}
.ck-content .todo-list .todo-list__label > input {
			-webkit-appearance: none;
			display: inline-block;
			position: relative;
			width: var(--ck-todo-list-checkmark-size);
			height: var(--ck-todo-list-checkmark-size);
			vertical-align: middle;
			/* Needed on iOS */
			border: 0;
			/* LTR styles */
			left: -25px;
			margin-right: -15px;
			right: 0;
			margin-left: 0;
			/* RTL styles */
		}
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
		left: 0;
		margin-right: 0;
		right: -25px;
		margin-left: -15px;
		}
.ck-content .todo-list .todo-list__label > input::before {
		display: block;
		position: absolute;
		box-sizing: border-box;
		content: '';
		width: 100%;
		height: 100%;
		border: 1px solid hsl(0, 0%, 20%);
		border-radius: 2px;
		transition: 250ms ease-in-out box-shadow;
	}
@media (prefers-reduced-motion: reduce) {
.ck-content .todo-list .todo-list__label > input::before {
			transition: none;
	}
		}
.ck-content .todo-list .todo-list__label > input::after {
		display: block;
		position: absolute;
		box-sizing: content-box;
		pointer-events: none;
		content: '';

		/* Calculate tick position, size and border-width proportional to the checkmark size. */
		left: calc( var(--ck-todo-list-checkmark-size) / 3 );
		top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
		border-style: solid;
		border-color: transparent;
		border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
		transform: rotate(45deg);
	}
.ck-content .todo-list .todo-list__label > input[checked]::before {
			background: hsl(126, 64%, 41%);
			border-color: hsl(126, 64%, 41%);
		}
.ck-content .todo-list .todo-list__label > input[checked]::after {
			border-color: hsl(0, 0%, 100%);
		}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
			vertical-align: middle;
		}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
			position: absolute;
		}

/*
 * To-do list editing view styles.
 */
/*
	 * To-do list should be interactive only during the editing
	 * (https://github.com/ckeditor/ckeditor5/issues/2090).
	 */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
	.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
		cursor: pointer;
	}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
			box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
		}
/*
	 * Document Lists - editing view has an additional span around checkbox.
	 */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
		-webkit-appearance: none;
		display: inline-block;
		position: relative;
		width: var(--ck-todo-list-checkmark-size);
		height: var(--ck-todo-list-checkmark-size);
		vertical-align: middle;
		/* Needed on iOS */
		border: 0;
		/* LTR styles */
		left: -25px;
		margin-right: -15px;
		right: 0;
		margin-left: 0;
		/* RTL styles */
	}
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
		left: 0;
		margin-right: 0;
		right: -25px;
		margin-left: -15px;
	}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
		display: block;
		position: absolute;
		box-sizing: border-box;
		content: '';
		width: 100%;
		height: 100%;
		border: 1px solid hsl(0, 0%, 20%);
		border-radius: 2px;
		transition: 250ms ease-in-out box-shadow;
	}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
			transition: none;
	}
		}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
		display: block;
		position: absolute;
		box-sizing: content-box;
		pointer-events: none;
		content: '';

		/* Calculate tick position, size and border-width proportional to the checkmark size. */
		left: calc( var(--ck-todo-list-checkmark-size) / 3 );
		top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
		border-style: solid;
		border-color: transparent;
		border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
		transform: rotate(45deg);
	}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
			background: hsl(126, 64%, 41%);
			border-color: hsl(126, 64%, 41%);
		}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
			border-color: hsl(0, 0%, 100%);
		}
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
			position: absolute;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content .media {
	/* Don't allow floated content overlap the media.
	https://github.com/ckeditor/ckeditor5-media-embed/issues/53 */
	clear: both;

	/* Make sure there is some space between the content and the media. */
	/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
	margin: 0.9em 0;

	/* Make sure media is not overriden with Bootstrap default `flex` value.
	See: https://github.com/ckeditor/ckeditor5/issues/1373. */
	display: block;

	/* Give the media some minimal width in the content to prevent them
	from being "squashed" in tight spaces, e.g. in table cells (#44) */
	min-width: 15em;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-media__wrapper .ck-media__placeholder {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
			/* Otherwise the URL will overflow when the content is very narrow. */
			max-width: 100%;

			position: relative;
		}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
				overflow: hidden;
				display: block;
			}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * {
			display: none;
		}

/* Disable all mouse interaction as long as the editor is not read–only.
   https://github.com/ckeditor/ckeditor5-media-embed/issues/58 */
.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) {
	pointer-events: none;
}

/* Disable all mouse interaction when the widget is not selected (e.g. to avoid opening links by accident).
   https://github.com/ckeditor/ckeditor5-media-embed/issues/18 */
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
	pointer-events: none;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-vertical-form .ck-button::after {
		content: "";
		width: 0;
		position: absolute;
		right: -1px;
		top: -1px;
		bottom: -1px;
		z-index: 1;
	}

.ck-vertical-form .ck-button:focus::after {
		display: none;
	}

@media screen and (max-width: 600px) {
			.ck.ck-responsive-form .ck-button::after {
				content: "";
				width: 0;
				position: absolute;
				right: -1px;
				top: -1px;
				bottom: -1px;
				z-index: 1;
			}

			.ck.ck-responsive-form .ck-button:focus::after {
				display: none;
			}
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-media-form {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 400px;
}

.ck.ck-media-form .ck-labeled-field-view {
		display: inline-block;
		width: 100%;
	}

.ck.ck-media-form .ck-label {
		display: none;
	}

.ck.ck-media-form .ck-input {
		width: 100%;
	}

@media screen and (max-width: 600px) {

.ck.ck-media-form {
		flex-wrap: wrap;
}

		.ck.ck-media-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-media-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-mention-list-max-height: 300px;
}

.ck.ck-mentions {
	max-height: var(--ck-mention-list-max-height);

	overflow-y: auto;

	/* Prevent unnecessary horizontal scrollbar in Safari
	https://github.com/ckeditor/ckeditor5-mention/issues/41 */
	overflow-x: hidden;

	overscroll-behavior: contain;

	/* Prevent unnecessary vertical scrollbar in Safari
	https://github.com/ckeditor/ckeditor5-mention/issues/41 */
}

.ck.ck-mentions > .ck-list__item {
		overflow: hidden;
		flex-shrink: 0;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-color-minimap-tracker-background: 208, 0%, 51%;
	--ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
	--ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
	--ck-color-minimap-progress-background: hsl(0,0%,40%);
}

.ck.ck-minimap {
	position: absolute;
	user-select: none;
	background: var(--ck-color-base-background);
}

.ck.ck-minimap,
	.ck.ck-minimap iframe {
		width: 100%;
		height: 100%;
	}

.ck.ck-minimap iframe {
		border: 0;
		pointer-events: none;
		position: relative;
		outline: 1px solid var(--ck-color-minimap-iframe-outline);
		box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
		margin: 0;
	}

.ck.ck-minimap .ck.ck-minimap__position-tracker {
		position: absolute;
		width: 100%;
		top: 0;
		background: hsla( var(--ck-color-minimap-tracker-background), .2 );
		z-index: 1;
		transition: background 100ms ease-in-out;
	}

@media (prefers-reduced-motion: reduce) {

.ck.ck-minimap .ck.ck-minimap__position-tracker {
			transition: none;
	}
		}

.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
			background:hsla( var(--ck-color-minimap-tracker-background), .3 );
		}

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,
		.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
			background:hsla( var(--ck-color-minimap-tracker-background), .4 );
		}

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after {
				opacity: 1;
			}

.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
			content: attr(data-progress) "%";
			position: absolute;
			top: 5px;
			right: 5px;
			background: var(--ck-color-minimap-progress-background);
			color: var(--ck-color-base-background);
			border: 1px solid var(--ck-color-base-background);
			padding: 2px 4px;
			font-size: 10px;
			border-radius: 3px;
			opacity: 0;
			transition: opacity 100ms ease-in-out;
		}

@media (prefers-reduced-motion: reduce) {

.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
				transition: none;
		}
			}


/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content .page-break {
	position: relative;
	clear: both;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ck-content .page-break::after {
		content: '';
		position: absolute;
		border-bottom: 2px dashed hsl(0, 0%, 77%);
		width: 100%;
	}

.ck-content .page-break__label {
	position: relative;
	z-index: 1;
	padding: .3em .6em;
	display: block;
	text-transform: uppercase;
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 0.75em;
	font-weight: bold;
	color: hsl(0, 0%, 20%);
	background: hsl(0, 0%, 100%);
	box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);

	/* Disable the possibility to select the label text by the user. */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Do not show the page break element inside the print preview window. */
@media print {
	.ck-content .page-break {
		padding: 0;
	}

		.ck-content .page-break::after {
			display: none;
		}
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-show-blocks-border-color: hsl(0, 0%, 46%);
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */

.ck-source-editing-area {
	position: relative;
	overflow: hidden;
}

.ck-source-editing-area::after,
.ck-source-editing-area textarea {
	padding: var(--ck-spacing-large);
	margin: 0;
	border: 1px solid transparent;
	line-height: var(--ck-line-height-base);
	font-size: var(--ck-font-size-normal);
	font-family: monospace;
	white-space: pre-wrap;
}

.ck-source-editing-area::after {
	content: attr(data-value) " ";
	visibility: hidden;
	display: block;
}

.ck-source-editing-area textarea {
	position: absolute;
	width: 100%;
	height: 100%;
	resize: none;
	outline: none;
	overflow: hidden;
	box-sizing: border-box;

	border-color: var(--ck-color-base-border);

	border-radius: 0;
}

.ck-rounded-corners .ck-source-editing-area textarea, .ck-source-editing-area textarea.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
}

.ck-source-editing-area textarea:not([readonly]):focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-inner-shadow), 0 0;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-character-grid {
	max-width: 100%;
}

.ck.ck-character-grid .ck-character-grid__tiles {
		display: grid;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-character-info {
	display: flex;
	justify-content: space-between;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-style-panel-columns: 3;
}

.ck.ck-style-panel .ck-style-grid {
	display: grid;
	grid-template-columns: repeat(var(--ck-style-panel-columns),auto);
	justify-content: start;
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
			display: flex;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			flex-grow: 1;
			flex-basis: 100%;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck-content .table {
	/* Give the table widget some air and center it horizontally */
	/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
	margin: 0.9em auto;
	display: table;
}

.ck-content .table table {
		/* The table cells should have slight borders */
		border-collapse: collapse;
		border-spacing: 0;

		/* Table width and height are set on the parent <figure>. Make sure the table inside stretches
		to the full dimensions of the container (https://github.com/ckeditor/ckeditor5/issues/6186). */
		width: 100%;
		height: 100%;

		/* The outer border of the table should be slightly darker than the inner lines.
		Also see https://github.com/ckeditor/ckeditor5-table/issues/50. */
		border: 1px double hsl(0, 0%, 70%);
	}

.ck-content .table table td,
		.ck-content .table table th {
			min-width: 2em;
			padding: .4em;

			/* The border is inherited from .ck-editor__nested-editable styles, so theoretically it's not necessary here.
			However, the border is a content style, so it should use .ck-content (so it works outside the editor).
			Hence, the duplication. See https://github.com/ckeditor/ckeditor5/issues/6314 */
			border: 1px solid hsl(0, 0%, 75%);
		}

.ck-content .table table th {
			font-weight: bold;
			background: hsla(0, 0%, 0%, 5%);
		}

/* Text alignment of the table header should match the editor settings and override the native browser styling,
when content is available outside the editor. See https://github.com/ckeditor/ckeditor5/issues/6638 */
.ck-content[dir="rtl"] .table th {
	text-align: right;
}

.ck-content[dir="ltr"] .table th {
	text-align: left;
}

.ck-editor__editable .ck-table-bogus-paragraph {
	/*
	 * Use display:inline-block to force Chrome/Safari to limit text mutations to this element.
	 * See https://github.com/ckeditor/ckeditor5/issues/6062.
	 */
	display: inline-block;

	/*
	 * Inline HTML elements nested in the span should always be dimensioned in relation to the whole cell width.
	 * See https://github.com/ckeditor/ckeditor5/issues/9117.
	 */
	width: 100%;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck .ck-insert-table-dropdown__grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-form__row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;

	/* Ignore labels that work as fieldset legends */
}

.ck.ck-form__row > *:not(.ck-label) {
		flex-grow: 1;
	}

.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
			justify-content: center;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
			flex-wrap: wrap;
		}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
					/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
					flex-grow: 0.57;
				}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
					/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
					flex-grow: 0.43;
				}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
					flex-grow: 1;
				}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-input-color {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}

.ck.ck-input-color > input.ck.ck-input-text {
		min-width: auto;
		flex-grow: 1;
	}

.ck.ck-input-color > div.ck.ck-dropdown {
		min-width: auto;

		/* This dropdown has no arrow but a color preview instead. */
	}

.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
			display: none;
		}

.ck.ck-input-color .ck.ck-input-color__button {
		/* Resolving issue with misaligned buttons on Safari (see #10589) */
		display: flex;
	}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
			position: relative;
			overflow: hidden;
		}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
				position: absolute;
				display: block;
			}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
			flex-wrap: wrap;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
			flex-wrap: wrap;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
			flex-wrap: wrap;
			align-items: center;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
				display: flex;
				flex-direction: column-reverse;
				align-items: center;
			}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
					flex-grow: 0;
				}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
				flex-grow: 0;
			}

.ck.ck-table-form .ck.ck-labeled-field-view {
		/* Allow absolute positioning of the status (error) balloons. */
		position: relative;
	}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
			position: absolute;
			left: 50%;
			bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
			transform: translate(-50%,100%);

			/* Make sure the balloon status stays on top of other form elements. */
			z-index: 1;

			/* The arrow pointing towards the field. */
		}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
				content: "";
				position: absolute;
				top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
				left: 50%;
				transform: translateX( -50% );
			}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
			flex-wrap: wrap;
			flex-basis: 0;
			align-content: baseline;
		}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
				flex-wrap: nowrap;
			}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-color-selector-caption-background: hsl(0, 0%, 97%);
	--ck-color-selector-caption-text: hsl(0, 0%, 20%);
	--ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%);
}

/* Content styles */
.ck-content .table > figcaption {
	display: table-caption;
	caption-side: top;
	word-break: break-word;
	text-align: center;
	color: var(--ck-color-selector-caption-text);
	background-color: var(--ck-color-selector-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;

	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
}
@media (forced-colors: active) {
		.ck-content .table > figcaption {
		background-color: unset;
		color: unset;
		}
	}

/* Editing styles */
@media (forced-colors: none) {
		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
			animation: ck-table-caption-highlight .6s ease-out;
		}
	}
.ck.ck-editor__editable .table > figcaption.ck-placeholder::before {
		padding-left: inherit;
		padding-right: inherit;

		/*
		 * Make sure the table caption placeholder doesn't overflow the placeholder area.
		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
		 */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

@keyframes ck-table-caption-highlight {
	0% {
		background-color: var(--ck-color-selector-caption-highlighted-background);
	}

	100% {
		background-color: var(--ck-color-selector-caption-background);
	}
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
	--ck-table-column-resizer-width: 7px;

	/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
	   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
	--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
}

.ck-content .table .ck-table-resized {
	table-layout: fixed;
}

.ck-content .table table {
	overflow: hidden;
}

.ck-content .table td,
.ck-content .table th {
	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
	(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
	overflow-wrap: break-word;
	position: relative;
}

.ck.ck-editor__editable .table .ck-table-column-resizer {
	position: absolute;
	top: 0;
	bottom: 0;
	right: var(--ck-table-column-resizer-position-offset);
	width: var(--ck-table-column-resizer-width);
	cursor: col-resize;
	user-select: none;
	z-index: var(--ck-z-default);
}

.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
	display: none;
}

/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
   all resizers must be hidden while the table is dragged. */
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
	display: none;
}

.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
	background-color: var(--ck-color-selector-column-resizer-hover);
	opacity: 0.25;
	/* The resizer element resides in each cell so to occupy the entire height of the table, which is unknown from a CSS point of view,
	   it is extended to an extremely high height. Even for screens with a very high pixel density, the resizer will fulfill its role as
	   it should, i.e. for a screen of 476 ppi the total height of the resizer will take over 350 sheets of A4 format, which is totally
	   unrealistic height for a single table. */
	top: -999999px;
	bottom: -999999px;
}

.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
	left: var(--ck-table-column-resizer-position-offset);
	right: unset;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/**
 * A class which hides an element in DOM.
 */

.ck-hidden {
	/* Override selector specificity. Otherwise, all elements with some display
	style defined will override this one, which is not a desired result. */
	display: none !important;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-z-default: 1;
	--ck-z-panel: calc( var(--ck-z-default) + 999 );
	--ck-z-dialog: 9999;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class that disables all transitions of the element and its children.
 */
.ck-transitions-disabled,
.ck-transitions-disabled * {
	transition: none !important;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
	--ck-powered-by-line-height: 10px;
	--ck-powered-by-padding-vertical: 2px;
	--ck-powered-by-padding-horizontal: 4px;
	--ck-powered-by-text-color: hsl(0, 0%, 31%);
	--ck-powered-by-border-radius: var(--ck-border-radius);
	--ck-powered-by-background: hsl(0, 0%, 100%);
	--ck-powered-by-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-powered-by-balloon {
	--ck-border-radius: var(--ck-powered-by-border-radius);

	box-shadow: none;
	background: var(--ck-powered-by-background);
	min-height: unset;
	z-index: calc( var(--ck-z-panel) - 1 );
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
		line-height: var(--ck-powered-by-line-height);
	}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
			cursor: pointer;
			display: flex;
			align-items: center;
			opacity: .66;
			filter: grayscale(80%);
			line-height: var(--ck-powered-by-line-height);
			padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
		}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
			font-size: 7.5px;
			letter-spacing: -.2px;
			padding-left: 2px;
			text-transform: uppercase;
			font-weight: bold;
			margin-right: 4px;
			cursor: pointer;
			line-height: normal;
			color: var(--ck-powered-by-text-color);

		}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
			display: block;
			cursor: pointer;
		}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
				filter: grayscale(0%);
				opacity: 1;
			}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
		border-color: transparent;
	}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
		border: var(--ck-focus-ring);
		border-color: var(--ck-powered-by-border-color);
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/**
 * Makes element unselectable.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-button,
a.ck.ck-button {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	position: relative;
	display: inline-flex;
	align-items: center;
}

[dir="ltr"] .ck.ck-button,
[dir="ltr"] a.ck.ck-button {
		justify-content: left;
}

[dir="rtl"] .ck.ck-button,
[dir="rtl"] a.ck.ck-button {
		justify-content: right;
}

.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
		display: none;
	}

.ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label {
			display: inline-block;
		}

/* Center the icon horizontally in a button without text. */

.ck.ck-button:not(.ck-button_with-text),  a.ck.ck-button:not(.ck-button_with-text)  {
		justify-content: center;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-button.ck-switchbutton .ck-button__toggle {
		display: block;
	}

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
			display: block;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
		display: none;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-color-grid {
	display: grid;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.color-picker-hex-input {
	width: max-content;
}

.color-picker-hex-input .ck.ck-input {
		min-width: unset;
	}

.ck.ck-color-picker__row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: var(--ck-spacing-large) 0 0;
	width: unset;
}

.ck.ck-color-picker__row .ck.ck-labeled-field-view {
		padding-top: unset;
	}

.ck.ck-color-picker__row .ck.ck-input-text {
		width: unset;
	}

.ck.ck-color-picker__row .ck-color-picker__hash-view {
		padding-top: var(--ck-spacing-tiny);
		padding-right: var(--ck-spacing-medium);
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/* View fragment with color grids. */

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
		.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
			display: flex;
			align-items: center;
		}

[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
		[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
				justify-content: flex-start;
		}

/* View fragment with a color picker. */

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
			display: flex;
			flex-direction: row;
			justify-content: space-around;
		}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
			.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
				flex: 1
			}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-dialog .ck.ck-dialog__actions {
		display: flex;
		justify-content: flex-end;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-dialog-overlay {
	user-select: none;
	overscroll-behavior: none;

	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
		pointer-events: none;
		animation: none;
		background: none;
	}

.ck.ck-dialog {
	overscroll-behavior: none;
	width: fit-content;
	position: absolute;
}

.ck.ck-dialog .ck.ck-form__header  {
		flex-shrink: 0;
	}

.ck.ck-dialog .ck.ck-form__header .ck-form__header__label {
			cursor: grab;
		}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
		pointer-events: all;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-dropdown-max-width: 75vw;
}

.ck.ck-dropdown {
	display: inline-block;
	position: relative;
}

.ck.ck-dropdown .ck-dropdown__arrow {
		pointer-events: none;
		z-index: var(--ck-z-default);
	}

/* Dropdown button should span horizontally, e.g. in vertical toolbars */

.ck.ck-dropdown .ck-button.ck-dropdown__button {
		width: 100%;
	}

.ck.ck-dropdown .ck-dropdown__panel {
		display: none;
		z-index: var(--ck-z-panel);
		max-width: var(--ck-dropdown-max-width);

		position: absolute;
	}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
			display: inline-block;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
			bottom: 100%;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
			/*
			 * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.
			 * See https://github.com/ckeditor/ckeditor5/issues/1053.
			 */
			top: 100%;
			bottom: auto;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
			left: 0px;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
			right: 0px;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
			/* Positioning panels relative to the center of the button */
			left: 50%;
			transform: translateX(-50%);
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
			/* Positioning panels relative to the middle-west of the button */
			left: 75%;
			transform: translateX(-75%);
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
			/* Positioning panels relative to the middle-east of the button */
			left: 25%;
			transform: translateX(-25%);
		}

/*
 * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content.
 * See https://github.com/ckeditor/ckeditor5/issues/7874
 */
.ck.ck-toolbar .ck-dropdown__panel {
	z-index: calc( var(--ck-z-panel) + 1 );
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-splitbutton {
	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;
}

.ck.ck-splitbutton .ck-splitbutton__action:focus {
		z-index: calc(var(--ck-z-default) + 1);
	}


/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-toolbar-dropdown-max-width: 60vw;
}

.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
	/* https://github.com/ckeditor/ckeditor5/issues/5586 */
	width: max-content;
	max-width: var(--ck-toolbar-dropdown-max-width);
}

.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
			z-index: calc(var(--ck-z-default) + 1);
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-aria-live-announcer {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

.ck.ck-aria-live-region-list {
	list-style-type: none;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-form__header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.ck.ck-form__header h2.ck-form__header__label {
		flex-grow: 1;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-icon {
	vertical-align: middle;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-label {
	display: block;
}

.ck.ck-voice-label {
	display: none;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
		display: flex;
		position: relative;
	}

.ck.ck-labeled-field-view .ck.ck-label {
		display: block;
		position: absolute;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/**
 * Makes element unselectable.
 */

.ck.ck-list {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: flex;
	flex-direction: column;
}

.ck.ck-list .ck-list__item,
	.ck.ck-list .ck-list__separator {
		display: block;
	}

/* Make sure that whatever child of the list item gets focus, it remains on the
	top. Thanks to that, styles like box-shadow, outline, etc. are not masked by
	adjacent list items. */

.ck.ck-list .ck-list__item > *:focus {
		position: relative;
		z-index: var(--ck-z-default);
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	/* Make sure the balloon arrow does not float over its children. */
	--ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}

.ck.ck-balloon-panel {
	display: none;
	position: absolute;

	z-index: var(--ck-z-panel);
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
		.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
			content: "";
			position: absolute;
		}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
			z-index: var(--ck-balloon-panel-arrow-z-index);
		}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
		}

.ck.ck-balloon-panel[class*="arrow_n"]::before {
			z-index: var(--ck-balloon-panel-arrow-z-index);
		}

.ck.ck-balloon-panel[class*="arrow_n"]::after {
			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
		}

.ck.ck-balloon-panel[class*="arrow_s"]::before {
			z-index: var(--ck-balloon-panel-arrow-z-index);
		}

.ck.ck-balloon-panel[class*="arrow_s"]::after {
			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
		}

.ck.ck-balloon-panel.ck-balloon-panel_visible {
		display: block;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck .ck-balloon-rotator__navigation {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Buttons inside a toolbar should be centered when rotator bar is wider.
 * See: https://github.com/ckeditor/ckeditor5-ui/issues/495
 */
.ck .ck-balloon-rotator__content .ck-toolbar {
	justify-content: center;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck .ck-fake-panel {
	position: absolute;

	/* Fake panels should be placed under main balloon content. */
	z-index: calc(var(--ck-z-panel) - 1);
}

.ck .ck-fake-panel div {
	position: absolute;
}

.ck .ck-fake-panel div:nth-child( 1 ) {
	z-index: 2;
}

.ck .ck-fake-panel div:nth-child( 2 ) {
	z-index: 1;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
		z-index: var(--ck-z-panel); /* #315 */
		position: fixed;
		top: 0;
	}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
		top: auto;
		position: absolute;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-autocomplete {
	position: relative;
}

.ck.ck-autocomplete > .ck-search__results {
		position: absolute;
		z-index: var(--ck-z-panel);
	}

.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
			bottom: 100%;
		}

.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
			top: 100%;
			bottom: auto;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}

[dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
				left: var(--ck-spacing-medium);
		}

[dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
				right: var(--ck-spacing-medium);
		}

.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}

.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
				display: block;
			}

/* Hide the filtered view when nothing was found */

.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
				display: none;
			}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-highlighted-text mark {
	background: var(--ck-color-highlight-background);
	vertical-align: initial;
	font-weight: inherit;
	line-height: inherit;
	font-size: inherit;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/**
 * Makes element unselectable.
 */

.ck.ck-balloon-panel.ck-tooltip {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	z-index: calc( var(--ck-z-dialog) + 100 );
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-toolbar-spinner-size: 18px;
}

.ck.ck-spinner-container {
	display: block;
	position: relative;
}

.ck.ck-spinner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	z-index: 1;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/**
 * Makes element unselectable.
 */

.ck.ck-toolbar {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.ck.ck-toolbar > .ck-toolbar__items {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		flex-grow: 1;

	}

.ck.ck-toolbar .ck.ck-toolbar__separator {
		display: inline-block;

		/*
		 * A leading or trailing separator makes no sense (separates from nothing on one side).
		 * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and
		 * moved to another toolbar in the dropdown.
		 */
	}

.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
		.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
			display: none;
		}

.ck.ck-toolbar .ck-toolbar__line-break {
		flex-basis: 100%;
	}

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
		flex-wrap: nowrap;
	}

.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
		flex-direction: column;
	}

.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
		flex-wrap: nowrap;
	}

.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
			display: none;
		}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-block-toolbar-button {
	position: absolute;
	z-index: var(--ck-z-default);
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
		pointer-events: none;
		z-index: var(--ck-z-default);
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-menu-bar-menu-max-width: 75vw;
	--ck-menu-bar-nested-menu-horizontal-offset: 5px;
}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
	z-index: var(--ck-z-panel);
	max-width: var(--ck-menu-bar-menu-max-width);
	position: absolute;
}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
		bottom: 100%;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
		top: 100%;
		bottom: auto;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
		left: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
		right: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
		left: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
		top: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
		bottom: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
		right: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
		top: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
		bottom: 0px;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck.ck-menu-bar__menu {
	display: block;
	position: relative;
}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
	--ck-color-resizer: var(--ck-color-focus-border);
	--ck-color-resizer-tooltip-background: hsl(0, 0%, 15%);
	--ck-color-resizer-tooltip-text: hsl(0, 0%, 95%);

	--ck-resizer-border-radius: var(--ck-border-radius);
	--ck-resizer-tooltip-offset: 10px;
	--ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}

.ck .ck-widget {
	/* This is neccessary for type around UI to be positioned properly. */
	position: relative;
}

.ck .ck-widget.ck-widget_with-selection-handle {
	/* Make the widget wrapper a relative positioning container for the drag handle. */
	position: relative;
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
		position: absolute;
	}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
			/* Make sure the icon in not a subject to font-size or line-height to avoid
			unnecessary spacing around it. */
			display: block;
		}

/* Show the selection handle on mouse hover over the widget, but not for nested widgets. */

.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
		visibility: visible;
	}

/* Show the selection handle when the widget is selected, but not for nested widgets. */

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
		visibility: visible;
	}

.ck .ck-size-view {
	background: var(--ck-color-resizer-tooltip-background);
	color: var(--ck-color-resizer-tooltip-text);
	border: 1px solid var(--ck-color-resizer-tooltip-text);
	border-radius: var(--ck-resizer-border-radius);
	font-size: var(--ck-font-size-tiny);
	display: block;
	padding: 0 var(--ck-spacing-small);
	height: var(--ck-resizer-tooltip-height);
	line-height: var(--ck-resizer-tooltip-height);
}

.ck .ck-size-view.ck-orientation-top-left,
	.ck .ck-size-view.ck-orientation-top-right,
	.ck .ck-size-view.ck-orientation-bottom-right,
	.ck .ck-size-view.ck-orientation-bottom-left,
	.ck .ck-size-view.ck-orientation-above-center {
		position: absolute;
	}

.ck .ck-size-view.ck-orientation-top-left {
		top: var(--ck-resizer-tooltip-offset);
		left: var(--ck-resizer-tooltip-offset);
	}

.ck .ck-size-view.ck-orientation-top-right {
		top: var(--ck-resizer-tooltip-offset);
		right: var(--ck-resizer-tooltip-offset);
	}

.ck .ck-size-view.ck-orientation-bottom-right {
		bottom: var(--ck-resizer-tooltip-offset);
		right: var(--ck-resizer-tooltip-offset);
	}

.ck .ck-size-view.ck-orientation-bottom-left {
		bottom: var(--ck-resizer-tooltip-offset);
		left: var(--ck-resizer-tooltip-offset);
	}

/* Class applied if the widget is too small to contain the size label */

.ck .ck-size-view.ck-orientation-above-center {
		top: calc(var(--ck-resizer-tooltip-height) * -1);
		left: 50%;
		transform: translate(-50%);
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

.ck .ck-widget_with-resizer {
	/* Make the widget wrapper a relative positioning container for the drag handle. */
	position: relative;
}

.ck .ck-widget__resizer {
	display: none;
	position: absolute;

	/* The wrapper itself should not interfere with the pointer device, only the handles should. */
	pointer-events: none;

	left: 0;
	top: 0;
}

.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
		display: block;
	}

.ck .ck-widget__resizer__handle {
	position: absolute;

	/* Resizers are the only UI elements that should interfere with a pointer device. */
	pointer-events: all;
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left,
	.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
		cursor: nwse-resize;
	}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right,
	.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
		cursor: nesw-resize;
	}

/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

/*
	 * Styles of the type around buttons
	 */

.ck .ck-widget .ck-widget__type-around__button {
		display: block;
		position: absolute;
		overflow: hidden;
		z-index: var(--ck-z-default);
	}

.ck .ck-widget .ck-widget__type-around__button svg {
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: calc(var(--ck-z-default) + 2);
		}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
			/* Place it in the middle of the outline */
			top: calc(-0.5 * var(--ck-widget-outline-thickness));
			left: min(10%, 30px);

			transform: translateY(-50%);
		}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
			/* Place it in the middle of the outline */
			bottom: calc(-0.5 * var(--ck-widget-outline-thickness));
			right: min(10%, 30px);

			transform: translateY(50%);
		}

/*
	 * Styles for the buttons when:
	 * - the widget is selected,
	 * - or the button is being hovered (regardless of the widget state).
	 */

.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 1px;
			z-index: calc(var(--ck-z-default) + 1);
		}

/*
	 * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard.
	 */

.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
	}

/*
	 * When the widget is hovered the "fake caret" would normally be narrower than the
	 * extra outline displayed around the widget. Let's extend the "fake caret" to match
	 * the full width of the widget.
	 */

.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		left: calc( -1 * var(--ck-widget-outline-thickness) );
		right: calc( -1 * var(--ck-widget-outline-thickness) );
	}

/*
	 * Styles for the horizontal "fake caret" when it should be displayed before the widget (backward keyboard navigation).
	 */

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		top: calc( -1 * var(--ck-widget-outline-thickness) - 1px );
		display: block;
	}

/*
	 * Styles for the horizontal "fake caret" when it should be displayed after the widget (forward keyboard navigation).
	 */

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		bottom: calc( -1 * var(--ck-widget-outline-thickness) - 1px );
		display: block;
	}

/*
 * Integration with the read-only mode of the editor.
 */
.ck.ck-editor__editable.ck-read-only .ck-widget__type-around {
	display: none;
}

/*
 * Integration with the restricted editing mode (feature) of the editor.
 */
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
	display: none;
}

/*
 * Integration with the #isEnabled property of the WidgetTypeAround plugin.
 */
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
	display: none;
}

/*# sourceMappingURL_DISABLED=ckeditor5.css.map */

:root {
  --wg-white: #ffffff;
  --wg-white-rgb: 255, 255, 255;
  --wg-black: #1d1d1d;
  --wg-black-rgb: 29, 29, 29;
  --wg-transparent: transparent;
  --wg-transparent-rgb: 0, 0, 0;
  --wg-primary: #7227f4;
  --wg-primary-rgb: 114, 39, 244;
  --wg-primary-20: #5b1fc3;
  --wg-primary-20-rgb: 91, 31, 195;
  --wg-primary--80: #e3d4fd;
  --wg-primary--80-rgb: 227, 212, 253;
  --wg-primary--85: #eadffe;
  --wg-primary--85-rgb: 234, 223, 254;
  --wg-primary--90: #f1e9fe;
  --wg-primary--90-rgb: 241, 233, 254;
  --wg-secondary: #58edd6;
  --wg-secondary-rgb: 88, 237, 214;
  --wg-secondary-20: #46beab;
  --wg-secondary-20-rgb: 70, 190, 171;
  --wg-secondary--80: #defbf7;
  --wg-secondary--80-rgb: 222, 251, 247;
  --wg-secondary--85: #e6fdf9;
  --wg-secondary--85-rgb: 230, 253, 249;
  --wg-secondary--90: #effefb;
  --wg-secondary--90-rgb: 239, 254, 251;
  --wg-gray: #bac1cc;
  --wg-gray-rgb: 186, 193, 204;
  --wg-gray-20: #76859b;
  --wg-gray-20-rgb: 118, 133, 155;
  --wg-gray--80: #d4d6d8;
  --wg-gray--80-rgb: 212, 214, 216;
  --wg-gray--85: #ebedf0;
  --wg-gray--85-rgb: 235, 237, 240;
  --wg-gray--90: #f6f6f7;
  --wg-gray--90-rgb: 246, 246, 247;
  --wg-red: #fb4d3d;
  --wg-red-rgb: 251, 77, 61;
  --wg-red-20: #c93e31;
  --wg-red-20-rgb: 201, 62, 49;
  --wg-red--80: #fedbd8;
  --wg-red--80-rgb: 254, 219, 216;
  --wg-red--85: #ffe5e2;
  --wg-red--85-rgb: 255, 229, 226;
  --wg-red--90: #ffedec;
  --wg-red--90-rgb: 255, 237, 236;
  --wg-orange: #fa8334;
  --wg-orange-rgb: 250, 131, 52;
  --wg-orange-20: #fa988c;
  --wg-orange-20-rgb: 250, 152, 140;
  --wg-orange--80: #fee6d6;
  --wg-orange--80-rgb: 254, 230, 214;
  --wg-orange--85: #feede1;
  --wg-orange--85-rgb: 254, 237, 225;
  --wg-orange--90: #fff3eb;
  --wg-orange--90-rgb: 255, 243, 235;
  --wg-yellow: #fac748;
  --wg-yellow-rgb: 250, 199, 72;
  --wg-yellow--80: #fef4da;
  --wg-yellow--80-rgb: 254, 244, 218;
  --wg-yellow--85: #fef7e4;
  --wg-yellow--85-rgb: 254, 247, 228;
  --wg-yellow--90: #fff9ed;
  --wg-yellow--90-rgb: 255, 249, 237;
  --wg-green: #1abb68;
  --wg-green-rgb: 26, 187, 104;
  --wg-green-20: #159653;
  --wg-green-20-rgb: 21, 150, 83;
  --wg-green--80: #d1f1e1;
  --wg-green--80-rgb: 209, 241, 225;
  --wg-green--85: #ddf5e9;
  --wg-green--85-rgb: 221, 245, 233;
  --wg-green--90: #e9f9f0;
  --wg-green--90-rgb: 233, 249, 240;
  --wg-pacific: #50b2c0;
  --wg-pacific-rgb: 80, 178, 192;
  --wg-pacific--80: #dcf0f2;
  --wg-pacific--80-rgb: 220, 240, 242;
  --wg-pacific--85: #e5f4f6;
  --wg-pacific--85-rgb: 229, 244, 246;
  --wg-pacific--90: #eef7f9;
  --wg-pacific--90-rgb: 238, 247, 249;
  --wg-blue: #1b98e0;
  --wg-blue-rgb: 27, 152, 224;
  --wg-blue--80: #d1eaf9;
  --wg-blue--80-rgb: 209, 234, 249;
  --wg-blue--85: #ddf0fb;
  --wg-blue--85-rgb: 221, 240, 251;
  --wg-blue--90: #e8f5fc;
  --wg-blue--90-rgb: 232, 245, 252;
  --wg-violet: #e35def;
  --wg-violet-rgb: 227, 93, 239;
  --wg-violet--80: #f9dffc;
  --wg-violet--80-rgb: 249, 223, 252;
  --wg-violet--85: #fbe7fd;
  --wg-violet--85-rgb: 251, 231, 253;
  --wg-violet--90: #fceffd;
  --wg-violet--90-rgb: 252, 239, 253;
  --wg-whatsapp: #25d366;
  --wg-whatsapp-rgb: 37, 211, 102;
  --wg-whatsapp-20: #21be5c;
  --wg-whatsapp-20-rgb: 33, 190, 92;
  --wg-whatsapp--90: #e9fbf0;
  --wg-whatsapp--90-rgb: 233, 251, 240;
  --wg-whatsapp-business: #128c7e;
  --wg-whatsapp-business-rgb: 18, 140, 126;
  --wg-whatsapp-business--90: #e8f4f2;
  --wg-whatsapp-business--90-rgb: 232, 244, 242;
  --wg-instagram: #e1306c;
  --wg-instagram-rgb: 225, 48, 108;
  --wg-instagram-20: #cb2b61;
  --wg-instagram-20-rgb: 203, 43, 97;
  --wg-instagram--90: #fdebf0;
  --wg-instagram--90-rgb: 253, 235, 240;
  --wg-facebook: #1877f2;
  --wg-facebook-rgb: 24, 119, 242;
  --wg-facebook-20: #166bda;
  --wg-facebook-20-rgb: 22, 107, 218;
  --wg-facebook--90: #e9f1ff;
  --wg-facebook--90-rgb: 233, 241, 255;
  --wg-facebook-messenger: #1877f2;
  --wg-facebook-messenger-rgb: 24, 119, 242;
  --wg-facebook-messenger-20: #166bda;
  --wg-facebook-messenger-20-rgb: 22, 107, 218;
  --wg-facebook-messenger--90: #e9f1ff;
  --wg-facebook-messenger--90-rgb: 233, 241, 255;
  --wg-telegram: #0088cc;
  --wg-telegram-rgb: 0, 136, 204;
  --wg-telegram-20: #007ab8;
  --wg-telegram-20-rgb: 0, 122, 184;
  --wg-telegram--90: #e6f4fa;
  --wg-telegram--90-rgb: 230, 244, 250;
  --wg-twitter: #1da1f2;
  --wg-twitter-rgb: 29, 161, 242;
  --wg-twitter-x: #1d1d1d;
  --wg-twitter-x-rgb: 29, 29, 29;
  --wg-twitter-x--90: #ebedf0;
  --wg-twitter-x--90-rgb: 235, 237, 240;
  --wg-google: #4285f4;
  --wg-google-rgb: 66, 133, 244;
  --wg-google-20: #689df6;
  --wg-google-20-rgb: 104, 157, 246;
  --wg-google--90: #ecf3fe;
  --wg-google--90-rgb: 236, 243, 254;
  --wg-trendyolqa: #ff6720;
  --wg-trendyolqa-rgb: 255, 103, 32;
  --wg-trendyolqa-20: #ff854d;
  --wg-trendyolqa-20-rgb: 255, 133, 77;
  --wg-trendyolqa--90: #fff0e9;
  --wg-trendyolqa--90-rgb: 255, 240, 233;
  --wg-unbounce: #0033ff;
  --wg-unbounce-rgb: 0, 51, 255;
  --wg-unbounce-20: #335cff;
  --wg-unbounce-20-rgb: 51, 92, 255;
  --wg-unbounce--90: #e6ebff;
  --wg-unbounce--90-rgb: 230, 235, 255;
  --wg-apple: #1d1d1d;
  --wg-apple-rgb: 29, 29, 29;
  --wg-google-play: #1d1d1d;
  --wg-google-play-rgb: 29, 29, 29;
  --wg-storefront: #76859b;
  --wg-storefront-rgb: 118, 133, 155;
  --wg-plug: #76859b;
  --wg-plug-rgb: 118, 133, 155;
  --wg-monochat: #7227f4;
  --wg-monochat-rgb: 114, 39, 244;
  --swiper-theme-color: var(--wg-primary);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button,
input,
textarea {
  vertical-align: baseline;
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
img {
  display: block;
}

body {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th {
  text-align: left;
}

strong {
  font-weight: 700;
}

img {
  display: block;
}

@font-face {
  src: url("https://s3.whatsgo.ai/whatsgo/cdn/iconset-260825.ttf?4glizy") format("truetype"), url("https://s3.whatsgo.ai/whatsgo/cdn/iconset-260825.woff?4glizy") format("woff"), url("https://s3.whatsgo.ai/whatsgo/cdn/iconset-260825.svg?4glizy#iconset") format("svg");
  font-family: "iconset";
}
i {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: "iconset" !important;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
}

.icon-address-book:before {
  content: "\e900";
}

.icon-agent:before {
  content: "\e901";
}

.icon-ai-aistudio:before {
  content: "\eb11";
}

.icon-ai-anthropic:before {
  content: "\eaef";
}

.icon-ai-aws:before {
  content: "\eaf0";
}

.icon-ai-azure:before {
  content: "\eaf1";
}

.icon-ai-bedrock:before {
  content: "\eb12";
}

.icon-ai-claude:before {
  content: "\eaf2";
}

.icon-ai-cohere:before {
  content: "\eb13";
}

.icon-ai-copilot:before {
  content: "\eaf3";
}

.icon-ai-deepseek:before {
  content: "\eaf4";
}

.icon-ai-gemini:before {
  content: "\eaf5";
}

.icon-ai-github-copilot:before {
  content: "\eaf6";
}

.icon-ai-grok:before {
  content: "\eaf7";
}

.icon-ai-groq:before {
  content: "\eaf8";
}

.icon-ai-huggingface:before {
  content: "\eb14";
}

.icon-ai-kling:before {
  content: "\eaf9";
}

.icon-ai-manus:before {
  content: "\eafa";
}

.icon-ai-mcp:before {
  content: "\eafb";
}

.icon-ai-metaai:before {
  content: "\eb15";
}

.icon-ai-midjourney:before {
  content: "\eb16";
}

.icon-ai-minimax:before {
  content: "\eb17";
}

.icon-ai-mistral:before {
  content: "\eb18";
}

.icon-ai-notebooklm:before {
  content: "\eb19";
}

.icon-ai-ollama:before {
  content: "\eafc";
}

.icon-ai-openai:before {
  content: "\eafd";
}

.icon-ai-perplexity:before {
  content: "\eb1a";
}

.icon-ai-qwen:before {
  content: "\eb1b";
}

.icon-ai-stability:before {
  content: "\eb1c";
}

.icon-ai-suno:before {
  content: "\eb1d";
}

.icon-ai-xai:before {
  content: "\eafe";
}

.icon-airplane-tilt:before {
  content: "\e902";
}

.icon-app-window:before {
  content: "\ea4d";
}

.icon-apple:before {
  content: "\e903";
}

.icon-approximate-equals:before {
  content: "\ea89";
}

.icon-archive:before {
  content: "\e904";
}

.icon-archive-box:before {
  content: "\ea4e";
}

.icon-arrow-bend-down-left:before {
  content: "\eaff";
}

.icon-arrow-bend-down-right:before {
  content: "\eb00";
}

.icon-arrow-bend-left-down:before {
  content: "\eb01";
}

.icon-arrow-bend-left-up:before {
  content: "\eb02";
}

.icon-arrow-bend-right-down:before {
  content: "\eb03";
}

.icon-arrow-bend-right-up:before {
  content: "\eb04";
}

.icon-arrow-bend-up-left:before {
  content: "\e905";
}

.icon-arrow-bend-up-right:before {
  content: "\e906";
}

.icon-arrow-counter-clockwise:before {
  content: "\e907";
}

.icon-arrow-down:before {
  content: "\e90a";
}

.icon-arrow-down-left:before {
  content: "\e908";
}

.icon-arrow-down-right:before {
  content: "\e909";
}

.icon-arrow-elbow-down-left:before {
  content: "\eb05";
}

.icon-arrow-elbow-down-right:before {
  content: "\eb06";
}

.icon-arrow-elbow-left-down:before {
  content: "\eb07";
}

.icon-arrow-elbow-left-up:before {
  content: "\eb08";
}

.icon-arrow-elbow-right-down:before {
  content: "\eb09";
}

.icon-arrow-elbow-right-up:before {
  content: "\eb0a";
}

.icon-arrow-elbow-up-left:before {
  content: "\eb0b";
}

.icon-arrow-elbow-up-right:before {
  content: "\eb0c";
}

.icon-arrow-left:before {
  content: "\e90b";
}

.icon-arrow-right:before {
  content: "\e90c";
}

.icon-arrow-square-in:before {
  content: "\e90d";
}

.icon-arrow-square-out:before {
  content: "\e90e";
}

.icon-arrow-up:before {
  content: "\e911";
}

.icon-arrow-up-left:before {
  content: "\e90f";
}

.icon-arrow-up-right:before {
  content: "\e910";
}

.icon-arrows-clockwise:before {
  content: "\e912";
}

.icon-arrows-down-up:before {
  content: "\e913";
}

.icon-arrows-left-right:before {
  content: "\ea8a";
}

.icon-arrows-merge:before {
  content: "\ea8b";
}

.icon-arrows-split:before {
  content: "\ea8c";
}

.icon-article:before {
  content: "\e914";
}

.icon-asterisk:before {
  content: "\ea82";
}

.icon-at:before {
  content: "\e915";
}

.icon-backspace:before {
  content: "\e916";
}

.icon-bag:before {
  content: "\e917";
}

.icon-barcode:before {
  content: "\e918";
}

.icon-basket:before {
  content: "\ea4f";
}

.icon-bell:before {
  content: "\e919";
}

.icon-bicycle:before {
  content: "\e91a";
}

.icon-binary:before {
  content: "\ea8d";
}

.icon-blueprint:before {
  content: "\ea8e";
}

.icon-bluetooth:before {
  content: "\ea3f";
}

.icon-bluetooth-connected:before {
  content: "\e97a";
}

.icon-bluetooth-slash:before {
  content: "\e9cc";
}

.icon-bluetooth-x:before {
  content: "\ea3e";
}

.icon-bold:before {
  content: "\e91b";
}

.icon-book-open:before {
  content: "\e91d";
}

.icon-book-open-text:before {
  content: "\e91c";
}

.icon-bookmark-simple:before {
  content: "\e91e";
}

.icon-bookmarks-simple:before {
  content: "\e91f";
}

.icon-brackets-angle:before {
  content: "\e920";
}

.icon-brackets-curly:before {
  content: "\e921";
}

.icon-brackets-round:before {
  content: "\ea8f";
}

.icon-brackets-square:before {
  content: "\ea90";
}

.icon-briefcase:before {
  content: "\e922";
}

.icon-broadcast:before {
  content: "\ea50";
}

.icon-browser:before {
  content: "\e923";
}

.icon-browsers:before {
  content: "\e924";
}

.icon-building:before {
  content: "\e925";
}

.icon-calculator:before {
  content: "\e926";
}

.icon-calendar:before {
  content: "\e92b";
}

.icon-calendar-blank:before {
  content: "\e927";
}

.icon-calendar-check:before {
  content: "\e928";
}

.icon-calendar-dot:before {
  content: "\ea91";
}

.icon-calendar-dots:before {
  content: "\ea92";
}

.icon-calendar-heart:before {
  content: "\ea93";
}

.icon-calendar-minus:before {
  content: "\ea94";
}

.icon-calendar-plus:before {
  content: "\e929";
}

.icon-calendar-slash:before {
  content: "\ea95";
}

.icon-calendar-star:before {
  content: "\ea96";
}

.icon-calendar-x:before {
  content: "\e92a";
}

.icon-call-bell:before {
  content: "\e92c";
}

.icon-camera:before {
  content: "\e92d";
}

.icon-car-simple:before {
  content: "\e92e";
}

.icon-cardholder:before {
  content: "\e92f";
}

.icon-cards:before {
  content: "\e930";
}

.icon-cards-three:before {
  content: "\ea97";
}

.icon-caret-double-left:before {
  content: "\ea83";
}

.icon-caret-double-right:before {
  content: "\ea84";
}

.icon-caret-down:before {
  content: "\e931";
}

.icon-caret-left:before {
  content: "\e932";
}

.icon-caret-right:before {
  content: "\e933";
}

.icon-caret-up:before {
  content: "\e935";
}

.icon-caret-up-down:before {
  content: "\e934";
}

.icon-cart-add:before {
  content: "\e936";
}

.icon-cashbox:before {
  content: "\e937";
}

.icon-cell-tower:before {
  content: "\ea98";
}

.icon-certificate:before {
  content: "\e938";
}

.icon-chart-bar:before {
  content: "\ea9a";
}

.icon-chart-bar-horizontal:before {
  content: "\ea99";
}

.icon-chart-donut:before {
  content: "\ea9b";
}

.icon-chart-line:before {
  content: "\ea9e";
}

.icon-chart-line-down:before {
  content: "\ea9c";
}

.icon-chart-line-up:before {
  content: "\ea9d";
}

.icon-chart-pie:before {
  content: "\e939";
}

.icon-chart-pie-slice:before {
  content: "\ea9f";
}

.icon-chart-scatter:before {
  content: "\eaa0";
}

.icon-chat-centered-slash:before {
  content: "\eaa1";
}

.icon-chat-plus:before {
  content: "\e93a";
}

.icon-chat-teardrop-text:before {
  content: "\e93b";
}

.icon-chat-text:before {
  content: "\e93c";
}

.icon-chats-teardrop:before {
  content: "\e93d";
}

.icon-check:before {
  content: "\e940";
}

.icon-check-circle:before {
  content: "\e93e";
}

.icon-check-square:before {
  content: "\e93f";
}

.icon-checks:before {
  content: "\e941";
}

.icon-circle:before {
  content: "\e942";
}

.icon-circles-four:before {
  content: "\e943";
}

.icon-circles-three:before {
  content: "\ea51";
}

.icon-circles-three-plus:before {
  content: "\ea52";
}

.icon-circuitry:before {
  content: "\ea53";
}

.icon-clipboard:before {
  content: "\ea54";
}

.icon-clipboard-text:before {
  content: "\e944";
}

.icon-clock:before {
  content: "\e947";
}

.icon-clock-countdown:before {
  content: "\e945";
}

.icon-clock-counter-clockwise:before {
  content: "\e946";
}

.icon-clock-user:before {
  content: "\eaa2";
}

.icon-cloud:before {
  content: "\e94a";
}

.icon-cloud-arrow-down:before {
  content: "\e948";
}

.icon-cloud-arrow-up:before {
  content: "\e949";
}

.icon-cloud-check:before {
  content: "\eaa3";
}

.icon-cloudflare:before {
  content: "\eb1e";
}

.icon-code:before {
  content: "\e94b";
}

.icon-code-block:before {
  content: "\eaa4";
}

.icon-code-simple:before {
  content: "\eaa5";
}

.icon-columns:before {
  content: "\e94c";
}

.icon-command:before {
  content: "\eaa6";
}

.icon-compass:before {
  content: "\e94d";
}

.icon-contactless-payment:before {
  content: "\e94e";
}

.icon-cookie:before {
  content: "\eaa7";
}

.icon-copy:before {
  content: "\e94f";
}

.icon-corners-in:before {
  content: "\eaa8";
}

.icon-corners-out:before {
  content: "\eaa9";
}

.icon-cpu:before {
  content: "\e950";
}

.icon-credit-card:before {
  content: "\e951";
}

.icon-crosshair:before {
  content: "\e953";
}

.icon-crosshair-simple:before {
  content: "\e952";
}

.icon-crown:before {
  content: "\ea55";
}

.icon-cube:before {
  content: "\e954";
}

.icon-cursor:before {
  content: "\e955";
}

.icon-cursor-click:before {
  content: "\ea56";
}

.icon-database:before {
  content: "\ea57";
}

.icon-detective:before {
  content: "\eaaa";
}

.icon-diamond:before {
  content: "\ea58";
}

.icon-diamonds-four:before {
  content: "\e956";
}

.icon-dots-nine:before {
  content: "\ea40";
}

.icon-dots-six-vertical:before {
  content: "\e959";
}

.icon-dots-three:before {
  content: "\e958";
}

.icon-dots-three-vertical:before {
  content: "\e957";
}

.icon-download-simple:before {
  content: "\e95a";
}

.icon-dropdown:before {
  content: "\e95b";
}

.icon-empty:before {
  content: "\eaab";
}

.icon-envelope:before {
  content: "\e95c";
}

.icon-eraser:before {
  content: "\e95d";
}

.icon-export:before {
  content: "\e95e";
}

.icon-eye:before {
  content: "\e960";
}

.icon-eye-slash:before {
  content: "\e95f";
}

.icon-eyedropper:before {
  content: "\e961";
}

.icon-facebook:before {
  content: "\e964";
}

.icon-facebook-f:before {
  content: "\e962";
}

.icon-facebook-messenger:before {
  content: "\e963";
}

.icon-faders-horizontal:before {
  content: "\e965";
}

.icon-fast-forward:before {
  content: "\e966";
}

.icon-file:before {
  content: "\ea81";
}

.icon-file-archive:before {
  content: "\e967";
}

.icon-file-arrow-down:before {
  content: "\e968";
}

.icon-file-arrow-up:before {
  content: "\e969";
}

.icon-file-audio:before {
  content: "\e96a";
}

.icon-file-cloud:before {
  content: "\e96b";
}

.icon-file-code:before {
  content: "\e96c";
}

.icon-file-css:before {
  content: "\e96d";
}

.icon-file-csv:before {
  content: "\e96e";
}

.icon-file-dashed:before {
  content: "\ea59";
}

.icon-file-doc:before {
  content: "\e96f";
}

.icon-file-html:before {
  content: "\e970";
}

.icon-file-image:before {
  content: "\e971";
}

.icon-file-jpg:before {
  content: "\e972";
}

.icon-file-js:before {
  content: "\e973";
}

.icon-file-lock:before {
  content: "\e974";
}

.icon-file-magnifying-glass:before {
  content: "\ea41";
}

.icon-file-md:before {
  content: "\eaac";
}

.icon-file-minus:before {
  content: "\e975";
}

.icon-file-pdf:before {
  content: "\e976";
}

.icon-file-plus:before {
  content: "\e977";
}

.icon-file-png:before {
  content: "\e978";
}

.icon-file-ppt:before {
  content: "\e979";
}

.icon-file-svg:before {
  content: "\e97b";
}

.icon-file-text:before {
  content: "\e97c";
}

.icon-file-txt:before {
  content: "\eaad";
}

.icon-file-video:before {
  content: "\e97d";
}

.icon-file-x:before {
  content: "\ea5a";
}

.icon-file-xls:before {
  content: "\e97e";
}

.icon-file-zip:before {
  content: "\e97f";
}

.icon-files:before {
  content: "\e980";
}

.icon-fingerprint:before {
  content: "\ea5b";
}

.icon-fingerprint-simple:before {
  content: "\ea5c";
}

.icon-first-aid:before {
  content: "\eaaf";
}

.icon-first-aid-kit:before {
  content: "\eaae";
}

.icon-flag:before {
  content: "\e981";
}

.icon-flag-banner:before {
  content: "\eab1";
}

.icon-flag-banner-fold:before {
  content: "\eab0";
}

.icon-flag-checkered:before {
  content: "\eab2";
}

.icon-floppy-disk:before {
  content: "\e982";
}

.icon-flow:before {
  content: "\e983";
}

.icon-folder:before {
  content: "\e984";
}

.icon-folder-dashed:before {
  content: "\eab3";
}

.icon-folder-lock:before {
  content: "\eab4";
}

.icon-folder-minus:before {
  content: "\eab5";
}

.icon-folder-open:before {
  content: "\eab6";
}

.icon-folder-plus:before {
  content: "\eab7";
}

.icon-folder-star:before {
  content: "\eab8";
}

.icon-folder-user:before {
  content: "\eab9";
}

.icon-folders:before {
  content: "\eaba";
}

.icon-footprints:before {
  content: "\e985";
}

.icon-fork-knife:before {
  content: "\e986";
}

.icon-funnel:before {
  content: "\e988";
}

.icon-funnel-simple:before {
  content: "\e987";
}

.icon-funnel-simple-x:before {
  content: "\eabb";
}

.icon-funnel-x:before {
  content: "\eabc";
}

.icon-gallery:before {
  content: "\e989";
}

.icon-game-controller:before {
  content: "\e98a";
}

.icon-gear-six:before {
  content: "\e98b";
}

.icon-gears:before {
  content: "\e98c";
}

.icon-ghost:before {
  content: "\eabd";
}

.icon-gift:before {
  content: "\e98d";
}

.icon-git-branch:before {
  content: "\ea5d";
}

.icon-git-commit:before {
  content: "\ea5e";
}

.icon-git-diff:before {
  content: "\ea5f";
}

.icon-git-fork:before {
  content: "\ea60";
}

.icon-git-merge:before {
  content: "\e98e";
}

.icon-git-pull-request:before {
  content: "\ea61";
}

.icon-globe:before {
  content: "\e98f";
}

.icon-globe-x:before {
  content: "\eabe";
}

.icon-google:before {
  content: "\e991";
}

.icon-google-play:before {
  content: "\e990";
}

.icon-gps:before {
  content: "\eac1";
}

.icon-gps-fix:before {
  content: "\eabf";
}

.icon-gps-slash:before {
  content: "\eac0";
}

.icon-graduation-cap:before {
  content: "\ea62";
}

.icon-graph:before {
  content: "\ea63";
}

.icon-grid-four:before {
  content: "\ea64";
}

.icon-grid-nine:before {
  content: "\ea65";
}

.icon-hand-pointing:before {
  content: "\e992";
}

.icon-handbag:before {
  content: "\e993";
}

.icon-handshake:before {
  content: "\e994";
}

.icon-hard-drive:before {
  content: "\ea66";
}

.icon-hard-drives:before {
  content: "\ea67";
}

.icon-hash:before {
  content: "\e995";
}

.icon-heart:before {
  content: "\e996";
}

.icon-heartbeat:before {
  content: "\e997";
}

.icon-hexagon:before {
  content: "\e998";
}

.icon-hourglass:before {
  content: "\e999";
}

.icon-house-line:before {
  content: "\e99a";
}

.icon-house-simple:before {
  content: "\e99b";
}

.icon-identification-badge:before {
  content: "\ea68";
}

.icon-identification-card:before {
  content: "\e99c";
}

.icon-image:before {
  content: "\e99d";
}

.icon-image-broken:before {
  content: "\eac2";
}

.icon-images:before {
  content: "\e99e";
}

.icon-infinity:before {
  content: "\eac3";
}

.icon-info:before {
  content: "\e99f";
}

.icon-instagram:before {
  content: "\e9a0";
}

.icon-intersect:before {
  content: "\e9a1";
}

.icon-invoice:before {
  content: "\eac4";
}

.icon-italic:before {
  content: "\e9a2";
}

.icon-kanban:before {
  content: "\e9a3";
}

.icon-key:before {
  content: "\e9a4";
}

.icon-lifebuoy:before {
  content: "\e9a5";
}

.icon-lightning:before {
  content: "\eac6";
}

.icon-lightning-slash:before {
  content: "\eac5";
}

.icon-line-segment:before {
  content: "\eac7";
}

.icon-line-segments:before {
  content: "\e9a6";
}

.icon-link:before {
  content: "\e9a8";
}

.icon-link-break:before {
  content: "\e9a7";
}

.icon-linkedin:before {
  content: "\e9aa";
}

.icon-linkedin-in:before {
  content: "\e9a9";
}

.icon-list-bullets:before {
  content: "\e9ab";
}

.icon-list-dashes:before {
  content: "\e9ac";
}

.icon-list-heart:before {
  content: "\eac8";
}

.icon-list-numbers:before {
  content: "\e9ad";
}

.icon-list-plus:before {
  content: "\e9ae";
}

.icon-list-star:before {
  content: "\eac9";
}

.icon-lock:before {
  content: "\e9b0";
}

.icon-lock-open:before {
  content: "\e9af";
}

.icon-magic-wand:before {
  content: "\e9b1";
}

.icon-map-pin:before {
  content: "\e9b3";
}

.icon-map-pin-line:before {
  content: "\e9b2";
}

.icon-map-pin-plus:before {
  content: "\eaca";
}

.icon-map-trifold:before {
  content: "\e9b4";
}

.icon-math-operations:before {
  content: "\e9b5";
}

.icon-medal:before {
  content: "\ea69";
}

.icon-megaphone:before {
  content: "\e9b7";
}

.icon-megaphone-simple:before {
  content: "\e9b6";
}

.icon-message:before {
  content: "\e9bb";
}

.icon-message-arrow-down:before {
  content: "\eacb";
}

.icon-message-arrow-up:before {
  content: "\eacc";
}

.icon-message-asterisk:before {
  content: "\e9b8";
}

.icon-message-bend-up-right:before {
  content: "\eacd";
}

.icon-message-check:before {
  content: "\eace";
}

.icon-message-counter-clockwise:before {
  content: "\eacf";
}

.icon-message-final:before {
  content: "\e9b9";
}

.icon-message-hash-straight:before {
  content: "\ead0";
}

.icon-message-plus:before {
  content: "\ead1";
}

.icon-message-power:before {
  content: "\ead2";
}

.icon-message-question:before {
  content: "\ead3";
}

.icon-message-slash:before {
  content: "\ea39";
}

.icon-message-text:before {
  content: "\e9ba";
}

.icon-message-x:before {
  content: "\ead4";
}

.icon-meta:before {
  content: "\ea85";
}

.icon-microphone:before {
  content: "\e9bd";
}

.icon-microphone-slash:before {
  content: "\e9bc";
}

.icon-minus:before {
  content: "\e9bf";
}

.icon-minus-circle:before {
  content: "\e9be";
}

.icon-money:before {
  content: "\e9c0";
}

.icon-monochat:before {
  content: "\ea6a";
}

.icon-moon:before {
  content: "\ead5";
}

.icon-navigation-arrow:before {
  content: "\e9c1";
}

.icon-network:before {
  content: "\ead8";
}

.icon-network-slash:before {
  content: "\ead6";
}

.icon-network-x:before {
  content: "\ead7";
}

.icon-note:before {
  content: "\e9c2";
}

.icon-notepad:before {
  content: "\e9c3";
}

.icon-notification:before {
  content: "\ea6b";
}

.icon-number:before {
  content: "\e9c4";
}

.icon-numpad:before {
  content: "\ea86";
}

.icon-package:before {
  content: "\e9c5";
}

.icon-paint-brush-broad:before {
  content: "\e9c6";
}

.icon-palette:before {
  content: "\e9c7";
}

.icon-paper-plane-tilt:before {
  content: "\e9c8";
}

.icon-paperclip:before {
  content: "\e9c9";
}

.icon-paragraph:before {
  content: "\e9ca";
}

.icon-password:before {
  content: "\ea6c";
}

.icon-path:before {
  content: "\e9cb";
}

.icon-pause:before {
  content: "\ea6d";
}

.icon-pause-circle:before {
  content: "\e9cd";
}

.icon-pause-fill:before {
  content: "\e9ce";
}

.icon-pencil-simple:before {
  content: "\e9cf";
}

.icon-percent:before {
  content: "\e9d0";
}

.icon-phone:before {
  content: "\e9d1";
}

.icon-phone-call:before {
  content: "\ea42";
}

.icon-phone-disconnect:before {
  content: "\ea43";
}

.icon-phone-incoming:before {
  content: "\ea44";
}

.icon-phone-list:before {
  content: "\ead9";
}

.icon-phone-outgoing:before {
  content: "\ea45";
}

.icon-phone-pause:before {
  content: "\eada";
}

.icon-phone-plus:before {
  content: "\ea46";
}

.icon-phone-transfer:before {
  content: "\eadb";
}

.icon-phone-x:before {
  content: "\ea47";
}

.icon-pinterest:before {
  content: "\e9d2";
}

.icon-play:before {
  content: "\e9d5";
}

.icon-play-circle:before {
  content: "\e9d3";
}

.icon-play-fill:before {
  content: "\e9d4";
}

.icon-play-pause:before {
  content: "\eadc";
}

.icon-plug:before {
  content: "\e9d6";
}

.icon-plugs:before {
  content: "\e9d8";
}

.icon-plugs-connected:before {
  content: "\e9d7";
}

.icon-plus:before {
  content: "\e9da";
}

.icon-plus-circle:before {
  content: "\e9d9";
}

.icon-power:before {
  content: "\e9db";
}

.icon-presentation-chart:before {
  content: "\e9dc";
}

.icon-printer:before {
  content: "\e9dd";
}

.icon-prohibit:before {
  content: "\e9de";
}

.icon-pulse:before {
  content: "\e9df";
}

.icon-push-pin:before {
  content: "\e9e1";
}

.icon-push-pin-slash:before {
  content: "\e9e0";
}

.icon-puzzle-piece:before {
  content: "\e9e2";
}

.icon-qr-code:before {
  content: "\e9e3";
}

.icon-question:before {
  content: "\e9e4";
}

.icon-radio-button:before {
  content: "\e9e5";
}

.icon-receipt:before {
  content: "\e9e7";
}

.icon-receipt-x:before {
  content: "\e9e6";
}

.icon-rectangle:before {
  content: "\e9e8";
}

.icon-repeat:before {
  content: "\e9e9";
}

.icon-robot:before {
  content: "\e9ea";
}

.icon-rocket-launch:before {
  content: "\e9eb";
}

.icon-rows:before {
  content: "\e9ec";
}

.icon-scan:before {
  content: "\e9ed";
}

.icon-scissors:before {
  content: "\eb0d";
}

.icon-seal:before {
  content: "\e9ee";
}

.icon-seal-check:before {
  content: "\ea6e";
}

.icon-seal-percent:before {
  content: "\eadd";
}

.icon-seal-question:before {
  content: "\ea6f";
}

.icon-seal-warning:before {
  content: "\ea70";
}

.icon-search:before {
  content: "\e9ef";
}

.icon-share:before {
  content: "\e9f1";
}

.icon-share-network:before {
  content: "\e9f0";
}

.icon-shield:before {
  content: "\ea71";
}

.icon-shield-check:before {
  content: "\e9f2";
}

.icon-shield-plus:before {
  content: "\ea72";
}

.icon-shield-slash:before {
  content: "\ea73";
}

.icon-shield-star:before {
  content: "\ea74";
}

.icon-shield-warning:before {
  content: "\ea75";
}

.icon-shopping-bag:before {
  content: "\e9f3";
}

.icon-shopping-cart-simple:before {
  content: "\e9f4";
}

.icon-shuffle:before {
  content: "\e9f5";
}

.icon-sign-in:before {
  content: "\eb0e";
}

.icon-sign-out:before {
  content: "\e9f6";
}

.icon-signature:before {
  content: "\eb0f";
}

.icon-signpost:before {
  content: "\e9f7";
}

.icon-slideshow:before {
  content: "\e9f8";
}

.icon-smiley:before {
  content: "\e9fd";
}

.icon-smiley-blank:before {
  content: "\e9f9";
}

.icon-smiley-meh:before {
  content: "\e9fa";
}

.icon-smiley-sad:before {
  content: "\e9fb";
}

.icon-smiley-wink:before {
  content: "\e9fc";
}

.icon-sort-asc:before {
  content: "\e9fe";
}

.icon-sort-desc:before {
  content: "\e9ff";
}

.icon-sparkle:before {
  content: "\ea76";
}

.icon-speaker-high:before {
  content: "\ea48";
}

.icon-speaker-low:before {
  content: "\ea49";
}

.icon-speaker-none:before {
  content: "\ea4a";
}

.icon-speaker-slash:before {
  content: "\ea4b";
}

.icon-speaker-x:before {
  content: "\ea4c";
}

.icon-spinner:before {
  content: "\ea00";
}

.icon-square:before {
  content: "\ea87";
}

.icon-squares-four:before {
  content: "\ea01";
}

.icon-stack:before {
  content: "\ea03";
}

.icon-stack-minus:before {
  content: "\eade";
}

.icon-stack-plus:before {
  content: "\eadf";
}

.icon-stack-simple:before {
  content: "\ea02";
}

.icon-star:before {
  content: "\ea04";
}

.icon-star-fill:before {
  content: "\ea88";
}

.icon-sticker:before {
  content: "\ea05";
}

.icon-stop-circle:before {
  content: "\ea06";
}

.icon-stop-fill:before {
  content: "\ea07";
}

.icon-storefront:before {
  content: "\ea08";
}

.icon-strategy:before {
  content: "\ea09";
}

.icon-strikethrough:before {
  content: "\ea0a";
}

.icon-student:before {
  content: "\eae0";
}

.icon-suitcase-simple:before {
  content: "\ea0b";
}

.icon-sun:before {
  content: "\eae1";
}

.icon-swap:before {
  content: "\ea0c";
}

.icon-swatches:before {
  content: "\ea0d";
}

.icon-table:before {
  content: "\ea0e";
}

.icon-tag:before {
  content: "\ea10";
}

.icon-tag-simple:before {
  content: "\ea0f";
}

.icon-target:before {
  content: "\ea11";
}

.icon-telegram:before {
  content: "\ea12";
}

.icon-terminal:before {
  content: "\eae3";
}

.icon-terminal-window:before {
  content: "\eae2";
}

.icon-text:before {
  content: "\ea16";
}

.icon-text-align-left:before {
  content: "\ea13";
}

.icon-text-indent:before {
  content: "\ea14";
}

.icon-text-outdent:before {
  content: "\ea15";
}

.icon-textarea:before {
  content: "\ea17";
}

.icon-textbox:before {
  content: "\ea18";
}

.icon-thumbs-down:before {
  content: "\eae4";
}

.icon-thumbs-up:before {
  content: "\ea19";
}

.icon-ticket:before {
  content: "\ea1a";
}

.icon-tiktok:before {
  content: "\ea1b";
}

.icon-tilde:before {
  content: "\eae5";
}

.icon-timer:before {
  content: "\ea1c";
}

.icon-tl:before {
  content: "\ea1d";
}

.icon-translate:before {
  content: "\ea1e";
}

.icon-trash:before {
  content: "\ea1f";
}

.icon-tray:before {
  content: "\eae8";
}

.icon-tray-arrow-down:before {
  content: "\eae6";
}

.icon-tray-arrow-up:before {
  content: "\eae7";
}

.icon-tree:before {
  content: "\ea21";
}

.icon-tree-structure:before {
  content: "\ea20";
}

.icon-tree-view:before {
  content: "\eae9";
}

.icon-trend-down:before {
  content: "\ea22";
}

.icon-trend-up:before {
  content: "\ea23";
}

.icon-trendyolqa:before {
  content: "\ea24";
}

.icon-trophy:before {
  content: "\ea77";
}

.icon-truck:before {
  content: "\ea25";
}

.icon-true-false:before {
  content: "\ea26";
}

.icon-twitter:before {
  content: "\ea28";
}

.icon-twitter-x:before {
  content: "\ea27";
}

.icon-unbounce:before {
  content: "\ea29";
}

.icon-underline:before {
  content: "\ea2a";
}

.icon-upload-simple:before {
  content: "\ea2b";
}

.icon-usb:before {
  content: "\eaea";
}

.icon-user:before {
  content: "\ea2f";
}

.icon-user-check:before {
  content: "\eaeb";
}

.icon-user-circle:before {
  content: "\ea78";
}

.icon-user-circle-gear:before {
  content: "\ea2c";
}

.icon-user-circle-minus:before {
  content: "\ea79";
}

.icon-user-circle-plus:before {
  content: "\ea7a";
}

.icon-user-focus:before {
  content: "\ea7b";
}

.icon-user-gear:before {
  content: "\ea7c";
}

.icon-user-minus:before {
  content: "\ea7d";
}

.icon-user-plus:before {
  content: "\ea2d";
}

.icon-user-rectangle:before {
  content: "\ea7e";
}

.icon-user-switch:before {
  content: "\ea2e";
}

.icon-users:before {
  content: "\ea31";
}

.icon-users-four:before {
  content: "\ea7f";
}

.icon-users-three:before {
  content: "\ea30";
}

.icon-vault:before {
  content: "\ea80";
}

.icon-vector-three:before {
  content: "\eaec";
}

.icon-vector-two:before {
  content: "\eaed";
}

.icon-video:before {
  content: "\eaee";
}

.icon-video-camera:before {
  content: "\ea33";
}

.icon-video-camera-slash:before {
  content: "\ea32";
}

.icon-wallet:before {
  content: "\ea34";
}

.icon-warning:before {
  content: "\ea36";
}

.icon-warning-circle:before {
  content: "\ea35";
}

.icon-waveform:before {
  content: "\eb10";
}

.icon-whatsapp:before {
  content: "\ea38";
}

.icon-whatsapp-business:before {
  content: "\ea37";
}

.icon-wrench:before {
  content: "\ea3a";
}

.icon-x:before {
  content: "\ea3c";
}

.icon-x-circle:before {
  content: "\ea3b";
}

.icon-youtube:before {
  content: "\ea3d";
}

@font-face {
  font-style: normal;
  font-weight: 500;
  src: url("https://s3.whatsgo.ai/whatsgo/cdn/Satoshi-Medium.woff2") format("woff2"), url("https://s3.whatsgo.ai/whatsgo/cdn/Satoshi-Medium.woff") format("woff");
  font-family: "Satoshi";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 700;
  src: url("https://s3.whatsgo.ai/whatsgo/cdn/Satoshi-Bold.woff2") format("woff2"), url("https://s3.whatsgo.ai/whatsgo/cdn/Satoshi-Bold.woff") format("woff");
  font-family: "Satoshi";
  font-display: swap;
}
@font-face {
  src: url("https://s3.whatsgo.ai/whatsgo/cdn/codicon.ttf") format("truetype");
  font-family: "codicon";
}
::selection {
  background: rgba(71, 85, 105, 0.15);
}

::-moz-selection {
  background: rgba(71, 85, 105, 0.15);
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  background-color: #f6f6f7;
  font-weight: 500;
  font-family: "Satoshi", sans-serif;
}

body,
html {
  overflow: hidden !important;
  color: #1d1d1d;
}

a {
  color: var(--wg-primary);
  text-decoration: none;
}
a:hover {
  color: var(--wg-primary-20);
}

a,
button,
input,
textarea {
  transition: all 0.3s;
}

hr {
  border-top: 1px dashed #d4d6d8;
  border-bottom: none;
}

.is-hidden {
  display: none !important;
}
.is-invisible {
  visibility: hidden !important;
  opacity: 0 !important;
}
.is-scrollable {
  position: relative;
  height: 100%;
}

.wg-loader {
  animation: rotation 1s linear infinite;
  border: 4px solid var(--wg-primary);
  border-bottom-color: transparent;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
}
.wg-loader.sm {
  border-width: 2px;
  width: 16px;
  height: 16px;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.tippy-box[data-theme~=violet] {
  z-index: 99999;
  border-radius: 0.75rem;
  background-color: #1d1d1d;
  padding: 0.5rem;
  color: #ffffff;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  font-family: "Satoshi", sans-serif;
  word-break: break-word;
}
.tippy-box[data-theme~=violet] .tippy-arrow {
  color: #1d1d1d;
}

.tippy-box[data-theme="violet sm"] {
  border-radius: 0.625rem;
  padding: 0.25rem;
  font-size: 0.75rem;
}

.tippy-content {
  line-height: 16px;
}

.tippy-box[data-theme=clean] {
  background-color: transparent;
}
.tippy-box[data-theme=clean] .tippy-content {
  padding: 0px;
}
.tippy-box[data-theme=clean] .tippy-arrow {
  display: none;
}

.ps {
  position: relative;
}

.wg-sortable--dragging > div:not(.wg-sortable-item--dragging), .wg-sortable--dragging > li:not(.wg-sortable-item--dragging) {
  opacity: 0.5;
}
.wg-sortable-item {
  order: 999;
}
.wg-sortable-item .wg-a-composite-title {
  gap: 8px;
}
.wg-sortable-item.wg-sortable-item--static.show-pin .wg-sortable-item__handle::before {
  content: "\e9e1";
  color: #76859b;
}
.wg-sortable-item.wg-sortable-item--static .wg-sortable-item__handle {
  position: relative;
}
.wg-sortable-item.wg-sortable-item--static .wg-sortable-item__handle::after {
  transition: all 0.3s;
}
.wg-sortable-item.wg-sortable-item--static .wg-sortable-item__handle.show::before {
  opacity: 1;
}
.wg-sortable-item:not(.wg-sortable-item--static) .wg-sortable-item__handle {
  position: relative;
  pointer-events: initial !important;
}
.wg-sortable-item:not(.wg-sortable-item--static) .wg-sortable-item__handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e959";
  color: #76859b;
  font-size: 1.125rem;
}
.wg-sortable-item:not(.wg-sortable-item--static) .wg-sortable-item__handle::before {
  transition: all 0.3s;
}
.wg-sortable-item:not(.wg-sortable-item--static):hover .wg-sortable-item__handle {
  cursor: grab;
}
.wg-sortable-item:not(.wg-sortable-item--static):hover .wg-sortable-item__handle:active {
  cursor: grabbing;
}
.wg-sortable-item:not(.wg-sortable-item--static):hover .wg-a-composite-title > .wg-sortable-item__handle::before {
  opacity: 0;
}
.wg-sortable-item:not(.wg-sortable-item--static):hover .wg-a-composite-title > .wg-sortable-item__handle::after {
  opacity: 1;
}

.is-hidden {
  display: none !important;
}
.is-invisible {
  visibility: hidden !important;
  opacity: 0 !important;
}
.is-scrollable {
  position: relative;
  height: 100%;
}
.is-truncate {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.wg-formatted-text img {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
  width: 100%;
  max-width: 280px;
  height: auto;
}
.wg-formatted-text :is(p, .wg-formatted-text > ul, .wg-formatted-text > ol) {
  margin-top: 0;
  margin-bottom: 12px;
}
.wg-formatted-text :is(ul, ol) {
  padding-left: 16px;
}
.wg-formatted-text ul {
  list-style: disc !important;
}
.wg-formatted-text ul li:has(p) p {
  margin: 0 !important;
}
.wg-formatted-text ul li::marker {
  color: var(--wg-primary);
  line-height: 1.125rem;
}
.wg-formatted-text ol {
  list-style: decimal !important;
}
.wg-formatted-text ol li:has(p) p {
  margin: 0 !important;
}
.wg-formatted-text ol li::marker {
  color: var(--wg-primary);
}
.wg-formatted-text em {
  font-style: italic;
}
.wg-formatted-text code {
  font-family: monospace;
}
.wg-formatted-text pre {
  border-radius: 8px;
  background: #282a36;
  padding: 12px;
  color: #bac1cc;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  white-space: pre-wrap;
  tab-size: 2;
}
.wg-formatted-text blockquote {
  border-left: 2px solid rgba(29, 29, 29, 0.2);
  padding-left: 12px;
}
.wg-formatted-text > *:last-child, .wg-formatted-text > *:last-child > p {
  margin-bottom: 0 !important;
}

.wg-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.wg-form-wrapper .wg-form-half {
  display: flex;
  gap: 16px;
}
.wg-form-wrapper .wg-form-half .wg-form-item {
  width: 100%;
}
.wg-form-wrapper .wg-form-evenly {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wg-form-wrapper .wg-form-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-form-wrapper .wg-form-card .wg-form-item {
  width: 100%;
}
.wg-form-wrapper .wg-form-card__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-form-wrapper .wg-form-item:has(.wg-a-qr) {
  margin: auto;
}
.wg-form-wrapper .wg-form-item-helper, .wg-form-wrapper .wg-form-item .wg-form-error {
  display: inline-block;
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.wg-form-wrapper .wg-form-item-helper {
  color: #76859b;
}
.wg-form-wrapper .wg-form-item .wg-form-error {
  color: #fb4d3d;
}
.wg-form-wrapper .wg-form-item.wg-form-error .wg-form-item-helper, .wg-form-wrapper .wg-form-item.wg-form-error .wg-a-multi-language__info {
  display: none;
}
.wg-form-wrapper .wg-form-item:has(.wg-a-input, .wg-a-select, .wg-a-textarea) {
  width: 100%;
}

.wg-s-passive-system {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}

.wg-s-custom-view {
  height: 100%;
}

.notiflix-notify .nx-message {
  font-weight: 500 !important;
}

.notiflix-confirm-content {
  padding: 16px !important;
}
.notiflix-confirm-head {
  position: relative;
}
.notiflix-confirm-head::before {
  display: block;
  margin: 16px auto;
  border-radius: 100%;
  background: var(--wg-primary--90);
  width: 64px;
  height: 64px;
  content: "\e99f";
  color: var(--wg-primary);
  font-size: 32px;
  line-height: 64px;
  font-family: "iconset";
  text-align: center;
}
.notiflix-confirm-head h5 {
  border: none !important;
  padding: 0 !important;
  font-weight: 700 !important;
}
.notiflix-confirm-head div {
  margin: 8px 0 32px !important;
  color: #76859b !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.notiflix-confirm.success .notiflix-confirm-head::before {
  background: #e9f9f0;
  content: "\e93e";
  color: #1abb68;
}
.notiflix-confirm.failed .notiflix-confirm-head::before {
  background: #ffedec;
  content: "\ea36";
  color: #fb4d3d;
}
.notiflix-confirm-buttons {
  display: flex;
  flex-direction: row-reverse;
  border-radius: 16px !important;
}
.notiflix-confirm-buttons.disabled > a {
  opacity: 0.5;
  cursor: no-drop !important;
  pointer-events: none;
}
.notiflix-confirm-buttons > a {
  margin: 0 !important;
  box-shadow: none !important;
  padding: 4px 16px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 24px !important;
}
.notiflix-confirm-buttons > a:not(:last-child) {
  margin-left: 8px !important;
}
.notiflix-confirm-buttons > a.nx-confirm-button-cancel:hover {
  background: var(--wg-primary--90) !important;
  color: var(--wg-primary) !important;
}
.notiflix-confirm-buttons > a.nx-confirm-button-ok {
  background: var(--wg-primary) !important;
  width: 100% !important;
}
.notiflix-confirm-buttons > a.nx-confirm-button-ok:hover {
  background: var(--wg-primary-20) !important;
}

.notiflix-report-content {
  border: 0 !important;
  border-radius: 16px !important;
  padding: 16px !important;
}
.notiflix-report-icon {
  width: 64px !important;
  height: 64px !important;
}
.notiflix-report-icon #NXReportInfo,
.notiflix-report-icon #NXReportSuccess,
.notiflix-report-icon #NXReportWarning,
.notiflix-report-icon #NXReportFailure {
  display: none !important;
}
.notiflix-report-icon::before {
  display: block;
  margin: 16px auto;
  border-radius: 100%;
  background: var(--wg-primary--90);
  content: "\e99f";
  color: var(--wg-primary);
  font-size: 32px;
  line-height: 64px;
  font-family: "iconset";
  text-align: center;
}
.notiflix-report h5 {
  margin: 0 !important;
  border: none !important;
  padding: 0 !important;
  font-weight: 700 !important;
}
.notiflix-report p {
  margin: 8px 0 32px !important;
  color: #76859b !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center;
}
.notiflix-report.success .notiflix-report-icon::before {
  background: #e9f9f0;
  content: "\e93e";
  color: #1abb68;
}
.notiflix-report.failure .notiflix-report-icon::before {
  background: #ffedec;
  content: "\ea36";
  color: #fb4d3d;
}
.notiflix-report.warning .notiflix-report-icon::before {
  background: #fff3eb;
  content: "\ea35";
  color: #fa8334;
}
.notiflix-report-button {
  display: flex;
  justify-content: center;
  border-radius: 16px !important;
  width: 100%;
  font-size: 12px !important;
}
.notiflix-report-button > a {
  margin: 0 !important;
  box-shadow: none !important;
  padding: 4px 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}
.notiflix-report-button > a:hover {
  color: var(--wg-primary) !important;
}

.notiflix-loading .nx-loading-message {
  font-weight: 500 !important;
}

.iti {
  --iti-path-flags-1x: url("flags/flags.webp");
  --iti-path-flags-2x: url("flags/flags@2x.webp");
  --iti-path-globe-1x: url("flags/globe.webp");
  --iti-path-globe-2x: url("flags/globe@2x.webp");
  display: flex;
  gap: 4px;
}
.iti input[type=tel] {
  padding-left: 0 !important;
}

.iti__search-input {
  outline-style: none;
  border: 1px solid #d4d6d8;
}

.iti__country-container {
  position: relative;
}
.iti__country-container .iti__selected-country-primary {
  padding: unset;
}
.iti__country-container .iti__selected-country-primary:hover {
  background-color: transparent !important;
}

.iti--container.iti--fullscreen-popup {
  z-index: 100003;
}

.iti--fullscreen-popup .iti__dropdown-content {
  position: unset !important;
  margin: auto;
  width: 600px;
  max-height: 600px;
}
@media (max-width: 991px) {
  .iti--fullscreen-popup .iti__dropdown-content {
    width: 90%;
    max-width: 360px;
    max-height: 90%;
  }
}

.wg-l-workspace {
  display: flex;
  transition: all 0.3s;
  background: #f6f6f7;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}
.wg-l-workspace__content {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wg-l-workspace__content > div {
  height: 100%;
}
.wg-l-workspace__content:not(:has(.wg-a-tabs__header)) .wg-a-tabs__pane > div {
  padding: 24px 32px 32px;
}
:is(.wg-l-workspace__left, .wg-l-workspace__right) {
  position: relative;
  flex-shrink: 0;
  transition: all 0.3s;
  border-style: solid;
  border-color: #d4d6d8;
  background: #f6f6f7;
  height: 100vh;
}
:is(.wg-l-workspace__left, .wg-l-workspace__right) .wg-l-workspace__collapse {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
:is(.wg-l-workspace__left, .wg-l-workspace__right) .wg-l-workspace__collapse.sm {
  z-index: 11;
  padding: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.wg-l-workspace__left {
  border-width: 0 1px 0 0;
  width: 344px;
}
.wg-l-workspace__left .wg-l-workspace__collapse {
  background: #f6f6f7;
  color: #1d1d1d;
}
.wg-l-workspace__left .wg-l-workspace__collapse:is(:hover, :focus) {
  background: #f6f6f7;
  color: #1d1d1d;
}
.wg-l-workspace__left.collapsed {
  margin-left: -344px;
}
.wg-l-workspace__left.collapsed .wg-l-workspace__collapse {
  right: -20px;
  border-radius: 0 100% 100% 0;
  background: var(--wg-primary);
  color: #ffffff;
}
.wg-l-workspace__left.collapsed .wg-l-workspace__collapse:is(:hover) {
  right: -28px;
}
.wg-l-workspace__left.collapsed .wg-l-workspace__collapse:is(:hover, :focus) {
  background: var(--wg-primary);
  color: #ffffff;
}
.wg-l-workspace__left.collapsed .wg-l-workspace__collapse i {
  transform: rotate(180deg);
}
.wg-l-workspace__left .wg-l-workspace__collapse {
  right: -14px;
}
.wg-l-workspace__right {
  border-width: 0 0 0 1px;
  width: 344px;
}
.wg-l-workspace__right .wg-l-workspace__collapse {
  background: #f6f6f7;
  color: #1d1d1d;
}
.wg-l-workspace__right .wg-l-workspace__collapse:is(:hover, :focus) {
  background: #f6f6f7;
  color: #1d1d1d;
}
.wg-l-workspace__right.collapsed {
  margin-right: -344px;
}
.wg-l-workspace__right.collapsed .wg-l-workspace__collapse {
  left: -20px;
  border-radius: 100% 0 0 100%;
  background: var(--wg-primary);
  color: #ffffff;
}
.wg-l-workspace__right.collapsed .wg-l-workspace__collapse:is(:hover) {
  left: -28px;
}
.wg-l-workspace__right.collapsed .wg-l-workspace__collapse i {
  transform: rotate(180deg);
}
.wg-l-workspace__right .wg-l-workspace__collapse {
  left: -14px;
}
@media (max-width: 767px) {
  .wg-l-workspace__content {
    padding-bottom: 56px;
  }
}

.wg-l-navigation {
  display: flex;
  transition: all 0.3s;
  background: #ffffff;
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
}
.wg-l-navigation__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.wg-l-navigation:has(.wg-layout-notifications) > .wg-l-navigation__content > .wg-a-tabs {
  height: calc(100% - 52px);
}
.wg-l-navigation:has(.wg-layout-notifications) > .wg-l-navigation__content > .wg-a-tabs .wg-l-workspace__left, .wg-l-navigation:has(.wg-layout-notifications) > .wg-l-navigation__content > .wg-a-tabs .wg-l-workspace__right {
  height: calc(100vh - 52px);
}
.wg-l-navigation:has(.wg-a-tabs-list-navbar) .wg-l-navigation__content {
  width: calc(100% - 72px);
}

.wg-l-default {
  display: flex;
  position: relative;
  height: 100vh;
}
.wg-l-default__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.wg-l-default__content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 24px;
  padding: 2rem;
}
.wg-l-default__content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: auto;
  user-select: none;
}
.wg-l-default__content-header img {
  max-width: 200px;
  max-height: 48px;
}
.wg-l-default__content-header button {
  align-self: center;
}
.wg-l-default__content-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.wg-l-default__content-body > div {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  max-width: 460px;
}
.wg-l-default__content-body > div .wg-l-default__content-body-bottom {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.wg-l-default__content-body > div.wg-l-default__content-body--boxed {
  box-shadow: 0px 0px 8px rgba(29, 29, 29, 0.05);
  border-radius: 16px;
  background-color: #ffffff;
  padding: 32px 128px;
  max-width: 696px;
}
.wg-l-default__content-body > div.wg-l-default__content-body--boxed.wg-l-default__content-body--lg {
  max-width: 1440px;
}
.wg-l-default__content-body > div.wg-l-default__content-body--boxed + .wg-l-default__content-body-bottom {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .wg-l-default__content-body > div.wg-l-default__content-body--boxed {
    padding: 24px 32px;
  }
}
.wg-l-default__content-body-title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}
.wg-l-default__content-body-text {
  color: #76859b;
  font-size: 0.875rem;
  text-align: center;
}
.wg-l-default__content-body-tabs {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}
.wg-l-default__content-body-tabs--bordered {
  display: inline-block;
  position: relative;
  border-bottom: solid 3px #1d1d1d;
  padding: 0 1rem;
  color: #1d1d1d;
  font-size: 1.125rem;
  line-height: 34px;
}
.wg-l-default__content-body-tabs--bordered.active {
  border-bottom: solid 3px var(--wg-primary);
  color: var(--wg-primary);
}
.wg-l-default__content-body-tabs--bordered.active::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: solid 6px var(--wg-primary);
  border-right: solid 6px transparent;
  border-left: solid 6px transparent;
  content: "";
}
.wg-l-default__content-body-form {
  margin-top: 32px;
}
.wg-l-default__content-body-form-item {
  margin-bottom: 1rem;
}
.wg-l-default__content-body-form-button {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.wg-l-default__content-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.wg-l-default__content-footer-copyright {
  color: #76859b;
  font-size: 0.75rem;
}
.wg-l-default__showcase {
  display: flex;
  position: relative;
  justify-content: center;
  background: var(--wg-primary);
  width: 50%;
}
.wg-l-default__showcase-content {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
.wg-l-default__showcase-content img {
  width: 100%;
  height: auto;
  max-height: 80%;
  object-fit: contain;
}

emoji-picker {
  --border-size: 0;
  --emoji-size: 1.25rem;
  --emoji-padding: 0.4rem;
  --input-border-color: #d4d6d8;
  --input-border-radius: 0.5rem;
  --input-placeholder-color: #76859b;
  --input-font-color: #1d1d1d;
  --input-font-size: 0.875rem;
  --input-line-height: 1.5rem;
  --input-padding: 6px 12px;
}

.wg-d-dynamic-grid-tools {
  display: flex;
  flex-direction: column;
}

.wg-c-dynamic-grid-allowed-widgets {
  padding: 12px 16px !important;
  width: 200px !important;
  max-height: 240px !important;
}
.wg-c-dynamic-grid-allowed-widgets li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.wg-c-dynamic-grid-allowed-widgets li:not(:first-child) {
  margin-top: 8px;
}
.wg-c-dynamic-grid-allowed-widgets-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.wg-c-dynamic-grid-allowed-widgets-item__icon {
  color: var(--wg-primary);
}
.wg-c-dynamic-grid-allowed-widgets-item__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
}
.wg-c-dynamic-grid-allowed-widgets__btn-add {
  background: var(--wg-primary--90) !important;
}

.wg-c-timeline {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-c-timeline:has(.wg-c-pagination) .wg-c-timeline__item:nth-last-child(2) .wg-c-timeline__item-avatar::after {
  height: calc(100% - 32px);
}
.wg-c-timeline:not(:has(.wg-c-pagination)) .wg-c-timeline__item:last-child .wg-c-timeline__item-avatar::after {
  height: calc(100% - 32px);
}
.wg-c-timeline__item {
  display: flex;
  gap: 32px;
}
.wg-c-timeline__item-avatar {
  position: relative;
}
.wg-c-timeline__item-avatar .wg-a-avatar {
  position: sticky;
  top: 0;
  z-index: 999;
}
.wg-c-timeline__item-avatar::after {
  display: block;
  position: absolute;
  left: 50%;
  border-left: 1px dashed #d4d6d8;
  background-color: transparent;
  height: 100%;
  content: "";
}
.wg-c-timeline__item-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.wg-c-timeline__item-detail-header-title {
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-c-timeline__item-detail-header-subtitle {
  display: flex;
  flex-direction: column;
  margin-top: 2px;
  color: #76859b;
  font-size: 0.75rem;
}
.wg-c-timeline__item-detail-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 12px;
  background-color: #f6f6f7;
  padding: 12px;
  color: #76859b;
  font-size: 0.75rem;
}
.wg-c-timeline__item-detail-body-item {
  display: flex;
  justify-content: space-between;
}
.wg-c-timeline__item-detail-body-item-title {
  flex-shrink: 0;
  font-weight: 700;
}
.wg-c-timeline__item-detail-body-item-text {
  text-align: right;
}

.wg-c-table-v2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs) {
  gap: 0px;
}
.wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs):has(.wg-c-table-v2__filter) .wg-c-table-v2__content {
  padding-top: 24px;
}
.wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs) .wg-c-table-v2__header-title {
  border-bottom: 1px solid #d4d6d8;
  padding: 24px 32px;
}
.wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs) .wg-c-table-v2__panel {
  padding: 32px 32px 0px;
}
.wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs) .wg-c-table-v2__content {
  padding: 32px;
}
.wg-c-table-v2__content {
  height: 100%;
}
.wg-c-table-v2--is-hoverable tbody tr:hover {
  transition: all 0.3s;
  background-color: #f6f6f7 !important;
}
.wg-c-table-v2--is-striped tbody tr:nth-child(even) {
  background-color: rgb(251.4, 251.4, 251.8);
}
.wg-c-table-v2__header-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-table-v2__header-title .wg-a-composite-title.sm {
  line-height: 32px;
}
.wg-c-table-v2__header-title .wg-a-composite-title.sm i {
  font-size: 20px;
}
.wg-c-table-v2__header-title .wg-a-composite-title.sm span {
  line-height: 24px;
}
.wg-c-table-v2__header-title-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-table-v2--accordion .wg-c-table-v2-item:hover {
  cursor: pointer;
}
.wg-c-table-v2--accordion table th, .wg-c-table-v2--accordion table td {
  width: 100px;
}
.wg-c-table-v2__panel:not(:has(.wg-c-table-v2__filter)) {
  display: flex;
}
.wg-c-table-v2__panel.is-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.wg-c-table-v2__panel-data {
  display: flex;
  height: min-content;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-c-table-v2__panel-data-item {
  display: flex;
  flex-direction: column;
  border-right: 1px dashed #d4d6d8;
  padding: 0px 32px;
}
.wg-c-table-v2__panel-data-item:last-child {
  border-right: none;
  padding-right: 0px;
}
.wg-c-table-v2__panel-data-item:first-child {
  padding-left: 0px;
}
.wg-c-table-v2__panel-data-item-title {
  height: 32px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-c-table-v2__filter {
  align-content: center;
  margin-left: auto;
}
.wg-c-table-v2 table {
  width: 100%;
}
.wg-c-table-v2 table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #ffffff;
}
.wg-c-table-v2 table thead::before {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px dashed #d4d6d8;
  width: 100%;
  height: 1px;
  content: "";
}
.wg-c-table-v2 table thead th {
  padding: 12px 12px 11px;
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  white-space: nowrap;
}
.wg-c-table-v2 table thead th:last-child {
  padding-right: 16px;
}
.wg-c-table-v2 table thead th:first-child {
  padding-left: 16px;
}
.wg-c-table-v2 table thead th .wg-c-table-v2-head__cell {
  display: flex;
  gap: 6px;
}
.wg-c-table-v2 table thead th .wg-c-table-v2-head__cell a {
  color: #76859b;
}
.wg-c-table-v2 table thead th .wg-c-table-v2-head__cell a i {
  transition: all 0.3s;
}
.wg-c-table-v2 table thead th .wg-c-table-v2-head__cell a i.icon-lock {
  color: var(--wg-primary);
}
.wg-c-table-v2 table thead th:not(:hover) .wg-c-table-v2-head__cell i.icon-lock-open {
  opacity: 0;
}
.wg-c-table-v2 table tbody .wg-c-table-v2__accordion-content {
  height: 100%;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item:hover:not(:has(.wg-c-grouped-dynamic-items .wg-c-table-v2-item__accordion-button)) .wg-c-table-v2-item__accordion-button {
  border-color: transparent;
  background-color: var(--wg-primary--90);
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item td {
  vertical-align: middle;
  padding: 12px 12px 11px 12px;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item td:last-child {
  padding-right: 16px;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item td:last-child .wg-c-table-v2-item__cell:has(button) {
  text-align: right;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item td:first-child {
  padding-left: 16px;
}
@keyframes accordionExpand {
  0% {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
  }
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item + .wg-c-table-v2-item__accordion {
  visibility: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  max-height: 0;
  overflow: hidden;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item + .wg-c-table-v2-item__accordion td {
  padding: 8px 16px 24px;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item.active + .wg-c-table-v2-item__accordion {
  animation: accordionExpand 0.5s ease forwards;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item.active .wg-c-table-v2-item__accordion-button {
  background-color: var(--wg-primary--90);
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item.active .wg-c-table-v2-item__accordion-button i {
  transform: rotate(180deg);
  transition: all ease 0.5s;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item__cell:has(.wg-c-table-v2-item__accordion-button) {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item__cell:has(.wg-c-table-v2-item__accordion-button) .wg-c-table-v2-item__accordion-button {
  margin-left: auto;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item__cell:has(.wg-c-table-v2-item__accordion-button):has(.wg-c-grouped-dynamic-items) {
  justify-content: flex-end;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item__cell:has(.wg-c-table-v2-item__accordion-button):has(.wg-c-grouped-dynamic-items) .wg-c-table-v2-item__accordion-button {
  margin-left: unset;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item__cell .wg-c-grouped-dynamic-items {
  gap: 8px;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item__cell .wg-a-select {
  margin: -8px 0 -8px -16px;
  max-width: 160px;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item__cell .wg-a-select .select2-container:not(.select2-container--open) .select2-selection {
  border: 1px solid transparent;
}
.wg-c-table-v2 table tbody .wg-c-table-v2-item:not(:is(.wg-c-table-v2 table tbody .wg-c-table-v2-item--no-border)) {
  border-bottom: 1px dashed #d4d6d8;
}
.wg-c-table-v2 .wg-c-pagination {
  margin-top: auto;
}
.wg-c-table-v2 .wg-a-select {
  min-width: 200px;
}
@media (max-width: 767px) {
  .wg-c-table-v2 {
    gap: 12px;
  }
  .wg-c-table-v2__header-title .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-c-table-v2__header-title .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs):has(.wg-c-table-v2__filter) .wg-c-table-v2__content {
    padding-top: 12px;
  }
  .wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs) .wg-c-table-v2__header-title {
    padding: 12px 20px;
  }
  .wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs) .wg-c-table-v2__panel {
    padding: 20px 20px 0px;
  }
  .wg-c-table-v2:has(.wg-c-table-v2__header--without-tabs) .wg-c-table-v2__content {
    padding: 20px;
  }
}

.wg-c-table {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.wg-c-table:has(.wg-c-table__header--without-tabs) {
  gap: 0px;
}
.wg-c-table:has(.wg-c-table__header--without-tabs):has(.wg-c-table__filter) .wg-c-table__content {
  padding-top: 24px;
}
.wg-c-table:has(.wg-c-table__header--without-tabs) .wg-c-table__header-title {
  border-bottom: 1px solid #d4d6d8;
  padding: 24px 32px;
}
.wg-c-table:has(.wg-c-table__header--without-tabs) .wg-c-table__panel {
  padding: 32px 32px 0px;
}
.wg-c-table:has(.wg-c-table__header--without-tabs) .wg-c-table__content {
  padding: 32px;
}
.wg-c-table__content {
  height: 100%;
}
.wg-c-table--is-hoverable tbody tr:hover {
  transition: all 0.3s;
  background-color: #f6f6f7 !important;
}
.wg-c-table--is-striped tbody tr:nth-child(even) {
  background-color: rgb(251.4, 251.4, 251.8);
}
.wg-c-table--no-scroll {
  height: auto;
}
.wg-c-table__header-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-table__header-title .wg-a-composite-title.sm {
  line-height: 32px;
}
.wg-c-table__header-title .wg-a-composite-title.sm i {
  font-size: 20px;
}
.wg-c-table__header-title .wg-a-composite-title.sm span {
  line-height: 24px;
}
.wg-c-table__header-title-action {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-table--accordion .wg-c-table-item:hover {
  cursor: pointer;
}
.wg-c-table--accordion table th, .wg-c-table--accordion table td {
  width: 100px;
}
.wg-c-table__panel:not(:has(.wg-c-table__filter)) {
  display: flex;
}
.wg-c-table__panel.is-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-table__panel-data {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-c-table__panel-data-item {
  display: flex;
  flex-direction: column;
  border-right: 1px dashed #d4d6d8;
  padding: 0px 32px;
}
.wg-c-table__panel-data-item:last-child {
  border-right: none;
  padding-right: 0px;
}
.wg-c-table__panel-data-item:first-child {
  padding-left: 0px;
}
.wg-c-table__panel-data-item-title {
  height: 32px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-c-table__filter {
  align-content: center;
  margin-left: auto;
}
.wg-c-table table {
  width: 100%;
}
.wg-c-table table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #ffffff;
}
.wg-c-table table thead::before {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px dashed #d4d6d8;
  width: 100%;
  height: 1px;
  content: "";
}
.wg-c-table table thead th {
  padding: 12px 12px 11px;
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  white-space: nowrap;
}
.wg-c-table table thead th:last-child {
  padding-right: 16px;
  text-align: right;
}
.wg-c-table table thead th:first-child {
  padding-left: 16px;
}
.wg-c-table table thead th .wg-c-table-head__cell {
  display: flex;
  gap: 6px;
}
.wg-c-table table thead th .wg-c-table-head__cell a {
  color: #76859b;
}
.wg-c-table table thead th .wg-c-table-head__cell a i {
  transition: all 0.3s;
}
.wg-c-table table thead th .wg-c-table-head__cell a i.icon-lock {
  color: var(--wg-primary);
}
.wg-c-table table thead th:not(:hover) .wg-c-table-head__cell i.icon-lock-open {
  opacity: 0;
}
.wg-c-table table tbody .wg-c-table-item__accordion-content {
  height: 100%;
}
.wg-c-table table tbody .wg-c-table-item {
  border-bottom: 1px dashed #d4d6d8;
}
.wg-c-table table tbody .wg-c-table-item:hover .wg-c-table-item-group__action-accordion .wg-a-btn-icon {
  border-color: transparent;
  background-color: var(--wg-primary--90);
}
.wg-c-table table tbody .wg-c-table-item__action:has(.wg-c-table-item-group__action-accordion) {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.wg-c-table table tbody .wg-c-table-item-group__action-content:hover ~ .wg-c-table-item-group__action-accordion .wg-a-btn-icon, .wg-c-table table tbody .wg-c-table-item__cell:hover ~ .wg-c-table-item-group__action-accordion .wg-a-btn-icon {
  background-color: transparent;
}
.wg-c-table table tbody .wg-c-table-item td {
  vertical-align: middle;
  padding: 12px 12px 11px 12px;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-c-table table tbody .wg-c-table-item td:last-child {
  padding-right: 16px;
  text-align: right;
}
.wg-c-table table tbody .wg-c-table-item td:first-child {
  padding-left: 16px;
}
@keyframes accordionExpand {
  0% {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
  }
}
.wg-c-table table tbody .wg-c-table-item + .wg-c-table-item__accordion {
  visibility: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  max-height: 0;
  overflow: hidden;
}
.wg-c-table table tbody .wg-c-table-item + .wg-c-table-item__accordion td {
  padding: 8px 16px 24px;
}
.wg-c-table table tbody .wg-c-table-item.active + .wg-c-table-item__accordion {
  animation: accordionExpand 0.5s ease forwards;
}
.wg-c-table table tbody .wg-c-table-item.active .wg-c-table-item-group__action-accordion .wg-c-table-item__buton {
  background-color: var(--wg-primary--90);
}
.wg-c-table table tbody .wg-c-table-item.active .wg-c-table-item-group__action-accordion .wg-c-table-item__buton i {
  transform: rotate(180deg);
  transition: all ease 0.5s;
}
.wg-c-table table tbody .wg-c-table-item-group__action:has(.wg-c-table-item-group__action-accordion) {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.wg-c-table table tbody .wg-c-table-item-group__action-content {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.wg-c-table table tbody .wg-c-table-item-group__action-content--left {
  justify-content: flex-start;
}
.wg-c-table table tbody .wg-c-table-item-group__action-content--row {
  flex-direction: row;
  align-items: center;
}
.wg-c-table table tbody .wg-c-table-item-group__action-content--column {
  flex-direction: column;
  justify-content: center;
}
.wg-c-table table tbody .wg-c-table-item__cell .wg-a-select {
  margin: -8px 0 -8px -16px;
  max-width: 160px;
}
.wg-c-table table tbody .wg-c-table-item__cell .wg-a-select .select2-container:not(.select2-container--open) .select2-selection {
  border: 1px solid transparent;
}
.wg-c-table .wg-c-pagination {
  margin-top: auto;
}
.wg-c-table .wg-a-select {
  min-width: 200px;
}
@media (max-width: 767px) {
  .wg-c-table {
    gap: 12px;
  }
  .wg-c-table__header-title .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-c-table__header-title .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-c-table:has(.wg-c-table__header--without-tabs):has(.wg-c-table__filter) .wg-c-table__content {
    padding-top: 12px;
  }
  .wg-c-table:has(.wg-c-table__header--without-tabs) .wg-c-table__header-title {
    padding: 12px 20px;
  }
  .wg-c-table:has(.wg-c-table__header--without-tabs) .wg-c-table__panel {
    padding: 20px 20px 0px;
  }
  .wg-c-table:has(.wg-c-table__header--without-tabs) .wg-c-table__content {
    padding: 20px;
  }
}

.wg-c-selection-card {
  position: relative;
  background-color: #ffffff;
}
.wg-c-selection-card label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.3s;
  cursor: pointer;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  padding: 16px;
}
.wg-c-selection-card label::before, .wg-c-selection-card label::after {
  position: absolute;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
}
.wg-c-selection-card label input {
  display: none;
}
.wg-c-selection-card label:has(input:checked) {
  border-color: var(--wg-primary);
}
.wg-c-selection-card label:has(input:checked) i {
  color: var(--wg-primary);
}
.wg-c-selection-card label:has(input:disabled) {
  opacity: 0.5;
  cursor: no-drop;
  background-color: #f6f6f7;
}
.wg-c-selection-card__header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.wg-c-selection-card__header__icon {
  position: relative;
  top: 1px;
  transition: all 0.3s;
  color: #76859b;
  font-size: 1.25rem;
  line-height: 1.125rem;
}
.wg-c-selection-card label:not(:has(input:disabled)):hover .wg-c-selection-card__header__icon {
  color: var(--wg-primary);
}
.wg-c-selection-card__header__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-all;
}
.wg-c-selection-card__body {
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-c-selection-card__actions {
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.wg-c-selection-card--radio label::before {
  top: 16px;
  right: 16px;
  border: 1px solid #bac1cc;
  border-radius: 100%;
}
.wg-c-selection-card--radio label::after {
  top: 19px;
  right: 19px;
  opacity: 0;
  border-radius: 100%;
  background-color: var(--wg-primary);
  width: 10px;
  height: 10px;
}
.wg-c-selection-card--radio label:has(input:checked)::before {
  border-color: var(--wg-primary);
}
.wg-c-selection-card--radio label:has(input:checked)::after {
  opacity: 1;
}
.wg-c-selection-card--checkbox label::before, .wg-c-selection-card--checkbox label::after {
  top: 16px;
  right: 16px;
  border-radius: 4px;
}
.wg-c-selection-card--checkbox label::before {
  border: 1px solid #bac1cc;
}
.wg-c-selection-card--checkbox label::after {
  opacity: 0;
  background-color: var(--wg-primary);
  content: "\e940";
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "iconset";
  text-align: center;
}
.wg-c-selection-card--checkbox label:has(input:checked)::before {
  border-color: var(--wg-primary);
}
.wg-c-selection-card--checkbox label:has(input:checked)::after {
  opacity: 1;
}
.wg-c-selection-card:not(:is(.wg-c-selection-card--card)) label {
  padding-right: 48px;
}
.wg-c-selection-card--card label {
  padding: 24px 20px;
}
.wg-c-selection-card--card .wg-c-selection-card__header__icon {
  font-size: 1.5rem;
  line-height: 1.25rem;
}
.wg-c-selection-card--card .wg-c-selection-card__header__title {
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-c-selection-card--center {
  align-items: center;
  text-align: center;
}
.wg-c-selection-card--center .wg-c-selection-card__header {
  flex-direction: column;
  justify-content: center;
}

.wg-c-plan-card {
  display: flex;
  position: relative;
  flex-direction: column;
  transition: border-color 0.3s ease;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-c-plan-card-cta {
  position: relative;
  top: -1px;
  left: -1px;
  margin-bottom: -1px;
  border-radius: 12px 12px 0 0;
  background: #58edd6;
  padding: 7px 16px;
  width: calc(100% + 2px);
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.2px;
  user-select: none;
  text-align: center;
  text-transform: uppercase;
}
.wg-c-plan-card-cta span {
  position: relative;
  top: 1px;
}
.wg-c-plan-card-inner {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 24px;
}
.wg-c-plan-card-header {
  position: relative;
  margin-bottom: 16px;
  border-bottom: 1px solid #ebedf0;
  padding-bottom: 16px;
}
.wg-c-plan-card-header__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-plan-card-header__title__content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-plan-card-header__title__content span:not(.wg-a-badge) {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-c-plan-card-header__price {
  margin-top: 8px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-c-plan-card-header__price span {
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-c-plan-card-header__icon {
  position: absolute;
  top: 0;
  right: 0;
  color: #e3d4fd;
  font-size: 3rem;
  line-height: 1;
}
.wg-c-plan-card-body:has(+ .wg-c-plan-card-footer) {
  margin-bottom: 24px;
}
.wg-c-plan-card-body .wg-c-plan-card-section__item:has(.icon-arrow-bend-down-right) + .wg-c-plan-card-section__item:not(:has(.icon-arrow-bend-down-right)) {
  margin-top: 12px;
}
.wg-c-plan-card-body p {
  display: block;
}
.wg-c-plan-card-body p:not(:last-child) {
  margin-bottom: 8px;
}
.wg-c-plan-card-section:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-c-plan-card-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.wg-c-plan-card-section__header__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-plan-card-section__header__title span {
  font-weight: 700;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.wg-c-plan-card-section__header__title i {
  font-size: 1.25rem;
  line-height: 1;
}
.wg-c-plan-card-section__header__info {
  height: 20px;
}
.wg-c-plan-card-section__header__info .wg-a-btn-icon {
  all: initial;
  display: inline-flex;
  color: #76859b;
  line-height: 1.25rem;
}
.wg-c-plan-card-section__header__info .wg-a-btn-icon:hover {
  all: initial;
  color: #76859b;
}
.wg-c-plan-card-section__item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  line-height: 1.25rem;
}
.wg-c-plan-card-section__item:not(:last-child) {
  margin-bottom: 4px;
}
.wg-c-plan-card-section__item__title i {
  position: relative;
  top: 1px;
  line-height: 1;
}
.wg-c-plan-card-section__item__title span {
  color: #76859b;
}
.wg-c-plan-card-section__item__detail {
  font-weight: 700;
}
.wg-c-plan-card-section__item__detail:is(.is-included) {
  color: #76859b;
  font-weight: 500;
}
.wg-c-plan-card-footer {
  margin-top: auto;
}
.wg-c-plan-card--custom {
  align-self: flex-start;
  border-color: #7227f4;
  background: #7227f4;
  color: #ffffff;
}
.wg-c-plan-card--custom .wg-c-plan-card-header {
  border-color: rgba(255, 255, 255, 0.2);
}
.wg-c-plan-card--custom .wg-c-plan-card-header__title {
  color: rgba(255, 255, 255, 0.8);
}
.wg-c-plan-card--custom .wg-c-plan-card-header__icon {
  color: #58edd6;
}
.wg-c-plan-card--custom .wg-c-plan-card-footer .wg-a-btn {
  background: white;
  color: #1d1d1d;
}
.wg-c-plan-card--custom .wg-c-plan-card-footer .wg-a-btn:is(:hover) {
  background: #ffffff;
}
.wg-c-plan-card--current {
  border-color: #e3d4fd;
}
.wg-c-plan-card .wg-animated-border {
  --size: 180;
  --duration: 12000ms;
  --anchor: 90;
  --color-from: #7227f4;
  --color-to: #e3d4fd;
  --delay: 0ms;
  position: absolute;
  mask-image: linear-gradient(transparent, transparent), linear-gradient(white, white);
  -webkit-mask-clip: padding-box, border-box;
  mask-clip: padding-box, border-box;
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
  inset: -1px;
  border: 2px solid transparent;
  border-radius: inherit;
  pointer-events: none;
}
.wg-c-plan-card .wg-animated-border::after {
  position: absolute;
  offset-anchor: calc(var(--anchor) * 1%) 50%;
  offset-path: rect(0 auto auto 0 round calc(var(--size) * 1px));
  animation: animated-border-180 var(--duration) infinite linear;
  animation-delay: var(--delay);
  background: linear-gradient(to left, var(--color-from), var(--color-to), transparent);
  aspect-ratio: 1/1;
  width: calc(var(--size) * 1px);
  content: "";
}
@keyframes animated-border-180 {
  to {
    offset-distance: 100%;
  }
}

.wg-c-pagination {
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 8px;
}
.wg-c-pagination__page-item .wg-a-btn:not(.wg-button--active) {
  color: #76859b;
}
.wg-c-pagination__page-item .wg-a-btn.sm {
  padding: 0.1875rem 0.7rem;
  min-width: 32px;
}
.wg-c-pagination__page-item .wg-a-btn.sm:hover {
  color: var(--wg-primary);
}
.wg-c-pagination__page-item .wg-a-btn-icon.sm {
  background: transparent;
}
.wg-c-pagination__page-item .wg-a-btn-icon.sm:hover {
  background: #ebedf0;
  color: #76859b;
}
.wg-c-pagination__page-item .wg-a-btn-icon.sm i {
  font-size: 0.875rem;
}
.wg-c-pagination__page-item:not(.wg-a-btn) .wg-a-btn-icon:is(:focus) {
  background: #ffffff;
  color: #76859b;
}

.wg-c-mobile-filter {
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}
.wg-c-mobile-filter__main {
  display: flex;
  grid-area: 1/1/2/6;
  align-items: center;
  gap: 8px;
}
.wg-c-mobile-filter__search {
  display: flex;
  position: relative;
  flex: 1;
  align-items: center;
  border: 1px solid #d4d6d8;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding-right: 16px;
}
.wg-c-mobile-filter__search:has(.wg-a-input input:placeholder-shown) .wg-a-btn-icon {
  opacity: 0;
  pointer-events: none;
}
.wg-c-mobile-filter__search:focus-within {
  box-shadow: 0 1px var(--wg-primary), 0 0 0 0.0625rem transparent;
}
.wg-c-mobile-filter__search .wg-a-input {
  border: transparent;
  border-radius: 12px 0 0 12px;
}
.wg-c-mobile-filter__search .wg-a-input:focus-within {
  box-shadow: none;
}
.wg-c-mobile-filter__search .wgjs-mobile-filter-input {
  flex-grow: 1;
}
.wg-c-mobile-filter__search .wg-a-btn-icon {
  position: absolute;
  right: 8px;
}
.wg-c-mobile-filter__items {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-mobile-filter__sort {
  grid-area: 2/1/3/6;
}
.wg-c-mobile-filter__others {
  display: flex;
  grid-area: 3/1/4/6;
  align-items: center;
  gap: 8px;
}
.wg-c-mobile-filter__others .wg-c-dynamic-item,
.wg-c-mobile-filter__others .wg-a-btn {
  width: 100%;
}
.wg-c-mobile-filter-result {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.wg-c-mobile-filter-result__item {
  display: flex;
  position: relative;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background: #ffffff;
  padding: 4px 8px;
  color: #1d1d1d;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-c-mobile-filter-result__item:not(:is(.wg-c-mobile-filter-result__item--clear))::after {
  transition: all 0.3s;
  content: "\ea3c";
  color: #76859b;
  font-family: "iconset";
}
.wg-c-mobile-filter-result__item:is(:hover)::after {
  color: #fb4d3d;
}
.wg-c-mobile-filter-result__item span {
  color: #76859b;
}
.wg-c-mobile-filter-result__item--clear {
  border-color: #ffe5e2;
  background: #ffe5e2;
  padding: 3px 8px;
  color: #fb4d3d;
}
.wg-c-mobile-filter-result__item--clear-count {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 36px;
  background: #fb4d3d;
  padding: 0 4px;
  min-width: 16px;
  height: 16px;
  color: #ffffff;
  font-size: 0.75rem;
}

.wg-c-message-bubble-preview .wg-chat-message {
  margin: 0;
}
.wg-c-message-bubble-preview .wg-chat-message [class*=wgjs] {
  pointer-events: none;
}
.wg-c-message-bubble-preview .wg-chat-message__actions, .wg-c-message-bubble-preview .wg-chat-message__status {
  display: none;
}

.wg-c-list-v2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) {
  gap: 0px;
}
.wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs):has(.wg-c-list-v2__filter) .wg-c-list-v2__content {
  padding: 0px 32px 24px;
}
.wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) .wg-c-list-v2__header {
  border-bottom: 1px solid #d4d6d8;
  padding: 24px 32px;
}
.wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) .wg-c-list-v2__filter {
  padding: 32px 32px 24px;
}
.wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) .wg-c-list-v2__content {
  padding: 32px;
}
.wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) .wg-c-list-v2__panel {
  padding: 32px 32px 0px;
}
.wg-c-list-v2--space-between {
  gap: 12px;
}
.wg-c-list-v2--space-between .wg-c-list-v2__content-item .wg-c-default-list-item__left {
  width: 45%;
}
.wg-c-list-v2--space-between .wg-c-list-v2__content-item .wg-c-default-list-item__right-actions {
  justify-content: flex-end;
  width: 55%;
}
.wg-c-list-v2--space-between .wg-c-list-v2__content-item .wg-c-default-list-item__right-actions-content {
  margin: 0px;
  white-space: unset;
}
.wg-c-list-v2--hoverable .wg-c-list-v2__content-item:hover {
  transition: all 0.3s;
  cursor: pointer;
  background-color: #f6f6f7;
}
.wg-c-list-v2--hoverable .wg-c-list-v2__content-item:hover .wg-a-btn-icon {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-c-list-v2--sm .wg-c-list-v2__content-item {
  padding: 8px 16px;
}
.wg-c-list-v2__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.wg-c-list-v2__header .wg-a-composite-title.sm {
  line-height: 32px;
}
.wg-c-list-v2__header .wg-a-composite-title.sm i {
  font-size: 20px;
}
.wg-c-list-v2__header .wg-a-composite-title.sm span {
  line-height: 24px;
}
.wg-c-list-v2__header-actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.wg-c-list-v2__content {
  flex-grow: 1;
}
.wg-c-list-v2__content-item {
  border-bottom: 1px dashed #d4d6d8;
  padding: 12px 16px;
}
.wg-c-list-v2__content-item.wg-sortable-item {
  position: relative;
  cursor: grab;
}
.wg-c-list-v2__content-item.wg-sortable-item:active {
  cursor: grabbing;
}
.wg-c-list-v2__content-item.wg-sortable-item::after {
  position: absolute;
  top: 15px;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  content: "\e959";
  color: #1d1d1d;
  font-size: 1.125rem;
  font-family: "iconset";
}
.wg-c-list-v2__content-item.wg-sortable-item:hover {
  transition: all 0.3s;
  padding-left: 24px;
}
.wg-c-list-v2__content-item.wg-sortable-item:hover::after {
  opacity: 1;
}
.wg-c-list-v2__content-item:is(.wg-c-list-v2__content-item--no-border) {
  border-bottom: none;
}
.wg-c-list-v2__content-item:is(.wg-c-list-v2__content-item--no-padding) {
  padding: 0;
}
.wg-c-list-v2__content-item:has(.wg-c-default-list-item__left-content-text, .wg-a-avatar) {
  padding: 16px;
}
.wg-c-list-v2__content .wg-c-pagination {
  margin-top: 24px;
}
.wg-c-list-v2__panel:not(:has(.wg-c-list-v2__filter)) {
  display: flex;
}
.wg-c-list-v2__panel.is-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-list-v2__panel-data {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-c-list-v2__panel-data-item {
  display: flex;
  flex-direction: column;
  border-right: 1px dashed #d4d6d8;
  padding: 0px 32px;
}
.wg-c-list-v2__panel-data-item:last-child {
  border-right: none;
  padding-right: 0px;
}
.wg-c-list-v2__panel-data-item:first-child {
  padding-left: 0px;
}
.wg-c-list-v2__panel-data-item-title {
  height: 32px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-c-list-v2__filter {
  align-content: center;
  margin-left: auto;
}
.wg-c-list-v2 .wg-a-select {
  min-width: 200px;
}
@media (max-width: 767px) {
  .wg-c-list-v2 {
    gap: 12px;
  }
  .wg-c-list-v2__header-title .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-c-list-v2__header-title .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs):has(.wg-c-list-v2__filter) .wg-c-list-v2__content {
    padding-top: 12px;
  }
  .wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) .wg-c-list-v2__header-title {
    padding: 12px 20px;
  }
  .wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) .wg-c-list-v2__filter {
    padding: 20px 20px 0px;
  }
  .wg-c-list-v2:has(.wg-c-list-v2__header--without-tabs) .wg-c-list-v2__content {
    padding: 20px;
  }
}

.wg-c-list-item {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #d4d6d8;
  padding: 12px 16px;
}
.wg-c-list-item.wg-sortable-item {
  position: relative;
  cursor: grab;
}
.wg-c-list-item.wg-sortable-item:active {
  cursor: grabbing;
}
.wg-c-list-item.wg-sortable-item::after {
  position: absolute;
  top: 15px;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  content: "\e959";
  color: #1d1d1d;
  font-size: 1.125rem;
  font-family: "iconset";
}
.wg-c-list-item.wg-sortable-item:hover {
  transition: all 0.3s;
  padding-left: 24px;
}
.wg-c-list-item.wg-sortable-item:hover::after {
  opacity: 1;
}
.wg-c-list-item:has(.wg-c-list-item__text, .wg-a-avatar) {
  padding: 16px;
}
.wg-c-list-item::last-child {
  border-bottom: none;
}
.wg-c-list-item__body {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}
.wg-c-list-item__title {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-c-list-item__title .wg-a-badge {
  margin-left: 8px;
}
.wg-c-list-item__text {
  color: #76859b;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.wg-c-list-item__action {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}
.wg-c-list-item__action > .wg-a-select {
  min-width: 150px;
}
.wg-c-list-item__action-content {
  margin: 0 16px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.5rem;
  white-space: nowrap;
}

.wg-c-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.wg-c-list:has(.wg-c-list__header--without-tabs) {
  gap: 0px;
}
.wg-c-list:has(.wg-c-list__header--without-tabs):has(.wg-c-list__filter) .wg-c-list__content {
  padding-top: 24px;
}
.wg-c-list:has(.wg-c-list__header--without-tabs) .wg-c-list__header-title {
  border-bottom: 1px solid #d4d6d8;
  padding: 24px 32px;
}
.wg-c-list:has(.wg-c-list__header--without-tabs) .wg-c-list__filter {
  padding: 32px 32px 0px;
}
.wg-c-list:has(.wg-c-list__header--without-tabs) .wg-c-list__content {
  padding: 32px;
}
.wg-c-list:has(.wg-c-list__header--without-tabs) .wg-c-list__panel {
  padding: 32px 32px 0px;
}
.wg-c-list--space-between {
  gap: 12px;
}
.wg-c-list--space-between:has(.wg-a-composite-title.xs) .wg-c-list-item {
  padding: 8px 16px;
}
.wg-c-list--space-between .wg-c-list-item__body {
  width: 45%;
}
.wg-c-list--space-between .wg-c-list-item__action {
  justify-content: flex-end;
  width: 55%;
}
.wg-c-list--space-between .wg-c-list-item__action-content {
  margin: 0px;
  white-space: unset;
}
.wg-c-list--hoverable .wg-c-list-item:hover {
  transition: all 0.3s;
  cursor: pointer;
  background-color: #f6f6f7;
}
.wg-c-list--hoverable .wg-c-list-item:hover .wg-a-btn-icon {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-c-list__header-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.wg-c-list__header-title .wg-a-composite-title.sm {
  line-height: 32px;
}
.wg-c-list__header-title .wg-a-composite-title.sm i {
  font-size: 20px;
}
.wg-c-list__header-title .wg-a-composite-title.sm span {
  line-height: 24px;
}
.wg-c-list__header-title-action {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.wg-c-list__content {
  flex-grow: 1;
}
.wg-c-list__content .wg-c-pagination {
  margin-top: 24px;
}
.wg-c-list__panel:not(:has(.wg-c-list__filter)) {
  display: flex;
}
.wg-c-list__panel.is-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-list__panel-data {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-c-list__panel-data-item {
  display: flex;
  flex-direction: column;
  border-right: 1px dashed #d4d6d8;
  padding: 0px 32px;
}
.wg-c-list__panel-data-item:last-child {
  border-right: none;
  padding-right: 0px;
}
.wg-c-list__panel-data-item:first-child {
  padding-left: 0px;
}
.wg-c-list__panel-data-item-title {
  height: 32px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-c-list__filter {
  align-content: center;
  margin-left: auto;
}
.wg-c-list .wg-a-select {
  min-width: 200px;
}
@media (max-width: 767px) {
  .wg-c-list {
    gap: 12px;
  }
  .wg-c-list__header-title .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-c-list__header-title .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-c-list:has(.wg-c-list__header--without-tabs):has(.wg-c-list__filter) .wg-c-list__content {
    padding-top: 12px;
  }
  .wg-c-list:has(.wg-c-list__header--without-tabs) .wg-c-list__header-title {
    padding: 12px 20px;
  }
  .wg-c-list:has(.wg-c-list__header--without-tabs) .wg-c-list__filter {
    padding: 20px 20px 0px;
  }
  .wg-c-list:has(.wg-c-list__header--without-tabs) .wg-c-list__content {
    padding: 20px;
  }
}

.wg-c-image-card {
  --lines: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transition: all 0.3s;
  cursor: pointer;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  padding: 16px;
}
.wg-c-image-card:hover {
  border-color: var(--wg-primary);
}
.wg-c-image-card__image {
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-c-image-card__image img {
  width: auto;
  height: 32px;
  pointer-events: none;
  user-select: none;
}
.wg-c-image-card__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.wg-c-i18n-selector__select + .select2 {
  width: 150px !important;
}

.wg-c-grouped-dynamic-items {
  display: flex;
  gap: 8px;
}
.wg-c-grouped-dynamic-items--gap-2 {
  gap: 2px;
}
.wg-c-grouped-dynamic-items--gap-16 {
  gap: 16px;
}
.wg-c-grouped-dynamic-items .wg-c-grouped-dynamic-item {
  width: 100%;
}
.wg-c-grouped-dynamic-items--evenly {
  align-items: center;
}
.wg-c-grouped-dynamic-items--evenly .wg-c-grouped-dynamic-item {
  width: auto;
}
.wg-c-grouped-dynamic-items--evenly .wg-c-grouped-dynamic-item:has(.wg-a-input, .wg-a-select, .wg-a-textarea, .wg-c-selection-card) {
  width: 100%;
}
.wg-c-grouped-dynamic-items--column {
  flex-direction: column;
  justify-content: center;
}
.wg-c-grouped-dynamic-items--right {
  justify-content: flex-end;
}

.wg-c-form-v2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.wg-c-form-v2--shrink {
  height: auto;
}
.wg-c-form-v2:has(.wg-c-form-v2__header--without-tabs) {
  gap: 0px;
}
.wg-c-form-v2:has(.wg-c-form-v2__header--without-tabs) .wg-c-form-v2__header-title {
  border-bottom: 1px solid #d4d6d8;
  padding: 24px 32px;
}
.wg-c-form-v2:has(.wg-c-form-v2__header--without-tabs) .wg-c-form-v2__content {
  padding: 32px;
}
.wg-c-form-v2__header-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-form-v2__header-title .wg-a-composite-title.sm {
  line-height: 32px;
}
.wg-c-form-v2__header-title .wg-a-composite-title.sm i {
  font-size: 20px;
}
.wg-c-form-v2__header-title .wg-a-composite-title.sm span {
  line-height: 24px;
}
.wg-c-form-v2__header-title-actions {
  display: flex;
  gap: 8px;
}
.wg-c-form-v2__content {
  flex-grow: 1;
}
.wg-c-form-v2__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-c-form-v2__item:has(.wg-a-qr) {
  margin: auto;
}
.wg-c-form-v2__item:has(.wg-a-dropzone__preview-item) .wg-form-error {
  display: none;
}
.wg-c-form-v2__item span.wg-form-error {
  display: inline-block;
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.wg-c-form-v2__item .wg-form-error {
  color: #fb4d3d;
}
.wg-c-form-v2__item.wg-form-error .wg-c-dynamic-item__helper-text, .wg-c-form-v2__item.wg-form-error .wg-a-multi-language__info {
  display: none;
}
.wg-c-form-v2__item:has(.wg-a-input, .wg-a-select, .wg-a-textarea) {
  width: 100%;
}
@media (max-width: 767px) {
  .wg-c-form-v2 {
    gap: 12px;
  }
  .wg-c-form-v2 .wg-form-wrapper {
    gap: 12px;
  }
  .wg-c-form-v2__header-title .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-c-form-v2__header-title .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-c-form-v2:has(.wg-c-form-v2__header--without-tabs) .wg-c-form-v2__header-title {
    padding: 12x 20px;
  }
  .wg-c-form-v2:has(.wg-c-form-v2__header--without-tabs) .wg-c-form-v2__content {
    padding: 20px;
  }
}

.wg-c-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.wg-c-form--shrink {
  height: auto;
}
.wg-c-form:has(.wg-c-form__header--without-tabs) {
  gap: 0px;
}
.wg-c-form:has(.wg-c-form__header--without-tabs) .wg-c-form__header-title {
  border-bottom: 1px solid #d4d6d8;
  padding: 24px 32px;
}
.wg-c-form:has(.wg-c-form__header--without-tabs) .wg-c-form__content {
  padding: 32px;
}
.wg-c-form__header-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-form__header-title .wg-a-composite-title.sm {
  line-height: 32px;
}
.wg-c-form__header-title .wg-a-composite-title.sm i {
  font-size: 20px;
}
.wg-c-form__header-title .wg-a-composite-title.sm span {
  line-height: 24px;
}
.wg-c-form__header-title-action {
  display: flex;
  gap: 8px;
}
.wg-c-form__content {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .wg-c-form {
    gap: 12px;
  }
  .wg-c-form .wg-form-wrapper {
    gap: 12px;
  }
  .wg-c-form__header-title .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-c-form__header-title .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-c-form:has(.wg-c-form__header--without-tabs) .wg-c-form__header-title {
    padding: 12px 20px;
  }
  .wg-c-form:has(.wg-c-form__header--without-tabs) .wg-c-form__content {
    padding: 20px;
  }
}

.wg-c-filter {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-filter__search {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  align-items: center;
  border: 1px solid #d4d6d8;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding-right: 16px;
}
.wg-c-filter__search:has(.wg-a-input input:placeholder-shown) .wg-a-btn-icon {
  opacity: 0;
  pointer-events: none;
}
.wg-c-filter__search:focus-within {
  box-shadow: 0 1px var(--wg-primary), 0 0 0 0.0625rem transparent;
}
.wg-c-filter__search .wg-a-input {
  border: transparent;
  border-radius: 12px 0 0 12px;
}
.wg-c-filter__search .wg-a-input:focus-within {
  box-shadow: none;
}
.wg-c-filter__search .wgjs-filter-input {
  flex-grow: 1;
}
.wg-c-filter__search .wg-a-btn-icon {
  position: absolute;
  right: 8px;
}
.wg-c-filter__items {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-filter-result {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.wg-c-filter-result__item {
  display: flex;
  position: relative;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background: #ffffff;
  padding: 4px 8px;
  color: #1d1d1d;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-c-filter-result__item:not(:is(.wg-c-filter-result__item--clear))::after {
  transition: all 0.3s;
  content: "\ea3c";
  color: #76859b;
  font-family: "iconset";
}
.wg-c-filter-result__item:is(:hover)::after {
  color: #fb4d3d;
}
.wg-c-filter-result__item span {
  color: #76859b;
}
.wg-c-filter-result__item--clear {
  border-color: #ffe5e2;
  background: #ffe5e2;
  padding: 3px 8px;
  color: #fb4d3d;
}
.wg-c-filter-result__item--clear-count {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 36px;
  background: #fb4d3d;
  padding: 0 4px;
  min-width: 16px;
  height: 16px;
  color: #ffffff;
  font-size: 0.75rem;
}

.wg-c-dynamic-item__helper-text {
  display: inline-block;
  margin-top: 4px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

.wg-c-dynamic-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.wg-c-dynamic-grid-header {
  display: flex;
  position: sticky;
  top: 0;
  justify-content: space-between;
  z-index: 102;
  border-bottom: 1px solid transparent;
  background: #ffffff;
  padding: 32px;
}
.wg-c-dynamic-grid-header.is-sticky {
  border-bottom: 1px solid #ebedf0;
}
.wg-c-dynamic-grid-header__toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-dynamic-grid-header__toolbar-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s;
  border: 1px solid #ebedf0;
  border-radius: 24px;
  padding-right: 4px;
  padding-left: 12px;
  height: 32px;
}
.wg-c-dynamic-grid-header__toolbar-inner:has(:checked) {
  padding-left: 4px;
}
.wg-c-dynamic-grid-header__toolbar-actions {
  display: flex;
  position: relative;
  align-items: center;
  gap: 4px;
  opacity: 0;
  animation: slideInFromRight 0.3s ease forwards;
  border-right: 1px solid #ebedf0;
  padding-right: 8px;
}
.wg-c-dynamic-grid-header__toolbar-actions .wg-a-btn-icon {
  width: 24px !important;
  height: 24px !important;
}
.wg-c-dynamic-grid-header__toolbar-actions .wg-a-btn-icon i {
  font-size: 0.875rem !important;
}
@keyframes slideInFromRight {
  from {
    transform: translateX(12%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.wg-c-dynamic-grid-header__toolbar-toggler {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.75rem;
}
.wg-c-dynamic-grid-header__toolbar-toggler .wg-a-switch__container {
  margin: 0;
}
.wg-c-dynamic-grid-header__toolbar-tenants .wg-a-btn {
  background-color: var(--wg-primary--90) !important;
}
.wg-c-dynamic-grid-body {
  padding: 0px 32px;
  height: 100%;
  scrollbar-width: none;
}
.wg-c-dynamic-grid-body::-webkit-scrollbar {
  display: none;
}
.wg-c-dynamic-grid-body.wg-overflow-auto {
  overflow: auto !important;
}
.wg-c-dynamic-grid--edit-mode-on .grid-stack-item-content .wg-chat-w-handle {
  position: relative;
  cursor: grab;
}
.wg-c-dynamic-grid--edit-mode-on .grid-stack-item-content .wg-chat-w-handle:active {
  cursor: grabbing;
}
.wg-c-dynamic-grid--edit-mode-on .grid-stack-item-content::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  content: "";
}
.wg-c-dynamic-grid .grid-stack {
  margin: -16px -16px 16px;
}
@keyframes visibility-delay {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.wg-c-dynamic-grid .grid-stack-item {
  pointer-events: unset !important;
}
.wg-c-dynamic-grid .grid-stack-item-content {
  display: flex;
  cursor: grab;
  border-radius: 12px;
  background-color: #ffffff;
  overflow: hidden !important;
}
.wg-c-dynamic-grid .grid-stack-item-content:active {
  cursor: grabbing;
}
.wg-c-dynamic-grid .grid-stack-item-content__delete {
  position: absolute;
  top: 8px;
  right: 8px;
  transform: translateX(0);
  z-index: 101;
  transition: all 0.3s ease;
}
.wg-c-dynamic-grid .grid-stack-item.ui-draggable-disabled .grid-stack-item-content {
  cursor: default !important;
}
.wg-c-dynamic-grid .grid-stack-item.ui-resizable-disabled .grid-stack-item-content {
  cursor: default !important;
}
.wg-c-dynamic-grid .grid-stack-item.ui-resizable-disabled .grid-stack-item-content__delete {
  transform: translateX(41px);
}
.wg-c-dynamic-grid .grid-stack-item.ui-resizable-disabled .grid-stack-item-content__handle {
  transform: translateX(41px);
}
.wg-c-dynamic-grid .grid-stack-item .ui-resizable-handle {
  opacity: 0;
}
.wg-c-dynamic-grid .grid-stack-placeholder .placeholder-content {
  opacity: 0.8;
  border-radius: 12px;
  background-image: linear-gradient(#ebedf0 1px, transparent 1px), linear-gradient(to right, #ebedf0 1px, #f6f6f7 1px);
  background-size: 20px 20px;
  background-color: #f6f6f7;
  background-color: #f6f6f7;
}

.wg-c-dropdown-v2.active ul {
  opacity: 1;
  pointer-events: auto;
}
.wg-c-dropdown-v2 > ul {
  opacity: 0;
  z-index: 500;
  transition: all 0.3s;
  margin-bottom: 0;
  box-shadow: 0rem 0rem 0.5rem rgba(29, 29, 29, 0.1);
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 0.75rem 0.5rem;
  width: fit-content;
  min-width: 140px;
  max-width: 240px;
  max-height: 288px;
  overflow: auto;
  pointer-events: none;
  list-style: none;
  text-align: left;
}
.wg-c-dropdown-v2 > ul::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
.wg-c-dropdown-v2 > ul::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-c-dropdown-v2 > ul::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-c-dropdown-v2 > ul li:has(> .divider), .wg-c-dropdown-v2 > ul li.divider {
  margin-top: 8px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 8px;
}
.wg-c-dropdown-v2 > ul li button {
  font-weight: 700;
}
.wg-c-dropdown-v2 > ul li:has(.wg-a-btn) > .wg-a-btn.link {
  justify-content: flex-start;
  padding: 0 12px;
  width: 100%;
}

.wg-c-dropdown {
  position: relative;
  width: 100%;
}
.wg-c-dropdown.active .wg-a-btn-expandable {
  background: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-c-dropdown.active .wg-a-btn-expandable span {
  visibility: visible;
  opacity: 1;
  padding: 0 4px 0 8px;
  max-width: 500px;
}
.wg-c-dropdown.active .wg-a-btn-expandable.sm span {
  padding-left: 6px;
}
.wg-c-dropdown .online::before, .wg-c-dropdown .offline::before {
  position: absolute;
  left: 1rem;
  flex-shrink: 0;
  border-radius: 624.9375rem;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
}
.wg-c-dropdown .online::before {
  background-color: #1abb68;
}
.wg-c-dropdown .offline::before {
  background-color: #fb4d3d;
}
.wg-c-dropdown.status-action button {
  all: unset;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.375rem 1rem 0.375rem 1.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: nowrap;
}
.wg-c-dropdown.status-action > button {
  grid-gap: 0.75rem;
  border-radius: 1.125rem;
  background-color: #ffffff;
}
.wg-c-dropdown.status-action > button i {
  transition: all 0.3s;
  margin-left: auto;
  color: #76859b;
  font-size: 0.75rem;
}
.wg-c-dropdown.status-action > ul {
  width: 100%;
}
.wg-c-dropdown.status-action.active > button i {
  transform: rotate(180deg);
}
.wg-c-dropdown > ul {
  position: absolute;
  top: calc(100% + 16px);
  opacity: 0;
  z-index: 500;
  transition: all 0.3s;
  margin-bottom: 0;
  box-shadow: 0rem 0rem 0.5rem rgba(29, 29, 29, 0.1);
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 0.75rem 0.5rem;
  width: fit-content;
  min-width: 140px;
  max-width: 240px;
  max-height: 288px;
  overflow: auto;
  pointer-events: none;
  list-style: none;
  text-align: left;
}
.wg-c-dropdown > ul::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
.wg-c-dropdown > ul::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-c-dropdown > ul::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-c-dropdown > ul.active {
  top: calc(100% + 8px);
  opacity: 1;
  pointer-events: auto;
}
.wg-c-dropdown > ul li:has(> .divider), .wg-c-dropdown > ul li.divider {
  margin-top: 8px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 8px;
}
.wg-c-dropdown > ul li button {
  font-weight: 700;
}
.wg-c-dropdown > ul li:has(.wg-a-btn) > .wg-a-btn.link {
  justify-content: flex-start;
  padding: 0 12px;
  width: 100%;
}
.wg-c-dropdown.top > ul,
.wg-c-dropdown.top .wg-c-dropdown-content {
  top: unset;
  bottom: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%);
}
.wg-c-dropdown.top > ul.active,
.wg-c-dropdown.top .wg-c-dropdown-content.active {
  top: unset;
  bottom: calc(100% + 8px);
  left: 50%;
}
.wg-c-dropdown.bottom > ul {
  top: calc(100% + 16px);
  bottom: unset;
  left: 50%;
  transform: translateX(-50%);
}
.wg-c-dropdown.bottom > ul.active {
  top: calc(100% + 8px);
  bottom: unset;
}
.wg-c-dropdown.right > ul {
  top: 50%;
  right: unset;
  left: calc(100% + 32px);
  transform: translateY(-50%);
  height: fit-content;
}
.wg-c-dropdown.right > ul.active {
  top: 50%;
  right: unset;
  left: calc(100% + 16px);
}
.wg-c-dropdown.left > ul {
  top: 50%;
  right: calc(100% + 32px);
  left: unset;
  transform: translateY(-50%);
  height: fit-content;
}
.wg-c-dropdown.left > ul.active {
  top: 50%;
  right: calc(100% + 16px);
  left: unset;
}
.wg-c-dropdown.bottom-left > ul {
  top: calc(100% + 16px);
  right: calc(100% + 8px);
}
.wg-c-dropdown.bottom-left > ul.active {
  top: calc(100% + 8px);
}
.wg-c-dropdown.bottom-right > ul {
  top: calc(100% + 16px);
  left: calc(100% + 8px);
}
.wg-c-dropdown.bottom-right > ul.active {
  top: calc(100% + 8px);
}
.wg-c-dropdown.top-left > ul {
  top: unset;
  right: calc(100% + 8px);
  bottom: calc(100% + 16px);
}
.wg-c-dropdown.top-left > ul.active {
  bottom: calc(100% + 8px);
}
.wg-c-dropdown.top-right > ul {
  top: unset;
  bottom: calc(100% + 16px);
  left: calc(100% + 8px);
}
.wg-c-dropdown.top-right > ul.active {
  bottom: calc(100% + 8px);
}
.wg-c-dropdown.top.left-0 > ul, .wg-c-dropdown.bottom.left-0 > ul {
  right: unset;
  left: 0;
  transform: unset;
}
.wg-c-dropdown.top.left-0 > ul.active, .wg-c-dropdown.bottom.left-0 > ul.active {
  right: unset;
  left: 0;
}
.wg-c-dropdown.top.right-0 > ul,
.wg-c-dropdown.top.right-0 .wg-c-dropdown-content, .wg-c-dropdown.bottom.right-0 > ul,
.wg-c-dropdown.bottom.right-0 .wg-c-dropdown-content {
  right: 0;
  left: unset;
  transform: unset;
}
.wg-c-dropdown.top.right-0 > ul.active,
.wg-c-dropdown.top.right-0 .wg-c-dropdown-content.active, .wg-c-dropdown.bottom.right-0 > ul.active,
.wg-c-dropdown.bottom.right-0 .wg-c-dropdown-content.active {
  right: 0;
  left: unset;
}
.wg-c-dropdown.right.top-0 > ul,
.wg-c-dropdown.right.top-0 .wg-c-dropdown-content, .wg-c-dropdown.left.top-0 > ul,
.wg-c-dropdown.left.top-0 .wg-c-dropdown-content {
  top: 0;
  bottom: unset;
  transform: unset;
}
.wg-c-dropdown.right.top-0 > ul.active,
.wg-c-dropdown.right.top-0 .wg-c-dropdown-content.active, .wg-c-dropdown.left.top-0 > ul.active,
.wg-c-dropdown.left.top-0 .wg-c-dropdown-content.active {
  top: 0;
  bottom: unset;
}
.wg-c-dropdown.right.bottom-0 > ul, .wg-c-dropdown.left.bottom-0 > ul {
  top: unset;
  bottom: 0;
  transform: unset;
}
.wg-c-dropdown.right.bottom-0 > ul.active, .wg-c-dropdown.left.bottom-0 > ul.active {
  top: unset;
  bottom: 0;
}

.wg-c-default-list-item {
  display: flex;
  position: relative;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-c-default-list-item__left {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}
.wg-c-default-list-item__left-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-default-list-item__left-actions:not(:has(.wg-c-dynamic-item)) {
  display: none;
}
.wg-c-default-list-item__left-content-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-default-list-item__left-content-header-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-c-default-list-item__left-content-text {
  color: #76859b;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.wg-c-default-list-item__right-actions {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
}
.wg-c-default-list-item__right-actions .wg-a-text {
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.wg-c-default-list-item__right-actions:not(:has(.wg-c-dynamic-item)) {
  display: none;
}
.wg-c-default-list-item__right > .wg-a-select {
  min-width: 150px;
}
.wg-c-default-list-item .wg-a-radio__container::before,
.wg-c-default-list-item .wg-a-checkbox__container::before,
.wg-c-default-list-item .wg-a-switch__container {
  margin-right: 0;
}

.wg-c-dashboard-widget {
  display: flex;
  position: relative;
  flex-direction: column;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  width: 100%;
}
.wg-c-dashboard-widget--is-near-bottom .wg-c-dashboard-widget-overlay {
  opacity: 0;
}
.wg-c-dashboard-widget-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
}
.wg-c-dashboard-widget-body {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-direction: column;
  padding-inline: 24px;
  padding-bottom: 24px;
}
.wg-c-dashboard-widget-body .wg-s-custom-view {
  height: auto;
}
.wg-c-dashboard-widget-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: calc(100% - 16px);
  height: 48px;
  pointer-events: none;
}

.wg-a-composite-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.25rem;
}
.wg-a-composite-title i {
  font-size: 1.5rem;
}
.wg-a-composite-title-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wg-a-composite-title-content__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.75rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wg-a-composite-title-content__text {
  color: #76859b;
  font-size: 0.75rem;
}
.wg-a-composite-title-breadcrumb {
  display: flex;
  column-gap: 8px;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.wg-a-composite-title-breadcrumb > li {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.wg-a-composite-title-breadcrumb > li a {
  transition: none;
  color: #1d1d1d;
  font-weight: 700;
  line-height: 2rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 36px;
  word-break: break-all;
}
.wg-a-composite-title-breadcrumb > li:not(:first-child)::before {
  display: block;
  position: relative;
  top: 1px;
  content: "\e933";
  color: #76859b;
  font-weight: 500;
  font-size: 1rem;
  font-family: "iconset";
}
.wg-a-composite-title-breadcrumb > li:not(:last-child) a {
  font-weight: 500;
}
.wg-a-composite-title-breadcrumb > li:last-child a {
  line-height: 1.75rem;
}
.wg-a-composite-title-breadcrumb .wg-c-dropdown ul li {
  font-size: initial;
  line-height: initial;
}
.wg-a-composite-title .wg-a-badge {
  font-size: 0.75rem;
}
.wg-a-composite-title.sm {
  font-size: 1.125rem;
}
.wg-a-composite-title.sm .wg-a-composite-title-content__title {
  line-height: 1.5rem;
}
.wg-a-composite-title.sm i {
  font-size: 1rem;
}
.wg-a-composite-title.sm ul li a, .wg-a-composite-title.sm ul li:last-child a {
  line-height: 1.5rem;
}
.wg-a-composite-title.xs {
  font-size: 1rem;
}
.wg-a-composite-title.xs i {
  font-size: 1rem;
}

.wg-c-columns {
  display: grid;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  gap: 16px;
}

.wg-c-avatar-group {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-right: 0.6rem;
}
.wg-c-avatar-group__item {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-inline-end: -0.6rem;
  border: 2px solid #ffffff;
  border-radius: 100%;
  background-color: #ebedf0;
  width: 32px;
  height: 32px;
  color: #1d1d1d;
  font-size: 0.75rem;
}
.wg-c-avatar-group-count {
  color: #76859b;
  font-size: 0.625rem;
}
.wg-c-avatar-group.gray-outline .wg-c-avatar-group__item {
  border: 1px #d4d6d8 solid;
  background-color: #ffffff;
}
.wg-c-avatar-group.gray-outline .wg-c-avatar-group__item-count {
  border: 1px #f6f6f7 solid;
  background-color: #f6f6f7;
  color: #76859b;
  font-size: 0.625rem;
}
.wg-c-avatar-group.sm .wg-c-avatar-group__item {
  width: 24px;
  height: 24px;
  font-size: 8px;
}
.wg-c-avatar-group.lg .wg-c-avatar-group__item {
  width: 40px;
  height: 40px;
  font-size: 0.75rem;
}
.wg-c-avatar-group.lg .wg-c-avatar-group__item i {
  font-size: 1.5rem;
}

.wg-a-timer {
  color: var(--wg-primary);
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
}

.wg-a-thumbnail {
  display: inline-flex;
  position: relative;
  border: 1px solid #d4d6d8;
  border-radius: 8px;
  overflow: hidden;
  max-width: 80px;
  max-height: 80px;
}
.wg-a-thumbnail .wg-a-thumbnail__section {
  width: 80px;
  height: 80px;
}
.wg-a-thumbnail__section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f6f6f7;
  object-fit: cover;
  object-position: center;
  user-select: none;
}
.wg-a-thumbnail__section i {
  color: var(--wg-primary);
  font-size: 1.5rem;
  line-height: 1.2rem;
  text-align: center;
}
.wg-a-thumbnail label {
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 12px;
  background: #ebedf0;
  padding: 4px 12px 2px;
  color: #76859b;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.wg-a-thumbnail--sm {
  max-width: 64px;
  max-height: 64px;
}
.wg-a-thumbnail--sm .wg-a-thumbnail__section {
  width: 64px;
  height: 64px;
}
.wg-a-thumbnail--sm label {
  top: 4px;
  left: 4px;
  padding: 4px 8px 2px;
  font-size: 0.55rem;
}
.wg-a-thumbnail--sm i {
  font-size: 1.2rem;
  line-height: 1rem;
}
.wg-a-thumbnail--lg {
  max-width: 108px;
  max-height: 108px;
}
.wg-a-thumbnail--lg .wg-a-thumbnail__section {
  width: 108px;
  height: 108px;
}
.wg-a-thumbnail--lg label {
  top: 8px;
  left: 8px;
}
.wg-a-thumbnail--lg i {
  font-size: 2rem;
  line-height: 1.5rem;
}
.wg-a-thumbnail--xl {
  max-width: 140px;
  max-height: 140px;
}
.wg-a-thumbnail--xl .wg-a-thumbnail__section {
  width: 140px;
  height: 140px;
}
.wg-a-thumbnail--xl label {
  top: 8px;
  left: 12px;
}
.wg-a-thumbnail--xl i {
  font-size: 3rem;
  line-height: 2.5rem;
}

.wg-a-textarea {
  --base-height-default: 200px;
  --expanded-height-default: 400px;
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 0 0 0.0625rem #d4d6d8;
  border-radius: 0.75rem;
  background-color: #ffffff;
  overflow: hidden;
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-textarea:focus-within {
  box-shadow: 0 1px var(--wg-primary), 0 0 0 0.0625rem #d4d6d8;
}
.wg-a-textarea:focus-within label {
  color: var(--wg-primary);
}
.wg-a-textarea:has(textarea:is(:disabled)), .wg-a-textarea:has(textarea:is(:disabled)) label::before {
  cursor: no-drop;
  background-color: #f6f6f7;
}
.wg-a-textarea label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  transition: all 0.3s;
  width: 100%;
  pointer-events: none;
}
.wg-a-textarea label::before {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: -1;
  background-color: #ffffff;
  width: calc(100% - 16px);
  height: calc(100% + 16px);
  content: "";
}
.wg-a-textarea.expanded .wg-a-textarea__content {
  transition: height 0.3s ease-in-out;
  height: var(--expanded-height);
}
.wg-a-textarea .wgjs-expansion-toggle {
  position: absolute;
  right: 14px;
  bottom: 12px;
  background-color: var(--wg-primary--90) !important;
  width: 20px;
  height: 20px;
}
.wg-a-textarea .wgjs-expansion-toggle i {
  font-size: 12px;
}
.wg-a-textarea__content {
  width: 100%;
  height: var(--base-height);
}
.wg-a-textarea textarea {
  transition: height 0.3s ease-in-out;
  outline: 0;
  border: 0;
  background-color: transparent;
  padding: 26px 34px 16px 16px;
  width: 100%;
  min-height: calc(var(--base-height) - 10px);
  overflow: hidden;
  resize: none;
  font-weight: 500;
  line-height: 1.25rem;
}
.wg-a-textarea:not(:is(.wg-a-textarea--variable)):has(textarea:focus, textarea:not(:placeholder-shown)) label {
  top: 0.625rem;
  transform: translateY(0);
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify {
  width: 100%;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify--mix, .wg-a-textarea:is(.wg-a-textarea--variable) .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  --tags-border-color: transparent;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__input {
  outline: 0;
  border: 0;
  background-color: transparent;
  padding: 26px 16px 10px;
  width: 100%;
  min-height: 112px;
  resize: none;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.25rem;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag {
  margin: 0;
  border-radius: 8px;
  background: #ebedf0;
  padding: 2px 8px 2px 10px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag-text {
  word-break: break-all;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag > div {
  padding: 0 6px 0 0;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag > div::before {
  box-shadow: unset !important;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag__removeBtn {
  flex-shrink: 0;
  margin-right: 0;
  width: unset;
  height: unset;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag__removeBtn::after {
  content: "\ea3c";
  color: #76859b;
  font-size: 0.875rem;
  font-family: "iconset";
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag__removeBtn:hover {
  background: unset;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag__removeBtn:hover + div::before {
  display: none;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag:focus div::before, .wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag:hover:not([readonly]) div::before {
  box-shadow: unset;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) {
  opacity: 0.5;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  box-shadow: unset !important;
}
.wg-a-textarea:is(.wg-a-textarea--variable) .tagify:has(.tagify__tag) .tagify__input {
  padding: 24px 16px 8px;
}
.wg-a-textarea:has(.tagify.tagify--focus) > label, .wg-a-textarea:has(.tagify:not(.tagify--empty)) > label {
  top: 0.625rem;
  transform: translateY(0);
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-textarea:is(.wg-a-textarea--single-line):is(.wg-a-textarea) .tagify__input {
  min-height: 56px;
}

body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown {
  border: none;
  border-radius: 0.75rem;
  font-family: "Satoshi", sans-serif;
}
body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown[position=text] {
  box-shadow: 0 0 0.5rem rgba(29, 29, 29, 0.1);
  font-size: 0.875rem;
}
body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper {
  box-shadow: none;
  border: none;
  background: #ffffff;
  padding: 0.5rem;
}
body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown__item {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  transition: all 0.3s;
  margin: 0;
  border-radius: 12px;
  background: transparent;
  padding: 6px 12px;
  color: #1d1d1d;
  font-weight: 700;
}
body:has(.wg-a-textarea--variable .tagify[aria-expanded=true]) .tagify__dropdown__item--active {
  color: var(--wg-primary);
}

.wg-a-text {
  font-size: 0.875rem;
}
.wg-a-text--truncate {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-a-text.sm {
  font-size: 0.75rem;
}
.wg-a-text.md {
  font-size: 0.875rem;
}
.wg-a-text.gray-20 {
  color: #76859b;
}
.wg-a-text.black {
  color: #1d1d1d;
}
.wg-a-text.has-status {
  display: flex;
  align-items: center;
  gap: 4px;
}

.wg-a-tags {
  position: relative;
  overflow: hidden;
}
.wg-a-tags .tagify {
  grid-gap: 8px;
  display: flex;
  align-items: center;
  transition: none !important;
  margin: 0;
  border: 1px solid #d4d6d8;
  border-radius: 0.75rem;
  background: #ffffff;
  padding: 28px 16px 10px 16px;
}
.wg-a-tags .tagify.tagify--empty, .wg-a-tags .tagify.tagify--noTags:not(.tagify--focus) {
  height: 56px;
}
.wg-a-tags .tagify--focus {
  flex-wrap: wrap;
}
.wg-a-tags .tagify--noTags ~ label {
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.875rem;
}
.wg-a-tags .tagify--noTags:focus-within ~ label {
  opacity: 0;
}
.wg-a-tags .tagify__input {
  position: relative;
  top: -13px;
  transition: none !important;
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-tags .tagify:not(.tagify--focus) .tagify__input, .wg-a-tags .tagify:has(.tagify__tag) .tagify__input {
  top: 0;
}
.wg-a-tags .tagify__tag {
  margin: 0;
  border-radius: 12px;
  background: #ebedf0;
  padding: 4px 12px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-tags .tagify__tag-text {
  word-break: break-all;
}
.wg-a-tags .tagify__tag > div {
  padding: 0 6px 0 0;
}
.wg-a-tags .tagify__tag > div::before {
  box-shadow: unset !important;
}
.wg-a-tags .tagify__tag__removeBtn {
  flex-shrink: 0;
  margin-right: 0;
  width: unset;
  height: unset;
}
.wg-a-tags .tagify__tag__removeBtn::after {
  content: "\ea3c";
  color: #76859b;
  font-size: 1rem;
  font-family: "iconset";
}
.wg-a-tags .tagify__tag__removeBtn:hover {
  background: unset;
}
.wg-a-tags .tagify__tag__removeBtn:hover + div::before {
  display: none;
}
.wg-a-tags .tagify__tag:focus div::before, .wg-a-tags .tagify__tag:hover:not([readonly]) div::before {
  box-shadow: unset;
}
.wg-a-tags .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) {
  opacity: 0.5;
}
.wg-a-tags .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  box-shadow: unset !important;
}
.wg-a-tags label {
  grid-gap: 6px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 17px;
  align-items: center;
  transform: translateY(0);
  pointer-events: none;
  color: #76859b;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

body:has(.wg-a-tags .tagify[aria-expanded=true]) .tagify__dropdown {
  box-shadow: 0 0 0.5rem rgba(29, 29, 29, 0.1);
  border: none;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-family: "Satoshi", sans-serif;
}
body:has(.wg-a-tags .tagify[aria-expanded=true]) .tagify__dropdown__wrapper {
  box-shadow: none;
  border: none;
  background: #ffffff;
  padding: 0.5rem;
}
body:has(.wg-a-tags .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
body:has(.wg-a-tags .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
body:has(.wg-a-tags .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
body:has(.wg-a-tags .tagify[aria-expanded=true]) .tagify__dropdown__item {
  transition: all 0.3s;
  margin: 0;
  border-radius: 12px;
  background: transparent;
  padding: 6px 12px;
  color: #1d1d1d;
  font-weight: 700;
}
body:has(.wg-a-tags .tagify[aria-expanded=true]) .tagify__dropdown__item--active {
  color: var(--wg-primary);
}

.wg-a-tag {
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #ebedf0;
  padding: 3px 12px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  grid-gap: 8px;
  flex-shrink: 0;
  transition: all 0.3s;
  border-radius: 12px;
  user-select: none;
}
.wg-a-tag i {
  font-size: 1rem;
}
.wg-a-tag:is(.wg-a-tag.outline, .wg-a-tag.new) {
  background-color: #ffffff;
}
.wg-a-tag:is(.wg-a-tag.outline) {
  border-color: #d4d6d8;
}
.wg-a-tag.new {
  border-style: dashed;
  border-color: #bac1cc;
}
.wg-a-tag:is(.wg-a-tag:hover) {
  border-color: var(--wg-primary--90);
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-tag:is(.wg-a-tag:hover).new {
  border-color: var(--wg-primary);
}
.wg-a-tag:is(.wg-a-tag:active) {
  border-color: var(--wg-primary);
  background-color: #ffffff;
  color: var(--wg-primary);
}

.wg-a-tabs-list-vertical {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}
.wg-a-tabs-list-vertical__header {
  padding: 24px 16px 20px 16px;
}
.wg-a-tabs-list-vertical__header .wg-a-composite-title {
  gap: 8px;
}
.wg-a-tabs-list-vertical__header .wg-a-composite-title .wg-a-badge {
  margin-left: auto;
}
.wg-a-tabs-list-vertical li {
  position: relative;
  color: #1d1d1d;
}
.wg-a-tabs-list-vertical li.wg-accordions__item__header > a::after {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  content: "\e9da";
  color: #76859b;
  font-weight: 500;
  font-size: 1rem;
  font-family: "iconset";
}
.wg-a-tabs-list-vertical li.wg-accordions__item__header.wg-a-tabs-list-vertical--notified::after {
  right: 52px !important;
}
.wg-a-tabs-list-vertical li.wg-accordions__item__header.active > a::after, .wg-a-tabs-list-vertical li.wg-accordions__item__header:has(.wg-accordions__item__content.active) > a::after {
  content: "\e9bf";
}
.wg-a-tabs-list-vertical li:has(.wg-accordions__item__content.active) a {
  border: transparent;
}
.wg-a-tabs-list-vertical li a {
  display: flex;
  position: relative;
  gap: 8px;
  transition: all 0.3s;
  border-bottom: 1px dashed #d4d6d8;
  padding: 16px;
  color: inherit;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
}
.wg-a-tabs-list-vertical li a::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-3px);
  opacity: 0;
  transition: all 0.3s;
  background-color: var(--wg-secondary);
  width: 3px;
  height: 100%;
  content: "";
}
.wg-a-tabs-list-vertical li a i {
  font-size: 1.25rem;
}
.wg-a-tabs-list-vertical li a:hover {
  background-color: #ffffff;
}
.wg-a-tabs-list-vertical li.active > a {
  cursor: default;
  background-color: #ffffff;
}
.wg-a-tabs-list-vertical li.active > a::before {
  transform: translateX(0);
  opacity: 1;
}
.wg-a-tabs-list-vertical li::after {
  position: absolute;
  top: 22px;
  right: 20px;
  opacity: 0;
  animation: notificationPulse 1500ms infinite;
  transition: all 0.3s;
  border-radius: 100%;
  background: #fb4d3d;
  width: 10px;
  height: 10px;
  pointer-events: none;
  content: "";
}
.wg-a-tabs-list-vertical li.hidden {
  display: none;
}
.wg-a-tabs-list-vertical li.wg-accordions__item__header {
  display: initial;
  font-weight: initial;
  font-size: initial;
}
.wg-a-tabs-list-vertical li.wg-a-tabs-list-vertical--notified::after {
  opacity: 1;
}
@keyframes notificationPulse {
  0% {
    box-shadow: rgb(253.0606060606, 168.696969697, 160.9393939394) 0 0 0 0;
  }
  75% {
    box-shadow: rgba(251, 77, 61, 0) 0 0 0 8px;
  }
}
.wg-a-tabs-list-vertical .wg-accordions__item__content {
  padding-left: 24px;
  overflow: hidden;
}
.wg-a-tabs-list-vertical .wg-accordions__item__content.active {
  max-height: 100% !important;
}
.wg-a-tabs-list-vertical .wg-accordions__item__content li:first-child {
  margin-top: 0;
}
.wg-a-tabs-list-vertical .wg-accordions__item__content li a {
  border: transparent;
  padding: 8px 16px;
}
.wg-a-tabs-list-vertical .wg-accordions__item__content li::after {
  top: 12px;
}

.wg-a-tabs-list-navbar {
  display: flex;
  position: relative;
  flex-direction: column;
  z-index: 1;
  background: var(--wg-primary);
  padding: 0 0 16px 0;
  width: 72px;
}
.wg-a-tabs-list-navbar ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0 1px 0;
  height: 100%;
  list-style: none;
}
.wg-a-tabs-list-navbar ul [class*=ps__rail-] {
  pointer-events: none;
}
.wg-a-tabs-list-navbar ul li {
  position: relative;
  color: #ffffff;
}
.wg-a-tabs-list-navbar ul li a {
  display: block;
  transition: all 0.3s;
  width: 72px;
  height: 48px;
  color: inherit;
  font-size: 1.5rem;
  line-height: 48px;
  text-align: center;
}
.wg-a-tabs-list-navbar ul li a:hover {
  background: var(--wg-primary-20);
}
.wg-a-tabs-list-navbar ul li a:hover .menu-indicator {
  box-shadow: 0 0 0 4px var(--wg-primary-20);
}
.wg-a-tabs-list-navbar ul li a i {
  pointer-events: none;
}
.wg-a-tabs-list-navbar ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-3px);
  opacity: 0;
  transition: all 0.3s;
  border-radius: 0 3px 3px 0;
  background: var(--wg-secondary);
  width: 3px;
  height: 48px;
  content: "";
}
.wg-a-tabs-list-navbar ul li::after {
  position: absolute;
  top: 10px;
  right: 20px;
  opacity: 0;
  animation: notificationPulse 1500ms infinite;
  transition: all 0.3s;
  border-radius: 100%;
  background: #fb4d3d;
  width: 10px;
  height: 10px;
  pointer-events: none;
  content: "";
}
.wg-a-tabs-list-navbar ul li.active {
  color: var(--wg-secondary);
}
.wg-a-tabs-list-navbar ul li.active::before {
  transform: translateX(0);
  opacity: 1;
}
.wg-a-tabs-list-navbar ul li.active a {
  cursor: default;
}
.wg-a-tabs-list-navbar ul li.active a:hover {
  background: var(--wg-primary);
}
.wg-a-tabs-list-navbar ul li.hidden {
  display: none;
}
.wg-a-tabs-list-navbar ul li.wg-a-tabs-list-navbar--notified::after {
  opacity: 1;
}
@keyframes notificationPulse {
  0% {
    box-shadow: rgb(253.0606060606, 168.696969697, 160.9393939394) 0 0 0 0;
  }
  75% {
    box-shadow: rgba(251, 77, 61, 0) 0 0 0 8px;
  }
}
.wg-a-tabs-list-navbar__logo {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding-inline: 11px;
  height: 88px;
  user-select: none;
}
.wg-a-tabs-list-navbar__logo img {
  display: block;
  max-width: 100%;
}
.wg-a-tabs-list-navbar__tooltip {
  display: flex;
  align-items: center;
  gap: 6px;
}
.wg-a-tabs-list-navbar__tooltip-keyboard {
  display: flex;
  align-items: center;
  gap: 2px;
}
.wg-a-tabs-list-navbar__tooltip-keyboard kbd {
  display: inline-block;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-color: transparent;
  padding: 2px 4px;
  min-width: 16px;
  min-height: 17px;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  white-space: nowrap;
}

.wg-a-tabs-list-horizontal__inner {
  display: flex;
  position: relative;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #d4d6d8;
}
.wg-a-tabs-list-horizontal__inner::before {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 100%);
  width: 96px;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-a-tabs-list-horizontal__inner:is(.has-gradient)::before {
  opacity: 1;
}
.wg-a-tabs-list-horizontal__inner.is-moving li {
  pointer-events: none;
}
.wg-a-tabs-list-horizontal__header {
  display: flex;
  position: relative;
  align-items: center;
  gap: 8px;
  padding-right: 10px;
  padding-left: 32px;
  white-space: nowrap;
}
.wg-a-tabs-list-horizontal__header::before, .wg-a-tabs-list-horizontal__header::after {
  pointer-events: none;
}
.wg-a-tabs-list-horizontal__header::before {
  position: absolute;
  top: 0;
  right: -20px;
  background: #d4d6d8;
  width: 1px;
  height: 100%;
  content: "";
}
.wg-a-tabs-list-horizontal__header::after {
  position: absolute;
  top: 0;
  right: -52px;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 32px;
  height: 100%;
  content: "";
}
.wg-a-tabs-list-horizontal__header span {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-tabs-list-horizontal__items {
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0 24px;
  overflow-x: auto;
  overflow-y: hidden;
  list-style: none;
}
.wg-a-tabs-list-horizontal__items::-webkit-scrollbar {
  display: none;
}
.wg-a-tabs-list-horizontal__items > li {
  position: relative;
}
.wg-a-tabs-list-horizontal__items > li a {
  display: block;
  transition: all 0.3s;
  padding: 16px 8px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-decoration: none;
  white-space: nowrap;
}
.wg-a-tabs-list-horizontal__items > li a span {
  pointer-events: none;
}
.wg-a-tabs-list-horizontal__items > li a i {
  position: relative;
  top: 1px;
  transition: all 0.3s;
  margin-right: 2px;
  color: #76859b;
}
.wg-a-tabs-list-horizontal__items > li a:hover i {
  color: var(--wg-primary);
}
.wg-a-tabs-list-horizontal__items > li:is(.active) a, .wg-a-tabs-list-horizontal__items > li:is(.active) i {
  color: var(--wg-primary);
}
.wg-a-tabs-list-horizontal__items > li.hidden {
  display: none;
}
.wg-a-tabs-list-horizontal__items > li::after {
  position: absolute;
  top: 8px;
  right: -13px;
  opacity: 0;
  z-index: 1;
  animation: notificationPulse 1500ms infinite;
  transition: all 0.3s;
  border-radius: 100%;
  background: #fb4d3d;
  width: 8px;
  height: 8px;
  pointer-events: none;
  content: "";
}
.wg-a-tabs-list-horizontal__items > li.wg-a-tabs-list-horizontal--notified::after {
  opacity: 1;
}
@keyframes notificationPulse {
  0% {
    box-shadow: rgb(253.0606060606, 168.696969697, 160.9393939394) 0 0 0 0;
  }
  75% {
    box-shadow: rgba(251, 77, 61, 0) 0 0 0 8px;
  }
}
.wg-a-tabs-list-horizontal:not(:is(.pill, .expandable, .composite)) .wg-a-tabs-list-horizontal__items li a {
  position: relative;
}
.wg-a-tabs-list-horizontal:not(:is(.pill, .expandable, .composite)) .wg-a-tabs-list-horizontal__items li a::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  transition: all 0.3s;
  border-radius: 4px;
  background: var(--wg-primary);
  width: 8px;
  height: 8px;
  content: "";
}
.wg-a-tabs-list-horizontal:not(:is(.pill, .expandable, .composite)) .wg-a-tabs-list-horizontal__items li.active a {
  color: var(--wg-primary);
}
.wg-a-tabs-list-horizontal:not(:is(.pill, .expandable, .composite)) .wg-a-tabs-list-horizontal__items li.active a::before {
  transform: translateX(-50%) translateY(4px);
}
.wg-a-tabs-list-horizontal:is(.pill) {
  margin-bottom: 24px;
}
.wg-a-tabs-list-horizontal:is(.pill) .wg-a-tabs-list-horizontal__inner {
  border: none;
}
.wg-a-tabs-list-horizontal:is(.pill) .wg-a-tabs-list-horizontal__inner::before {
  border-radius: 0 12px 12px 0;
  background: rgb(246, 246, 247);
  background: linear-gradient(270deg, rgb(246, 246, 247) 20%, rgba(246, 246, 247, 0) 100%);
}
.wg-a-tabs-list-horizontal:is(.pill) .wg-a-tabs-list-horizontal__items {
  gap: 4px;
  border-radius: 12px;
  background-color: #f6f6f7;
  padding: 4px;
}
.wg-a-tabs-list-horizontal:is(.pill) .wg-a-tabs-list-horizontal__items > li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 16px;
  color: #76859b;
}
.wg-a-tabs-list-horizontal:is(.pill) .wg-a-tabs-list-horizontal__items > li a i {
  font-size: 1.25rem;
}
.wg-a-tabs-list-horizontal:is(.pill) .wg-a-tabs-list-horizontal__items > li.active a {
  border-radius: 12px;
  background-color: #ffffff;
  color: #1d1d1d;
}
.wg-a-tabs-list-horizontal:is(.pill) .wg-a-tabs-list-horizontal__items > li.active a i {
  color: var(--wg-primary);
}
.wg-a-tabs-list-horizontal:is(.expandable) {
  margin-bottom: 24px;
}
.wg-a-tabs-list-horizontal:is(.expandable) .wg-a-tabs-list-horizontal__inner {
  border: none;
}
.wg-a-tabs-list-horizontal:is(.expandable) .wg-a-tabs-list-horizontal__items {
  gap: 4px;
  padding: 0;
}
.wg-a-tabs-list-horizontal:is(.expandable) .wg-a-tabs-list-horizontal__items > li a {
  padding: 0;
}
.wg-a-tabs-list-horizontal:is(.composite) {
  max-width: 60%;
}
.wg-a-tabs-list-horizontal:is(.composite) .wg-a-tabs-list-horizontal__inner {
  border: none;
}
.wg-a-tabs-list-horizontal:is(.composite) .wg-a-tabs-list-horizontal__items {
  gap: 4px;
  padding: 0;
}
.wg-a-tabs-list-horizontal:is(.composite) .wg-a-tabs-list-horizontal__items > li a {
  padding: 0;
}
.wg-a-tabs-list-horizontal:is(.composite) .wg-a-tabs-list-horizontal__items:has(.wg-c-dropdown.active) {
  overflow: visible;
}
.wg-a-tabs-list-horizontal:is(.pill, .expandable, .composite) .wg-a-tabs-list-horizontal__items > li::after {
  top: 6px;
  right: 6px;
  width: 6px;
  height: 6px;
}

.wg-a-tabs--tabinbox .wg-a-tabs-list-horizontal .wg-a-tabs-list-horizontal__items li.active a::before {
  display: none;
}

.wg-a-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wg-a-tabs__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d4d6d8;
  padding: 24px 32px;
}
.wg-a-tabs__contents {
  height: 100%;
  overflow: hidden;
}
.wg-a-tabs__pane {
  display: none;
}
.wg-a-tabs__pane.active {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wg-a-tabs__pane > div {
  padding: 32px;
  height: 100%;
}
.wg-a-tabs__pane > div:has(> div:is(.wg-c-form, .wg-a-calendar)) {
  height: auto;
}
.wg-a-tabs__pane--no-padding > div {
  padding: 0;
}
.wg-a-tabs--tabinbox .wg-a-tabs__list {
  grid-gap: 0;
}
.wg-a-tabs--tabinbox .wg-a-tabs__list li a {
  grid-gap: 4px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.wg-a-tabs--tabinbox .wg-a-tabs__list li a span {
  display: grid;
  place-items: center;
  transition: all 0.3s;
  border: 1px solid #ebedf0;
  border-radius: 9999px;
  background-color: #ebedf0;
  width: 40px;
  height: 40px;
  color: inherit;
  font-weight: 700;
}
.wg-a-tabs--tabinbox .wg-a-tabs__list li.active a span {
  border-color: var(--wg-primary);
  background-color: #ffffff;
}
.wg-a-tabs--tabinbox .wg-a-tabs__list li:not(:last-child) {
  border-right: 1px dashed #d4d6d8;
}
.wg-a-tabs--pills .wg-a-tabs__list {
  grid-gap: 8px;
  border-radius: 12px;
  background-color: #f6f6f7;
  padding: 4px;
}
.wg-a-tabs--pills .wg-a-tabs__list li {
  color: #76859b;
}
.wg-a-tabs--pills .wg-a-tabs__list li a {
  grid-gap: 8px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding: 8px 16px;
  font-weight: 700;
  white-space: nowrap;
}
.wg-a-tabs--pills .wg-a-tabs__list li a i {
  font-size: 1.25rem;
}
.wg-a-tabs--pills .wg-a-tabs__list li.active {
  color: #1d1d1d;
}
.wg-a-tabs--pills .wg-a-tabs__list li.active a {
  background-color: #ffffff;
}
.wg-a-tabs--pills .wg-a-tabs__list li.active a i {
  color: var(--wg-primary);
}
@media (max-width: 767px) {
  .wg-a-tabs__header {
    padding: 12px 20px;
  }
  .wg-a-tabs__header .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-a-tabs__header .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-a-tabs-list-horizontal:is(.pill) {
    margin-bottom: 12px;
  }
  .wg-a-tabs-list-horizontal__items {
    gap: 8px;
    padding: 0 12px;
  }
  .wg-a-tabs-list-horizontal__items > li a {
    padding-block: 12px;
  }
  .wg-a-tabs__pane:not(:is(.wg-a-tabs__pane--no-padding)) > div:has(> div:is(.wg-c-form, .wg-c-table, .wg-c-list, .wg-c-form-v2, .wg-c-table-v2, .wg-c-list-v2)) {
    padding: 20px !important;
  }
}

table.wg-a-table {
  width: 100%;
}
table.wg-a-table thead {
  color: #76859b;
  font-size: 0.875rem;
}
table.wg-a-table thead th {
  font-weight: 500;
}
table.wg-a-table thead tr {
  border-bottom: 1px dashed #d4d6d8;
}
table.wg-a-table tbody {
  padding: 0px 8px;
  height: 24px;
  font-size: 0.875rem;
}
table.wg-a-table tr:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
}
table.wg-a-table tr td,
table.wg-a-table tr th {
  padding: 8px;
  height: 24px;
}
table.wg-a-table tr td:first-child,
table.wg-a-table tr th:first-child {
  padding-left: 18px;
}
table.wg-a-table tr td:last-child,
table.wg-a-table tr th:last-child {
  padding-right: 18px;
}
table.wg-a-table.wg-a-table--unstyled {
  width: unset;
}
table.wg-a-table.wg-a-table--unstyled td,
table.wg-a-table.wg-a-table--unstyled th {
  border-bottom: unset;
  height: unset;
}
table.wg-a-table.wg-a-table--unstyled tr {
  border-bottom: unset;
}

.wg-atoms-syntax-highlighter .wgjs-syntax-highlight {
  padding: 0px;
  overflow: hidden;
  font-size: 0.75rem;
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
}
.wg-atoms-syntax-highlighter .wgjs-syntax-highlight::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-atoms-syntax-highlighter .wgjs-syntax-highlight::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-atoms-syntax-highlighter .wgjs-syntax-highlight::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}

.wg-a-switch {
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-a-switch:has(input:disabled) {
  cursor: no-drop;
  background-color: #f6f6f7;
}
.wg-a-switch__container {
  position: relative;
  transition: all 0.3s;
  margin-right: 8px;
  border-radius: 24px;
  background: #ebedf0;
  width: 40px;
  height: 24px;
}
.wg-a-switch__container::before {
  position: absolute;
  top: 4px;
  left: 4px;
  transition: all 0.3s;
  border-radius: 100%;
  background: #76859b;
  width: 16px;
  height: 16px;
  content: "";
}
.wg-a-switch__container:has(input:checked) {
  background: var(--wg-primary);
}
.wg-a-switch__container:has(input:checked):has(input:disabled) {
  background: var(--wg-primary--80);
}
.wg-a-switch__container:has(input:checked)::before {
  transform: translateX(16px);
  background: #ffffff;
}
.wg-a-switch__container input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.wg-a-switch--left {
  flex-direction: row-reverse;
}
.wg-a-switch--left .wg-a-switch__container {
  margin-right: unset;
  margin-left: 8px;
}
.wg-a-switch--list {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 16px;
  width: 100%;
  height: 100%;
}
.wg-a-switch--list .wg-a-switch__container {
  position: absolute;
  right: 16px;
  margin-right: unset;
}
.wg-a-switch--list .wg-a-switch__container::before {
  right: 20px;
  left: unset;
}
.wg-a-switch--form {
  position: relative;
  flex-shrink: 0;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 0 0 0.0625rem #d4d6d8;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 1rem;
  overflow: hidden;
  line-height: 1.25rem;
}
.wg-a-switch--form .wg-a-switch__container {
  margin-right: 8px;
  margin-left: unset;
}
.wg-a-switch--form.wg-a-switch--left {
  flex-direction: unset;
}

.wg-a-select {
  display: flex;
  position: relative;
  align-items: center;
}
.wg-a-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.wg-a-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.wg-a-select .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.wg-a-select .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.wg-a-select:has(.select2-selection--multiple) .select2-selection--multiple {
  padding-top: 16px;
}
.wg-a-select:has(.select2-selection--multiple) .select2-search--inline {
  height: unset !important;
  overflow: initial !important;
}
.wg-a-select:has(.select2-selection--multiple) .select2-search--inline textarea {
  position: relative !important;
  top: -2px !important;
  color: #999 !important;
  line-height: 1 !important;
}
.wg-a-select:has(.select2-selection--multiple) .select2-search--inline textarea::placeholder {
  color: #76859b;
}
.wg-a-select:has(.select2-selection--multiple):has(.select2-selection__choice) label, .wg-a-select:has(.select2-selection--multiple):has(.select2-container--open) label {
  top: 0.625rem;
  transform: translateY(0);
  color: #76859b;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-select:has(.select2-selection--multiple) .select2-selection__choice {
  background: transparent !important;
  padding: 0 !important;
}
.wg-a-select:has(.select2-selection--multiple) .select2-selection__choice:not(:first-child) {
  display: none;
}
.wg-a-select:has(.select2-selection--multiple) .select2-selection__choice__remove {
  display: none !important;
}
.wg-a-select:has(.select2-selection--multiple):has(.select2-selection__choice) .select2-search--inline {
  display: none !important;
}
.wg-a-select:not(:has(.select2-container--open)) .select2-selection--multiple {
  max-height: 56px;
}
.wg-a-select .select2 {
  min-width: 100%;
}
.wg-a-select .select2-selection {
  margin: 0;
  border: 1px solid #d4d6d8;
  border-radius: 0.75rem;
  background: #ffffff;
  padding: 24px 16px 8px 16px;
  height: unset;
}
.wg-a-select .select2-selection__placeholder {
  color: #76859b !important;
}
.wg-a-select .select2-selection.select2-selection--multiple {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border: 1px solid #d4d6d8;
  padding: 24px 51px 10px 16px !important;
  height: 56px;
}
.wg-a-select .select2-selection.select2-selection--multiple::before {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(0) translateY(-50%);
  content: "\e931";
  color: #76859b;
  font-size: 1rem;
  line-height: 1;
  font-family: "iconset";
}
.wg-a-select .select2-selection.select2-selection--multiple[aria-expanded=true]::before {
  transform: rotate(180deg) translateY(50%);
}
.wg-a-select .select2-selection.select2-selection--multiple .select2-search__field {
  margin: 0px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: "Satoshi", sans-serif;
}
.wg-a-select .select2-selection.select2-selection--multiple .select2-selection__rendered {
  order: 2;
}
.wg-a-select .select2-selection.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-a-select .select2-selection.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-a-select .select2-selection.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-a-select .select2-selection > span.select2-selection__rendered {
  padding: 0;
  min-height: 12px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
}
.wg-a-select .select2-selection > .select2-selection__arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: unset;
  height: unset;
  color: #76859b;
  font-size: 1rem;
  line-height: 1;
}
.wg-a-select .select2-selection > .select2-selection__arrow b {
  display: none;
}
.wg-a-select .select2-selection > .select2-selection__arrow::after {
  content: "\e931";
  font-family: "iconset";
}
.wg-a-select .select2-selection ul.select2-selection__rendered {
  grid-gap: 8px;
  display: flex;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  pointer-events: none;
}
.wg-a-select .select2-selection ul.select2-selection__rendered li {
  grid-gap: 6px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 0;
  border: 0;
  border-radius: 9999px;
  background-color: #ebedf0;
  padding: 4px 12px;
  overflow: unset;
}
.wg-a-select .select2-selection ul.select2-selection__rendered li span, .wg-a-select .select2-selection ul.select2-selection__rendered li button {
  padding: 0;
}
.wg-a-select .select2-selection ul.select2-selection__rendered li button {
  display: grid;
  position: unset;
  place-items: center;
  border: 0;
  color: #76859b;
}
.wg-a-select .select2-selection ul.select2-selection__rendered li button span {
  display: none;
}
.wg-a-select .select2-selection ul.select2-selection__rendered li button::after {
  content: "\ea3c";
  font-size: 0.75rem;
  font-family: "iconset";
}
.wg-a-select .select2-selection ul.select2-selection__rendered li button:hover {
  background-color: transparent;
  color: #76859b;
}
.wg-a-select .select2-selection ul.select2-selection__rendered li span {
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-select .select2-selection ul.select2-selection__rendered + span.select2-search {
  display: block;
  height: 0px;
  overflow: hidden;
}
.wg-a-select .select2-selection:is(.wg-a-select .select2-selection--single) .select2-selection__clear {
  float: none;
}
.wg-a-select .select2-selection:is(.wg-a-select .select2-selection--multiple) .select2-selection__clear {
  margin-top: 0;
}
.wg-a-select .select2-selection:is(.wg-a-select .select2-selection--single, .wg-a-select .select2-selection--multiple) .select2-selection__clear {
  display: block;
  position: absolute;
  top: 0;
  right: 48px;
  cursor: pointer;
  margin-right: 0;
  padding: 0;
  width: 24px;
  height: 100%;
}
.wg-a-select .select2-selection:is(.wg-a-select .select2-selection--single, .wg-a-select .select2-selection--multiple) .select2-selection__clear::before {
  pointer-events: none;
  content: "\ea3c";
  color: #fb4d3d;
  font-weight: 500;
  font-size: 1rem;
  font-family: "iconset";
}
.wg-a-select .select2-selection:is(.wg-a-select .select2-selection--single, .wg-a-select .select2-selection--multiple) .select2-selection__clear span {
  display: none;
}
.wg-a-select .select2-container--open.select2-container--below .select2-selection {
  border-bottom-color: transparent;
}
.wg-a-select .select2-container--open .select2-selection__arrow {
  transform: translateY(-50%) rotate(-180deg);
}
.wg-a-select .select2-container--open .select2-selection {
  border-color: var(--wg-secondary);
  background-color: var(--wg-secondary--90);
}
.wg-a-select .select2-container--open .select2-selection ul.select2-selection__rendered + span.select2-search {
  height: unset;
}
.wg-a-select label {
  grid-gap: 6px;
  display: flex;
  position: absolute;
  top: 0.5rem;
  left: 17px;
  align-items: center;
  transform: translateY(0);
  pointer-events: none;
  color: #76859b;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-select:has(.select2 .select2-selection span.select2-selection__rendered:empty) .select2 .select2-selection {
  padding: 26px 16px 8px;
}
.wg-a-select:has(.select2 .select2-selection span.select2-selection__rendered:empty) label {
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-a-select:has(.select2 .select2-selection span.select2-selection__rendered:empty) label i {
  font-size: 1rem;
}
.wg-a-select:has(.select2-selection--multiple) label {
  top: 10px;
}
.wg-a-select:has(.select2-selection--multiple) .select2-search.select2-search--inline {
  pointer-events: none;
}
.wg-a-select.sm .select2-selection {
  border-radius: 24px;
  padding: 4px 20px 6px 16px;
}
.wg-a-select.sm .select2-selection span.select2-selection__rendered {
  min-height: 20px;
  line-height: 20px;
}
.wg-a-select.sm .select2-selection__choice__display {
  position: relative;
  top: 1px;
}
.wg-a-select.sm .select2-selection__clear {
  right: 36px !important;
}
.wg-a-select.sm .select2-selection > .select2-selection__arrow {
  font-size: 0.75rem;
}
.wg-a-select.sm .select2-selection--single {
  padding-block: 7px !important;
}
.wg-a-select.sm .select2-selection--multiple {
  padding: 4px 20px 6px 16px !important;
  height: auto !important;
}
.wg-a-select.sm .select2-selection .select2-search--inline textarea {
  top: 0px !important;
}
.wg-a-select.sm .select2-container--open .select2-selection {
  border-radius: 12px !important;
}
.wg-a-select.sm label {
  display: none;
}
.wg-a-select.sm:has(.select2 .select2-selection span.select2-selection__rendered:empty) .select2 .select2-selection {
  padding: 4px 20px 6px 16px;
}
.wg-a-select.sm:has(.select2 .select2-selection span.select2-selection__rendered:empty) label {
  display: flex;
}
.wg-a-select.lg .select2-selection {
  padding: 24px 36px 10px 16px;
}
.wg-a-select.lg .select2-selection span.select2-selection__rendered {
  min-height: unset;
  line-height: 20px;
}
.wg-a-select.lg label {
  top: 10px;
}
.wg-a-select.lg:has(.select2 .select2-selection span.select2-selection__rendered:empty) .select2 .select2-selection {
  padding: 20px 20px 10px 16px;
}
.wg-a-select.lg:has(.select2 .select2-selection span.select2-selection__rendered:empty) .select2 .select2-selection span.select2-selection__rendered {
  min-height: 24px;
}
.wg-a-select__action {
  position: absolute;
  top: 50%;
  right: 42px;
  transform: translateY(-50%);
}

.select2-dropdown {
  border-color: var(--wg-secondary);
  border-radius: 12px;
}
.select2-dropdown .select2-search {
  position: relative;
  padding: 16px;
  color: #76859b;
}
.select2-dropdown .select2-search::before {
  position: absolute;
  top: calc(50% + 8px);
  left: 28px;
  transform: translateY(-50%);
  content: "\e9ef";
  font-family: "iconset";
}
.select2-dropdown .select2-search--dropdown {
  padding: 16px 16px 0;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
  outline: none;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  padding: 6px 16px;
  padding-left: 32px;
  font-size: 0.875rem;
}
.select2-results {
  padding: 16px;
}
.select2-results__options::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.select2-results__options::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.select2-results__options::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 9999px;
}
.select2-results__options::-webkit-scrollbar-track:hover {
  background: #f6f6f7;
}
.select2-results__option {
  transition: all 0.3s;
  border-radius: 12px;
  padding: 8px 12px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.select2-results__option:first-of-type[role=alert], .select2-results__option:first-of-type:empty {
  display: none;
}
.select2-container {
  font-family: "Satoshi", sans-serif;
}
.select2-container .select2-results__option:first-of-type[role=alert], .select2-container .select2-results__option:first-of-type:empty {
  display: block;
}
.select2-container .select2-results__option--selected {
  background-color: transparent;
}
.select2-container .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--wg-primary--90);
  color: #1d1d1d;
}

.select2-results__options[aria-multiselectable=true] .select2-results__option--selected {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.select2-results__options[aria-multiselectable=true] .select2-results__option--selected::after {
  flex-shrink: 0;
  content: "\e940";
  color: var(--wg-primary);
  font-family: "iconset";
}

.select2-result--space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.select2-result--space-between .select2-result-description {
  flex-shrink: 0;
}
.select2-result--color-preview {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.select2-result--color-preview .select2-result-description {
  display: inline-block;
  flex-shrink: 0;
  border-radius: 9999px;
  padding: 0.1875rem 0.5rem 0.1875rem;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.select2-result--option-icon {
  display: flex;
  align-items: center;
  gap: 6px;
}
.select2-result--option-icon i {
  font-size: 0.75rem;
}
.select2-result-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.select2-result-description {
  color: #76859b;
  font-size: 0.75rem;
}

.wg-a-range {
  display: flex;
  column-gap: 16px;
}

.wg-a-radio-inline {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.wg-a-radio-inline::before {
  position: absolute;
  right: 0.1875rem;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 0.625rem;
  height: 0.625rem;
  content: "";
}
.wg-a-radio-inline::after {
  position: absolute;
  right: 0;
  border: 0.0625rem solid #1d1d1d;
  border-radius: 100%;
  background-color: transparent;
  width: 1rem;
  height: 1rem;
  content: "";
}
.wg-a-radio-inline:has(input:checked)::after {
  border-color: var(--wg-primary);
}
.wg-a-radio-inline:has(input:checked)::before {
  opacity: 1;
}
.wg-a-radio-inline input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.atoms-radio-button-group {
  display: inline-flex;
  gap: 4px;
  border-radius: 12px;
  background-color: #f6f6f7;
  padding: 4px;
  overflow: hidden;
}
.atoms-radio-button-group-item {
  position: relative;
  gap: 8px;
  transition: all 0.3s;
  border-radius: 8px;
  padding: 6px 12px;
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  user-select: none;
}
.atoms-radio-button-group-item input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.atoms-radio-button-group-item::before {
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 100%;
  background: #d4d6d8;
  width: 4px;
  height: 4px;
  content: "";
}
.atoms-radio-button-group-item:has(input:checked) {
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  background-color: #ffffff;
  color: #1d1d1d;
}
.atoms-radio-button-group-item:has(input:checked)::before {
  background: #1abb68;
}
.atoms-radio-button-group-item:not(:has(input:checked)) {
  cursor: pointer;
}

.wg-a-radio {
  transition: all 0.3s;
  cursor: pointer;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
  user-select: none;
}
.wg-a-radio__container {
  display: inline-flex;
  position: relative;
  align-items: center;
  border-radius: 0.75rem;
  padding: 0.5rem 1rem 0.5rem 0.875rem;
}
.wg-a-radio__container:hover {
  background: var(--wg-primary--90);
}
.wg-a-radio__container::before {
  left: 0.5625rem;
  flex-shrink: 0;
  margin-right: 8px;
  border: 0.0625rem solid #1d1d1d;
  border-radius: 100%;
  background-color: transparent;
  width: 1rem;
  height: 1rem;
  content: "";
}
.wg-a-radio__container::after {
  position: absolute;
  left: 1.0625rem;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 0.625rem;
  height: 0.625rem;
  content: "";
}
.wg-a-radio__container:has(input:checked)::before {
  border-color: var(--wg-primary);
}
.wg-a-radio__container:has(input:checked)::after {
  opacity: 1;
}
.wg-a-radio--left .wg-a-radio__container {
  flex-direction: row-reverse;
  padding: 0.5rem 0.875rem 0.5rem 1rem;
}
.wg-a-radio--left .wg-a-radio__container::before {
  margin-right: unset !important;
  margin-left: 8px;
}
.wg-a-radio--left .wg-a-radio__container::after {
  right: 1.0625rem;
  left: unset !important;
}
.wg-a-radio input {
  position: absolute;
  opacity: 0;
  padding: 0.3125rem;
  pointer-events: none;
}
.wg-a-radio--list .wg-a-radio__container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: space-between;
  padding: 12px 16px;
  width: 100%;
  height: 100%;
}
.wg-a-radio--list .wg-a-radio__container:hover {
  background: transparent;
}
.wg-a-radio--list .wg-a-radio__container::before {
  position: absolute;
  right: calc(0.1875rem + 16px);
  left: unset;
  opacity: 0;
  transition: all 0.3s;
  margin-right: unset;
  border: unset;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 0.625rem;
  height: 0.625rem;
}
.wg-a-radio--list .wg-a-radio__container::after {
  position: absolute;
  right: 16px;
  left: unset;
  opacity: 1;
  border: 0.0625rem solid #1d1d1d;
  border-radius: 100%;
  background-color: transparent;
  width: 1rem;
  height: 1rem;
  content: "";
}
.wg-a-radio--list .wg-a-radio__container:has(input:checked)::after {
  border-color: var(--wg-primary);
}
.wg-a-radio--list .wg-a-radio__container:has(input:checked)::before {
  opacity: 1;
}
.wg-a-radio--form {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  box-shadow: 0 0 0 0.0625rem #d4d6d8;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 1rem;
  overflow: hidden;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-a-radio--form .wg-a-radio__container {
  position: unset;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-right: unset;
  padding: 0 calc(1rem + 16px) 0 0;
}
.wg-a-radio--form .wg-a-radio__container:hover {
  background: transparent;
}
.wg-a-radio--form .wg-a-radio__container::before {
  position: absolute;
  right: 1rem;
  left: unset;
  margin-right: unset;
  margin-left: 8px;
}
.wg-a-radio--form .wg-a-radio__container::after {
  right: 1.1625rem;
  left: unset;
}
.wg-a-radio--form.wg-a-radio--left {
  flex-direction: row-reverse;
}
.wg-a-radio--form.wg-a-radio--left .wg-a-radio__container {
  padding: 0 0 0 calc(1rem + 16px);
}
.wg-a-radio--form.wg-a-radio--left .wg-a-radio__container::before {
  right: unset;
  left: 1rem;
  margin-right: 8px;
  margin-left: unset;
}
.wg-a-radio--form.wg-a-radio--left .wg-a-radio__container::after {
  right: unset;
  left: 1.1625rem !important;
}

.wg-a-progress {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-a-progress__status {
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-progress__container {
  border-radius: 10px;
  background-color: #ebedf0;
  width: 100%;
  height: 6px;
  overflow: hidden;
}
.wg-a-progress__container-bar {
  transition: width 0.5s ease;
  border-radius: 10px;
  background-color: var(--wg-primary);
  width: 0;
  height: inherit;
}

.wg-a-price {
  display: flex;
  column-gap: 16px;
}
.wg-a-price .wg-a-select {
  width: 150px;
}
.wg-a-price .wg-a-input {
  width: 100px;
}

.wg-a-pin {
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .wg-a-pin {
    gap: 8px;
  }
  .wg-a-pin .wg-a-input.pin {
    border-radius: 10px;
    padding: 0;
    width: 40px;
    height: 40px;
  }
}

.wg-a-notification-indicator {
  position: relative;
  top: 4px;
  animation: notificationPulse 1500ms infinite;
  transition: all 0.3s;
  border-radius: 100%;
  background: #fb4d3d;
  width: 10px;
  height: 10px;
  pointer-events: none;
}
@keyframes notificationPulse {
  0% {
    box-shadow: rgb(253.0606060606, 168.696969697, 160.9393939394) 0 0 0 0;
  }
  75% {
    box-shadow: rgba(251, 77, 61, 0) 0 0 0 8px;
  }
}

.wg-a-multi-language {
  position: relative;
}
.wg-a-multi-language::before {
  position: absolute;
  top: 18px;
  right: 18px;
  pointer-events: none;
  content: "\e90c";
  color: var(--wg-primary);
  font-size: 1.125rem;
  font-family: "iconset";
}
.wg-a-multi-language-inner {
  cursor: pointer;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 16px;
}
.wg-a-multi-language__label {
  color: #76859b;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-multi-language__description {
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-a-multi-language__info {
  margin-top: 4px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

.wg-a-message-builder-button {
  position: relative;
}
.wg-a-message-builder-button::before {
  position: absolute;
  top: 18px;
  right: 18px;
  pointer-events: none;
  content: "\e90c";
  color: var(--wg-primary);
  font-size: 1.125rem;
  font-family: "iconset";
}
.wg-a-message-builder-button-inner {
  cursor: pointer;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 16px;
}
.wg-a-message-builder-button__label {
  color: #76859b;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-message-builder-button__description {
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-a-message-builder-button__info {
  margin-top: 4px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

.wg-a-map-marker__map {
  height: 250px;
}

.wg-layout-notifications:has(.swiper-button-lock) .wg-layout-notifications__item {
  padding: 8px 32px 7px;
}
.wg-layout-notifications__item {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid #d4d6d8;
  background-color: #ffffff;
  padding: 8px 32px 7px 98px;
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.wg-layout-notifications__item-inner {
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  animation: slideInFromTop 1s ease-out forwards;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
}
.wg-layout-notifications__item-icon {
  position: relative;
  top: 1px;
  color: var(--wg-primary);
  font-size: 1.25rem;
}
.wg-layout-notifications__item-content {
  word-break: break-all;
}
.wg-layout-notifications__item-content span {
  color: var(--wg-primary);
}
.wg-layout-notifications__item::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: width 0.3s ease;
  background-color: var(--wg-primary);
  width: var(--progress);
  height: 1px;
  content: "";
}
.wg-layout-notifications__item:is(.danger) {
  border-color: #fedbd8;
  background-color: #ffedec;
}
.wg-layout-notifications__item:is(.danger) .wg-layout-notifications__item-icon {
  color: #fb4d3d;
}
.wg-layout-notifications__item:is(.danger) .wg-layout-notifications__item-content span {
  color: #fb4d3d;
}
.wg-layout-notifications__item:is(.danger) .wg-c-dynamic-item .wg-a-btn-icon {
  color: #fb4d3d;
}
.wg-layout-notifications__item:is(.danger) .wg-c-dynamic-item .wg-a-btn-icon:hover {
  background: #fedbd8;
}
.wg-layout-notifications__buttons {
  display: flex;
  position: absolute;
  top: 50%;
  left: 32px;
  gap: 8px;
  transform: translateY(-50%);
  z-index: 99;
}
.wg-layout-notifications__buttons .swiper-button {
  position: static;
  transition: all 0.3s;
  margin-top: 0;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  border-radius: 100%;
  background: #ffffff;
  width: 24px;
  height: 24px;
}
.wg-layout-notifications__buttons .swiper-button-prev::after, .wg-layout-notifications__buttons .swiper-button-next::after {
  color: #1d1d1d;
  font-size: 0.875rem;
  font-family: "iconset";
}
.wg-layout-notifications__buttons .swiper-button-prev::after {
  content: "\e932";
}
.wg-layout-notifications__buttons .swiper-button-next::after {
  content: "\e933";
}

.wg-a-input {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  gap: 1rem;
  border: 1px solid #d4d6d8;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 0 1rem;
  height: unset;
  overflow: hidden;
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-input:focus-within {
  box-shadow: 0 1px var(--wg-primary), 0 0 0 0.0625rem transparent;
}
.wg-a-input:has(input:is(:disabled)) {
  background-color: #f6f6f7;
}
.wg-a-input.sm input {
  padding: 7px 0px;
}
.wg-a-input.sm:has([type=time], [type=date], [type=datetime-local]) input {
  padding: 6px 0px;
}
.wg-a-input.sm label {
  display: none;
}
.wg-a-input label {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  transition: all 0.3s;
  pointer-events: none;
}
.wg-a-input input {
  outline: 0;
  border: 0;
  background-color: transparent;
  padding: 25px 0 9px;
  width: 100%;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.25rem;
}
.wg-a-input input[type=color] {
  -webkit-appearance: none;
  border: none;
  height: 54px;
}
.wg-a-input input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.wg-a-input input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 6px;
}
.wg-a-input input[type=time], .wg-a-input input[type=date], .wg-a-input input[type=datetime-local] {
  position: relative;
}
.wg-a-input input[type=time]::-webkit-calendar-picker-indicator, .wg-a-input input[type=date]::-webkit-calendar-picker-indicator, .wg-a-input input[type=datetime-local]::-webkit-calendar-picker-indicator {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: transparent;
  width: 100%;
  height: 100%;
}
.wg-a-input input[type=number]::-webkit-outer-spin-button, .wg-a-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wg-a-input input:disabled {
  cursor: no-drop;
  background-color: #f6f6f7;
}
.wg-a-input input:focus + label {
  color: var(--wg-primary);
}
.wg-a-input input:focus + label, .wg-a-input input:not(:placeholder-shown) + label {
  top: 0.625rem;
  transform: translateY(0);
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-input input::placeholder {
  color: #bac1cc;
}
.wg-a-input i {
  transition: all 0.3s;
  font-size: 1.25rem;
}
.wg-a-input i ~ label {
  left: 3.25rem;
}
.wg-a-input.append input ~ span {
  border-left: 0.0625rem solid #d4d6d8;
  padding-left: 1rem;
}
.wg-a-input.prepend span {
  border-right: 0.0625rem solid #d4d6d8;
  padding-right: 1rem;
}
.wg-a-input.prepend .wg-a-input-inner {
  position: relative;
  width: 100%;
}
.wg-a-input.prepend label {
  left: 0;
}
.wg-a-input.basic:focus-within > i {
  color: var(--wg-primary);
}
.wg-a-input.basic input {
  padding: 11px 16px 11px 0;
  line-height: 1.5rem;
}
.wg-a-input.basic input::placeholder {
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-input.basic.sm input {
  padding: 5px 0px;
}
.wg-a-input.password {
  padding-right: 0;
}
.wg-a-input.password button {
  align-self: normal;
  outline: 0;
  border: 0;
  background: transparent;
  padding: 0 1rem 0 0;
  color: inherit;
  line-height: 0.929;
}
.wg-a-input.password i, .wg-a-input.password button {
  flex-shrink: 0;
}
.wg-a-input.pin {
  width: 60px;
  height: 60px;
}
.wg-a-input.pin input {
  -moz-appearance: textfield;
  padding: 0;
  font-size: 1.25rem;
  text-align: center;
}
.wg-a-input.pin input::-webkit-outer-spin-button, .wg-a-input.pin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wg-a-input.number input::-webkit-outer-spin-button,
.wg-a-input.number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wg-a-input.number .wg-a-input__buttons {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: column;
  border-left: 1px solid #d4d6d8;
  height: 100%;
}
.wg-a-input.number .wg-a-input__buttons button {
  border-radius: 0;
  width: 28px;
  height: 50%;
  line-height: 18px;
}
.wg-a-input.number .wg-a-input__buttons button:first-child {
  border-bottom: 1px solid #d4d6d8;
}
.wg-a-input.number .wg-a-input__buttons button i {
  font-size: 0.75rem;
}
.wg-a-input:has(> .iti) {
  height: 56px;
  overflow: unset;
}
.wg-a-input:has(> .iti).sm {
  height: 32px;
}
.wg-a-input:has(> .iti) .iti {
  width: 100%;
}
.wg-a-input:has(> .iti) .iti .iti--separate-dial-code,
.wg-a-input:has(> .iti) .iti .iti__selected-flag {
  background-color: unset !important;
}
.wg-a-input:is(.wg-a-input--variable) .tagify {
  width: 100%;
}
.wg-a-input:is(.wg-a-input--variable) .tagify--mix, .wg-a-input:is(.wg-a-input--variable) .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  --tags-border-color: transparent;
}
.wg-a-input:is(.wg-a-input--variable) .tagify:is(.wg-a-input:is(.wg-a-input--variable) .tagify--focus) ~ label {
  color: var(--wg-primary);
}
.wg-a-input:is(.wg-a-input--variable) .tagify:is(.wg-a-input:is(.wg-a-input--variable) .tagify--focus) ~ label, .wg-a-input:is(.wg-a-input--variable) .tagify:not(:is(.wg-a-input:is(.wg-a-input--variable) .tagify--empty)) ~ label {
  top: 0.625rem;
  transform: translateY(0);
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__input {
  outline: 0;
  border: 0;
  background-color: transparent;
  padding: 26px 16px 10px 0;
  width: 100%;
  height: 56px;
  resize: none;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.25rem;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag {
  margin: 0;
  border-radius: 8px;
  background: #ebedf0;
  padding: 2px 8px 2px 10px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag:not([label]) {
  background-color: var(--wg-secondary);
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag-text {
  word-break: break-all;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag > div {
  padding: 0 6px 0 0;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag > div::before {
  box-shadow: unset !important;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag__removeBtn {
  flex-shrink: 0;
  margin-right: 0;
  width: unset;
  height: unset;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag__removeBtn::after {
  content: "\ea3c";
  color: #76859b;
  font-size: 0.875rem;
  font-family: "iconset";
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag__removeBtn:hover {
  background: unset;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag__removeBtn:hover + div::before {
  display: none;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag:focus div::before, .wg-a-input:is(.wg-a-input--variable) .tagify__tag:hover:not([readonly]) div::before {
  box-shadow: unset;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) {
  opacity: 0.5;
}
.wg-a-input:is(.wg-a-input--variable) .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  box-shadow: unset !important;
}
.wg-a-input:is(.wg-a-input--variable) .tagify:has(.tagify__tag) .tagify__input {
  padding: 24px 16px 8px 0;
}
.wg-a-input input:not(:placeholder-shown) ~ .wg-a-input__keyboard {
  display: none;
}
.wg-a-input__keyboard {
  display: flex;
  align-items: center;
  gap: 2px;
  line-height: 1;
}
.wg-a-input__keyboard kbd {
  display: inline-block;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #76859b;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 2px 4px;
  color: #76859b;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  white-space: nowrap;
}

body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown {
  border: none;
  border-radius: 0.75rem;
  font-family: "Satoshi", sans-serif;
}
body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown[position=text] {
  box-shadow: 0 0 0.5rem rgba(29, 29, 29, 0.1);
  font-size: 0.875rem;
}
body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper {
  box-shadow: none;
  border: none;
  background: #ffffff;
  padding: 0.5rem;
}
body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown__item {
  transition: all 0.3s;
  margin: 0;
  border-radius: 12px;
  background: transparent;
  padding: 6px 12px;
  color: #1d1d1d;
  font-weight: 700;
}
body:has(.wg-a-input--variable .tagify[aria-expanded=true]) .tagify__dropdown__item--active {
  color: var(--wg-primary);
}

.wg-a-image {
  --image-size-default: 88px;
  display: block;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #f6f6f7;
  overflow: hidden;
}
.wg-a-image[href="#"], .wg-a-image:has(.has-error) {
  pointer-events: none;
}
.wg-a-image::before {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  inset: 0;
  content: "\e99d";
  color: #76859b;
  font-size: 1.5rem;
  font-family: "iconset";
}
.wg-a-image--box {
  aspect-ratio: 1;
  width: var(--image-size);
}
.wg-a-image--portrait {
  aspect-ratio: 1/1.5;
  width: var(--image-size);
}
.wg-a-image img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}
.wg-a-image:not(:has(.has-error)) img {
  background: #ffffff;
}

.wg-a-html {
  height: 100%;
}

.wg-a-form-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-a-form-card .wg-form-item {
  width: 100%;
}
.wg-a-form-card__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-a-form-card__items:not(:has(.wg-a-switch)) {
  overflow: hidden;
}

.wg-a-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: auto;
  padding: 0 16px;
  max-width: 50%;
}
.wg-a-empty.full-width {
  max-width: 100%;
}
.wg-a-empty__icon {
  display: inline-flex;
  justify-content: center;
  border-radius: 50%;
  background: var(--wg-primary--90);
  width: 72px;
  height: 72px;
  color: var(--wg-primary);
  line-height: 72px;
}
.wg-a-empty__icon i {
  font-size: 2.5rem;
}
.wg-a-empty__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
}
.wg-a-empty__content__title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-a-empty__content__text {
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-a-empty.ghost .wg-a-empty__icon {
  background: #f6f6f7;
  color: #76859b;
}
.wg-a-empty.red .wg-a-empty__icon {
  background: #ffedec;
  color: #fb4d3d;
}
.wg-a-empty.green .wg-a-empty__icon {
  background: #e9f9f0;
  color: #1abb68;
}
.wg-a-empty.blue .wg-a-empty__icon {
  background: #e8f5fc;
  color: #1b98e0;
}
.wg-a-empty.sm {
  gap: 16px;
}
.wg-a-empty.sm .wg-a-empty__icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.wg-a-empty.sm .wg-a-empty__icon i {
  font-size: 1.5rem;
}
.wg-a-empty.sm .wg-a-empty__content__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.wg-a-empty.sm .wg-a-empty__button .wg-a-btn {
  border-radius: 1.125rem;
  padding: 0.1875rem 1rem;
}
.wg-a-empty.xs {
  gap: 8px;
}
.wg-a-empty.xs .wg-a-empty__icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.wg-a-empty.xs .wg-a-empty__icon i {
  font-size: 1.25rem;
}
.wg-a-empty.xs .wg-a-empty__content__title {
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-a-empty.xs .wg-a-empty__content__text {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.wg-a-empty.xs .wg-a-empty__button .wg-a-btn {
  border-radius: 1.125rem;
  padding: 0.3125rem 1rem;
}

:root {
  --ck-color-focus-border: #eadffe !important;
  --ck-color-focus-outer-shadow: #e3d4fd !important;
  --ck-color-button-on-hover-background: #e3d4fd !important;
  --ck-color-button-on-background: #f1e9fe !important;
  --ck-color-button-on-color: #7227f4 !important;
  --ck-color-base-text: #1d1d1d !important;
  --ck-color-button-default-hover-background: #f6f6f7 !important;
  --ck-color-shadow-inner: transparent !important;
  --ck-border-radius: 6px !important;
  --ck-color-engine-placeholder-text: #76859b !important;
}

.ck.ck-toolbar {
  border: 1px solid #d4d6d8 !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 6px !important;
}
.ck.ck-editor__editable {
  border: 1px solid #d4d6d8 !important;
  border-radius: 0 0 12px 12px !important;
  padding-right: 24px !important;
  padding-left: 16px !important;
  font-size: 0.875rem !important;
}
.ck.ck-sticky-panel__content {
  border: none !important;
}
.ck.ck-content {
  transition: height 0.3s ease-in-out;
  border-top: none !important;
  height: var(--base-height);
}
.ck.ck-content::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.ck.ck-content::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.ck.ck-content::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.ck.ck-content hr {
  opacity: 0.25;
  margin: 1rem 0;
  border: 0;
  border-top: #e5e5e5 solid;
  color: inherit;
}
.ck.ck-content h6,
.ck.ck-content .h6,
.ck.ck-content h5,
.ck.ck-content .h5,
.ck.ck-content h4,
.ck.ck-content .h4,
.ck.ck-content h3,
.ck.ck-content .h3,
.ck.ck-content h2,
.ck.ck-content .h2,
.ck.ck-content h1,
.ck.ck-content .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.2;
}
.ck.ck-content h1,
.ck.ck-content .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
.ck.ck-content h2,
.ck.ck-content .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
.ck.ck-content h3,
.ck.ck-content .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
.ck.ck-content h4,
.ck.ck-content .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
.ck.ck-content h5,
.ck.ck-content .h5 {
  font-size: 1.25rem;
}
.ck.ck-content h6,
.ck.ck-content .h6 {
  font-size: 1rem;
}
.ck.ck-content p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.ck.ck-content ol,
.ck.ck-content ul {
  padding-left: 2rem;
}
.ck.ck-content ol,
.ck.ck-content ul,
.ck.ck-content dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
.ck.ck-content ol ol,
.ck.ck-content ul ul,
.ck.ck-content ol ul,
.ck.ck-content ul ol {
  margin-bottom: 0;
}
.ck.ck-content dt {
  font-weight: 700;
}
.ck.ck-content dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
.ck.ck-content blockquote {
  margin: 0 0 1rem;
}
.ck.ck-content b,
.ck.ck-content strong {
  font-weight: 700;
}
.ck.ck-content small,
.ck.ck-content .small {
  font-size: 0.875em;
}
.ck.ck-content mark,
.ck.ck-content .mark {
  padding: 0.1875em;
}
.ck.ck-content sub,
.ck.ck-content sup {
  position: relative;
  vertical-align: baseline;
  font-size: 0.75em;
  line-height: 0;
}
.ck.ck-content sub {
  bottom: -0.25em;
}
.ck.ck-content sup {
  top: -0.5em;
}
.ck.ck-content a {
  color: #7227f4;
  text-decoration: underline;
}
.ck.ck-content a:hover {
  color: #5b1fc3;
}
.ck.ck-content a:not([href]):not([class]),
.ck.ck-content a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
.ck.ck-content pre,
.ck.ck-content code,
.ck.ck-content kbd,
.ck.ck-content samp {
  font-size: 1em;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
.ck.ck-content pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
.ck.ck-content pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}
.ck.ck-content code {
  font-size: 0.875em;
  word-wrap: break-word;
}
.ck.ck-content a > code {
  color: inherit;
}
.ck.ck-content kbd {
  border-radius: 0.25rem;
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
}
.ck.ck-content kbd kbd {
  padding: 0;
  font-size: 1em;
}
.ck.ck-content figure {
  margin: 0 0 1rem;
}
.ck.ck-content img,
.ck.ck-content svg {
  vertical-align: middle;
}
.ck.ck-content table {
  border-collapse: collapse;
  caption-side: bottom;
}
.ck.ck-content caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}
.ck.ck-content th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
.ck.ck-content thead,
.ck.ck-content tbody,
.ck.ck-content tfoot,
.ck.ck-content tr,
.ck.ck-content td,
.ck.ck-content th {
  border-width: 0;
  border-style: solid;
  border-color: inherit;
}
.ck.ck-dropdown__panel_sw {
  box-shadow: 0rem 0rem 0.5rem rgba(29, 29, 29, 0.1) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
}
.ck.ck-dropdown__panel_sw .ck.ck-toolbar {
  border-radius: 12px !important;
}
.ck.ck-powered-by {
  display: none !important;
}
.ck.ck-balloon-panel_visible, .ck.ck-balloon-panel:not(.ck-toolbar-container) {
  z-index: 100004 !important;
}
.ck-editor:has(.ck-sticky-panel__content_sticky) .ck-toolbar {
  border-radius: 0 !important;
}

.wg-a-editor {
  --base-height-default: 200px;
  --expanded-height-default: 400px;
  position: relative;
  min-height: calc(var(--base-height) + 52px);
}
.wg-a-editor.expanded .ck-content {
  transition: height 0.3s ease-in-out;
  height: var(--expanded-height);
}
.wg-a-editor .wgjs-expansion-toggle {
  position: absolute;
  right: 14px;
  bottom: 12px;
  background-color: var(--wg-primary--90) !important;
  width: 20px;
  height: 20px;
}
.wg-a-editor .wgjs-expansion-toggle i {
  font-size: 12px;
}
.wg-a-editor:is(.nx-block-temporary-position) {
  height: 210px;
}

.wg-dropzone-overlay-wrapper {
  position: relative;
}
.wg-dropzone-overlay-uploader {
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
  z-index: 6030;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: 0.2s ease;
  transition: all 0.3s;
  border: 2px dashed var(--wg-primary);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.2);
  width: calc(100% - 32px);
  height: calc(100% - 32px);
}
.wg-dropzone-overlay-uploader.is-active {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
.wg-dropzone-overlay__icon {
  color: var(--wg-primary);
  font-size: 3rem;
  line-height: 1;
}
.wg-dropzone-overlay__title {
  margin-top: 4px;
  color: #1d1d1d;
  font-size: 1rem;
  line-height: 1.5rem;
}

.wg-a-dropzone {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wg-a-dropzone__uploader {
  transition: all 0.3s;
  cursor: pointer;
  border: 2px dashed #d4d6d8;
  border-radius: 12px;
  background: #ffffff;
}
.wg-a-dropzone__uploader:hover {
  border-color: #bac1cc;
}
.wg-a-dropzone__uploader.dz-drag-hover {
  border-color: var(--wg-primary);
}
.wg-a-dropzone__uploader .wg-a-dropzone__header,
.wg-a-dropzone__uploader .wg-a-dropzone__body {
  pointer-events: none;
  user-select: none;
}
.wg-a-dropzone--base .wg-a-dropzone__uploader {
  padding: 16px 32px;
  text-align: center;
}
.wg-a-dropzone--base .wg-a-dropzone__icon {
  color: var(--wg-primary);
  font-size: 2.25rem;
  line-height: 1;
}
.wg-a-dropzone--base .wg-a-dropzone__title {
  margin-top: 2px;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-a-dropzone--base .wg-a-dropzone__body {
  margin-top: 3px;
}
.wg-a-dropzone--base .wg-a-dropzone__description {
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.wg-a-dropzone--input .wg-a-dropzone__uploader {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 9px 16px;
}
.wg-a-dropzone--input .wg-a-dropzone__icon {
  position: relative;
  top: 1px;
  color: var(--wg-primary);
  font-size: 1.25rem;
}
.wg-a-dropzone--input .wg-a-dropzone__description {
  color: #76859b;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-dropzone--input .wg-a-dropzone__title {
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-a-dropzone__preview:not(:has(.swiper)) {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  border-radius: 6px;
}
.wg-a-dropzone__preview:not(:has(.wg-a-dropzone__preview-item)) {
  display: none;
}
.wg-a-dropzone__preview-item {
  animation: showPreview 0.5s 1;
}
@keyframes showPreview {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.wg-a-dropzone-preview--base .wg-a-dropzone__preview-item, .wg-a-dropzone-preview--carousel .wg-a-dropzone__preview-item {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  border: 1px solid #ebedf0;
  border-radius: 8px;
  width: 120px;
  height: 120px;
  overflow: hidden;
  color: #bac1cc;
  font-size: 3rem;
}
.wg-a-dropzone-preview--base .wg-a-dropzone__preview-item.dz-image-preview img, .wg-a-dropzone-preview--carousel .wg-a-dropzone__preview-item.dz-image-preview img {
  border-radius: 8px;
  aspect-ratio: 1;
  width: 120px;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  user-select: none;
}
.wg-a-dropzone-preview--base .wg-a-dropzone__preview-item__remove, .wg-a-dropzone-preview--carousel .wg-a-dropzone__preview-item__remove {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  border-radius: 100%;
  background: #fb4d3d;
  width: 20px;
  height: 20px;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 20px;
  text-align: center;
}
.wg-a-dropzone-preview--base .wg-a-dropzone__preview-icon, .wg-a-dropzone-preview--carousel .wg-a-dropzone__preview-icon {
  position: absolute;
}
.wg-a-dropzone-preview--carousel .swiper-wrapper {
  padding: 1px;
}
.wg-a-dropzone-preview--carousel .swiper-button {
  transition: all 0.3s;
  margin-top: -12px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  border-radius: 100%;
  background: #ffffff;
  width: 32px;
  height: 32px;
}
.wg-a-dropzone-preview--carousel .swiper-button-prev::after, .wg-a-dropzone-preview--carousel .swiper-button-next::after {
  color: #1d1d1d;
  font-size: 0.875rem;
  font-family: "iconset";
}
.wg-a-dropzone-preview--carousel .swiper-button-prev.swiper-button-disabled {
  transform: translateX(calc(-100% - 32px));
}
.wg-a-dropzone-preview--carousel .swiper-button-prev::after {
  content: "\e932";
}
.wg-a-dropzone-preview--carousel .swiper-button-next.swiper-button-disabled {
  transform: translateX(calc(100% + 32px));
}
.wg-a-dropzone-preview--carousel .swiper-button-next::after {
  content: "\e933";
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  padding-right: 12px;
  width: 100%;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__content {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 9px 16px;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__icon {
  position: relative;
  top: 1px;
  color: var(--wg-primary);
  font-size: 1.25rem;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-all;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__description {
  margin-top: 2px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__action {
  display: flex;
  gap: 2px;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__action a {
  display: block;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__view {
  color: #1d1d1d;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__view:hover {
  background: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__remove {
  color: #1d1d1d;
}
.wg-a-dropzone-preview--list .wg-a-dropzone__preview-item__remove:hover {
  background: #ffedec;
  color: #fb4d3d;
}
@media (max-width: 991px) {
  .wg-a-dropzone-preview--base .wg-a-dropzone__preview:not(:has(.swiper)) {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .wg-a-dropzone-preview--base .wg-a-dropzone__preview:not(:has(.swiper)) .wg-a-dropzone__preview-item {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
  }
  .wg-a-dropzone-preview--base .wg-a-dropzone__preview:not(:has(.swiper)) .wg-a-dropzone__preview-item img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .wg-a-dropzone-preview--base .wg-a-dropzone__preview:not(:has(.swiper)) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .wg-a-dropzone-preview--base .wg-a-dropzone__preview:not(:has(.swiper)) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wg-a-drawer-wrapper {
  position: absolute;
  z-index: 9999;
}
.wg-a-drawer-wrapper:has(.nx-block-temporary-position) {
  z-index: 10001;
}
.wg-a-drawer-wrapper__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: all 0.2s;
  background-color: #1d1d1d;
}
.wg-a-drawer-wrapper__overlay--active {
  visibility: visible;
  opacity: 0.75;
}

.wg-a-drawer {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  flex-direction: column;
  transform: translateX(100%);
  z-index: 0;
  transition: transform 0.2s, width 0.2s, box-shadow 0.3s ease;
  box-shadow: none;
  background-color: #ffffff;
  width: 520px;
  height: 100%;
}
.wg-a-drawer:last-child {
  z-index: 2;
}
.wg-a-drawer--active {
  transform: translateX(0);
  box-shadow: 0 0 8rem 6rem rgba(0, 0, 0, 0.1);
}
.wg-a-drawer--sub .wg-a-drawer-header__title {
  cursor: pointer;
}
.wg-a-drawer--sub .wg-a-drawer-header__title .wg-a-composite-title i {
  color: var(--wg-secondary) !important;
}
.wg-a-drawer--sub .wg-a-drawer-header__title .wg-a-composite-title i::before {
  content: "\e90b" !important;
}
.wg-a-drawer-header {
  display: flex;
  position: sticky;
  top: 0;
  justify-content: space-between;
  align-items: center;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: transparent;
  background: #ffffff;
  padding: 24px 24px 23px;
}
.wg-a-drawer-header.is-sticky {
  border-color: #ebedf0;
}
.wg-a-drawer-header__title .wg-a-composite-title i {
  transition: all 0.3s;
}
.wg-a-drawer-header__title.is-animated {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.wg-a-drawer-header__title.is-animated .wg-a-composite-title i {
  color: var(--wg-primary) !important;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.wg-a-drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.wg-a-drawer-body {
  padding: 1px 24px;
  height: 100%;
  overflow: hidden;
}
.wg-a-drawer:not(:has(.wg-a-drawer-footer)) {
  padding-bottom: 24px;
}
.wg-a-drawer-footer {
  margin-top: auto;
  padding: 24px;
}
.wg-a-drawer.lg {
  width: 792px;
}
.wg-a-drawer.xl {
  width: calc(100% - 415px);
}
.wg-a-drawer.full {
  width: calc(100% - 72px);
}
@media (max-width: 767px) {
  .wg-a-drawer-header {
    padding: 12px 20px;
  }
  .wg-a-drawer-header__title .wg-a-composite-title {
    gap: 8px;
    font-size: 1.125rem;
  }
  .wg-a-drawer-header__title .wg-a-composite-title i {
    font-size: 1rem;
  }
  .wg-a-drawer-body {
    padding-inline: 20px;
  }
  .wg-a-drawer-footer {
    padding: 20px 20px 80px 20px;
  }
}

@media (max-width: 991px) {
  .wg-a-drawer {
    top: unset;
    right: unset;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    width: 100% !important;
  }
  .wg-a-drawer--active {
    transform: translateY(0);
  }
}
body:has(.wg-a-drawer) .select2-dropdown, body:has(.wg-a-drawer) .daterangepicker {
  z-index: 100000;
}
body:has(.wg-a-drawer) .wg-form-wrapper, body:has(.wg-a-drawer) .wg-c-form-v2__wrapper {
  padding: 1px;
}

.daterangepicker {
  border-radius: 16px;
  font-size: 0.875rem;
  font-family: "Satoshi", sans-serif;
}
.daterangepicker-input input:placeholder-shown ~ button {
  display: none;
}
.daterangepicker .drp-calendar.left {
  border-right: 1px solid #d4d6d8;
}
.daterangepicker .drp-buttons .btn {
  align-items: center;
  border-radius: 18px;
  padding: 6px 16px;
  color: var(--wg-primary);
}
.daterangepicker .drp-buttons .btn:focus {
  box-shadow: unset;
}
.daterangepicker .drp-buttons .btn:hover {
  background-color: #f1e9fe;
}
.daterangepicker .drp-buttons .btn.btn-primary {
  border-color: unset;
  background-color: var(--wg-primary);
  color: #ffffff !important;
}
.daterangepicker .drp-buttons .btn.btn-primary:hover {
  background-color: var(--wg-primary-20);
}
.daterangepicker .drp-buttons .btn.btn-primary:focus {
  box-shadow: unset;
}
.daterangepicker .ranges li:hover {
  background-color: #f6f6f7;
}
.daterangepicker .ranges li.active {
  background-color: transparent;
  color: var(--wg-primary);
  font-weight: 700;
}
.daterangepicker th {
  font-weight: 500;
}
.daterangepicker th.month {
  font-size: 0.875rem;
}
.daterangepicker th.next span, .daterangepicker th.prev span {
  border: solid #76859b;
}
.daterangepicker tr td.start-date, .daterangepicker tr td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.daterangepicker tr td.end-date, .daterangepicker tr td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.daterangepicker tr td.in-range.available:not(.off):first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.daterangepicker tr td.in-range.available:not(.off):last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.daterangepicker tr td.in-range {
  background-color: var(--wg-secondary--80);
}
.daterangepicker tr td.active, .daterangepicker tr td.active:hover {
  background-color: var(--wg-primary);
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  position: relative;
  background-color: var(--wg-primary--90);
  font-weight: 700;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  border-radius: 12px;
  padding: 4px;
  width: unset;
}
.daterangepicker-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: all 0.2s;
  background-color: #1d1d1d;
}

@media (max-width: 991px) {
  .show-calendar {
    top: 50% !important;
    left: 50% !important;
    translate: -50% -50%;
    z-index: 99999;
    margin-top: 0;
    width: 90%;
    max-width: 360px;
    max-height: 90%;
    overflow: auto;
  }
  .show-calendar::before, .show-calendar::after {
    content: none;
  }
  .show-calendar:not(:is(.single)) .drp-calendar.left {
    margin-top: 8px;
  }
  .show-calendar:not(:is(.single)) .ranges {
    position: sticky;
    top: 0;
    float: none;
    z-index: 10;
    margin-top: 0;
    border-bottom: 1px solid #d4d6d8;
    border-start-start-radius: 16px;
    border-start-end-radius: 16px;
    background-color: #ffffff;
    padding: 12px;
    overflow-x: auto;
    white-space: nowrap;
  }
  .show-calendar:not(:is(.single)) .ranges ul {
    display: flex;
    gap: 16px;
    width: 100%;
  }
  .show-calendar:not(:is(.single)) .ranges ul li {
    padding: 0;
  }
  .show-calendar:not(:is(.single)) .ranges ul li:last-child {
    padding-right: 8px;
  }
  .show-calendar .drp-calendar {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    padding: 0;
    min-width: 100%;
  }
  .show-calendar .drp-calendar.right {
    margin-top: 8px;
    border-top: 1px solid #d4d6d8 !important;
    padding-top: 8px;
  }
  .show-calendar .drp-calendar .table-condensed {
    table-layout: fixed;
  }
  .show-calendar .drp-calendar .table-condensed td,
  .show-calendar .drp-calendar .table-condensed th {
    width: auto;
  }
  .show-calendar .drp-buttons {
    display: flex;
    position: sticky;
    bottom: 0;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
    background: #ffffff;
    padding: 12px;
    width: 100%;
  }
  .show-calendar .drp-buttons .drp-selected {
    padding-right: 0;
    width: 100%;
    text-align: center;
  }
  .show-calendar .drp-buttons .btn {
    flex: 1;
    margin-left: 0;
  }
  .show-calendar .drp-buttons .cancelBtn {
    background-color: transparent;
    color: #1d1d1d;
  }
  .show-calendar .drp-buttons .cancelBtn:hover, .show-calendar .drp-buttons .cancelBtn:focus {
    border-color: transparent;
    background-color: var(--wg-primary--90);
    color: var(--wg-primary);
  }
  body:has(.show-calendar) .daterangepicker-overlay {
    visibility: visible;
    opacity: 0.4;
  }
}
.wg-c-data-filter {
  flex: 1;
}
.wg-c-data-filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-c-data-filter-group_input:has(.wg-a-input input:placeholder-shown) .wg-a-btn-icon {
  opacity: 0;
  pointer-events: none;
}
.wg-c-data-filter-group_input {
  display: flex;
  flex: 1;
  align-items: center;
  box-shadow: 0 0 0 0.0625rem #d4d6d8;
  border-radius: 12px;
  background-color: #ffffff;
  padding-right: 16px;
}
.wg-c-data-filter-group_input .wg-a-input {
  flex: 1;
  box-shadow: none !important;
  border-radius: 12px 0 0 12px;
}
.wg-c-data-filter-group .wg-a-select {
  width: 166px;
}

.wg-a-content hr {
  opacity: 0.25;
  margin: 1rem 0;
  border: 0;
  border-top: #e5e5e5 solid;
  color: inherit;
}
.wg-a-content h6,
.wg-a-content .h6,
.wg-a-content h5,
.wg-a-content .h5,
.wg-a-content h4,
.wg-a-content .h4,
.wg-a-content h3,
.wg-a-content .h3,
.wg-a-content h2,
.wg-a-content .h2,
.wg-a-content h1,
.wg-a-content .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.2;
}
.wg-a-content h1,
.wg-a-content .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
.wg-a-content h2,
.wg-a-content .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
.wg-a-content h3,
.wg-a-content .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
.wg-a-content h4,
.wg-a-content .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
.wg-a-content h5,
.wg-a-content .h5 {
  font-size: 1.25rem;
}
.wg-a-content h6,
.wg-a-content .h6 {
  font-size: 1rem;
}
.wg-a-content p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.wg-a-content ol {
  list-style: decimal;
}
.wg-a-content ul {
  list-style: disc;
}
.wg-a-content ol,
.wg-a-content ul {
  padding-left: 2rem;
}
.wg-a-content ol,
.wg-a-content ul,
.wg-a-content dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
.wg-a-content ol ol,
.wg-a-content ul ul,
.wg-a-content ol ul,
.wg-a-content ul ol {
  margin-bottom: 0;
}
.wg-a-content dt {
  font-weight: 700;
}
.wg-a-content dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
.wg-a-content blockquote {
  margin: 0 0 1rem;
}
.wg-a-content b,
.wg-a-content strong {
  font-weight: 700;
}
.wg-a-content small,
.wg-a-content .small {
  font-size: 0.875em;
}
.wg-a-content mark,
.wg-a-content .mark {
  padding: 0.1875em;
}
.wg-a-content sub,
.wg-a-content sup {
  position: relative;
  vertical-align: baseline;
  font-size: 0.75em;
  line-height: 0;
}
.wg-a-content sub {
  bottom: -0.25em;
}
.wg-a-content sup {
  top: -0.5em;
}
.wg-a-content a {
  color: #7227f4;
  text-decoration: underline;
}
.wg-a-content a:hover {
  color: #5b1fc3;
}
.wg-a-content a:not([href]):not([class]),
.wg-a-content a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
.wg-a-content pre,
.wg-a-content code,
.wg-a-content kbd,
.wg-a-content samp {
  font-size: 1em;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
.wg-a-content pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
.wg-a-content pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}
.wg-a-content code {
  font-size: 0.875em;
  word-wrap: break-word;
}
.wg-a-content a > code {
  color: inherit;
}
.wg-a-content kbd {
  border-radius: 0.25rem;
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
}
.wg-a-content kbd kbd {
  padding: 0;
  font-size: 1em;
}
.wg-a-content figure {
  margin: 0 0 1rem;
}
.wg-a-content img,
.wg-a-content svg {
  vertical-align: middle;
}
.wg-a-content table {
  border-collapse: collapse;
  caption-side: bottom;
}
.wg-a-content caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}
.wg-a-content th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
.wg-a-content thead,
.wg-a-content tbody,
.wg-a-content tfoot,
.wg-a-content tr,
.wg-a-content td,
.wg-a-content th {
  border-width: 0;
  border-style: solid;
  border-color: inherit;
}

.wg-a-code-editor {
  height: 100%;
  min-height: 500px;
}
.wg-a-code-editor .wg-a-code-editor__editor {
  height: inherit;
  min-height: inherit;
}

.wg-a-checkbox-tri {
  display: inline-flex;
  position: relative;
  align-items: center;
  align-self: flex-start;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 0.75rem;
  padding: 0.5rem 1rem 0.5rem 0.875rem;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
  user-select: none;
}
.wg-a-checkbox-tri:hover {
  background: var(--wg-primary--90);
}
.wg-a-checkbox-tri::before, .wg-a-checkbox-tri::after {
  pointer-events: none;
}
.wg-a-checkbox-tri::before {
  transition: all 0.3s;
  margin-right: 8px;
  border: 1px solid #1d1d1d;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  content: "";
}
.wg-a-checkbox-tri::after {
  position: absolute;
  top: 8px;
  left: 16px;
  opacity: 0;
  color: #ffffff;
  font-size: 0.75rem;
  font-family: "iconset";
}
.wg-a-checkbox-tri label {
  cursor: pointer;
}
.wg-a-checkbox-tri label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.wg-a-checkbox-tri input {
  position: absolute;
  opacity: 0;
  padding: 0.3125rem;
  pointer-events: none;
}
.wg-a-checkbox-tri input:not(:checked) + label {
  display: none;
}
.wg-a-checkbox-tri input[value=notchecked] + label {
  color: #76859b;
  text-decoration: line-through;
}
.wg-a-checkbox-tri:has(:checked[value=checked], :checked[value=notchecked])::before {
  border-color: var(--wg-primary);
  background: var(--wg-primary);
}
.wg-a-checkbox-tri:has(:checked[value=checked], :checked[value=notchecked])::after {
  opacity: 1;
}
.wg-a-checkbox-tri:has(:checked[value=checked])::after {
  content: "\e940";
}
.wg-a-checkbox-tri:has(:checked[value=notchecked])::after {
  content: "\ea3c";
}
.wg-a-checkbox-tri:not(:has(:checked)) [value=unchecked] + label {
  display: block;
}

.wg-a-checkbox {
  cursor: pointer;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
  user-select: none;
}
.wg-a-checkbox__container {
  display: inline-flex;
  position: relative;
  align-items: center;
  transition: all 0.3s;
  border-radius: 0.75rem;
  padding: 0.5rem 1rem 0.5rem 0.875rem;
}
.wg-a-checkbox__container:hover {
  transition: all 0.3s;
  background: var(--wg-primary--90);
}
.wg-a-checkbox__container::before {
  flex-shrink: 0;
  transition: all 0.3s;
  margin-right: 8px;
  border: 1px solid #1d1d1d;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  content: "";
}
.wg-a-checkbox__container::after {
  display: flex;
  position: absolute;
  top: 0;
  left: 16px;
  align-items: center;
  opacity: 0;
  height: 100%;
  content: "\e940";
  color: #ffffff;
  font-size: 0.75rem;
  font-family: "iconset";
}
.wg-a-checkbox__container:has(input:checked, input:indeterminate)::before {
  border-color: var(--wg-primary);
  background: var(--wg-primary);
}
.wg-a-checkbox__container:has(input:checked, input:indeterminate)::after {
  opacity: 1;
}
.wg-a-checkbox__container:has(input:indeterminate)::after {
  content: "\e9bf";
}
.wg-a-checkbox__container input {
  position: absolute;
  opacity: 0;
  padding: 0.3125rem;
  pointer-events: none;
}
.wg-a-checkbox__container:has(:disabled) {
  opacity: 0.5;
  cursor: no-drop;
}
.wg-a-checkbox--left .wg-a-checkbox__container {
  flex-direction: row-reverse;
  padding: 0.5rem 0.875rem 0.5rem 1rem;
}
.wg-a-checkbox--left .wg-a-checkbox__container::before {
  margin-right: unset !important;
  margin-left: 8px;
}
.wg-a-checkbox--left .wg-a-checkbox__container::after {
  right: 16px;
  left: unset !important;
}
.wg-a-checkbox--list .wg-a-checkbox__container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: space-between;
  padding: 12px 16px;
  width: 100%;
  height: 100%;
}
.wg-a-checkbox--list .wg-a-checkbox__container:hover {
  background: transparent;
}
.wg-a-checkbox--list .wg-a-checkbox__container::before {
  position: absolute;
  right: 16px;
  left: unset;
  margin-right: unset;
}
.wg-a-checkbox--list .wg-a-checkbox__container::after {
  top: unset;
  right: calc(0.1275rem + 16px);
  left: unset;
}
.wg-a-checkbox--form {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 0 0 0.0625rem #d4d6d8;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 1rem;
  overflow: hidden;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-a-checkbox--form .wg-a-checkbox__container {
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 1rem;
  padding: 0;
  width: 100%;
}
.wg-a-checkbox--form .wg-a-checkbox__container:hover {
  background: transparent;
}
.wg-a-checkbox--form .wg-a-checkbox__container:before {
  margin-right: unset;
}
.wg-a-checkbox--form .wg-a-checkbox__container:after {
  top: unset;
  right: 2px;
  left: unset !important;
}
.wg-a-checkbox--form.wg-a-checkbox--left .wg-a-checkbox__container {
  flex-direction: unset;
}
.wg-a-checkbox--form.wg-a-checkbox--left .wg-a-checkbox__container:before {
  margin-right: 8px;
  margin-left: unset;
}
.wg-a-checkbox--form.wg-a-checkbox--left .wg-a-checkbox__container:after {
  right: unset;
  left: 2px !important;
}
.wg-a-checkbox--badge .wg-a-checkbox__container {
  background: #ebedf0;
  padding: 6px 12px;
  color: #76859b;
}
.wg-a-checkbox--badge .wg-a-checkbox__container:hover {
  color: #1d1d1d;
}
.wg-a-checkbox--badge .wg-a-checkbox__container::before, .wg-a-checkbox--badge .wg-a-checkbox__container::after {
  display: none;
}
.wg-a-checkbox--badge .wg-a-checkbox__container:has(input:checked) {
  background: #f1e9fe;
  color: #7227f4;
}

:root {
  --fc-small-font-size: 0.85em;
  --fc-page-bg-color: var(--wg-white);
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: var(--wg-gray-20);
  --fc-border-color: var(--wg-gray--80);
  --fc-button-text-color: var(--wg-black);
  --fc-button-bg-color: transparent;
  --fc-button-border-color: transparent;
  --fc-button-hover-bg-color: var(--wg-primary--85);
  --fc-button-hover-border-color: transparent;
  --fc-button-active-bg-color: var(--wg-primary--85);
  --fc-button-active-border-color: transparent;
  --fc-event-bg-color: var(--wg-primary);
  --fc-event-border-color: var(--wg-primary);
  --fc-event-text-color: var(--wg-white);
  --fc-event-selected-overlay-color: rgb(255, 0, 0);
  --fc-more-link-bg-color: var(--wg-gray-20);
  --fc-more-link-text-color: inherit;
  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;
  --fc-non-business-color: rgba(255, 0, 0, 0.1);
  --fc-weekend-color: rgba(215, 215, 215, 0.2);
  --fc-bg-event-color: rgb(250, 131, 52);
  --fc-bg-event-opacity: 0.2;
  --fc-highlight-color: rgba(114, 39, 244, 0.1);
  --fc-today-bg-color: var(--white);
  --fc-now-indicator-color: var(--wg-red);
}

.wg-a-calendar {
  font-size: 0.875rem;
}
.wg-a-calendar a {
  color: #1d1d1d;
}
.wg-a-calendar-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.wg-a-calendar-toolbar__left, .wg-a-calendar-toolbar__right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wg-a-calendar-toolbar__title {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.wg-a-calendar-toolbar__view {
  width: 96px;
}
.wg-a-calendar-toolbar__view.wg-a-select .select2-selection--single {
  padding-block: 5px !important;
}
.wg-a-calendar-footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}
.wg-a-calendar-footer-bar__left, .wg-a-calendar-footer-bar__right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wg-a-calendar-footer-bar--has-bottom-border {
  border-bottom: 1px dashed #ebedf0;
  padding-bottom: 16px;
}
.wg-a-calendar .fc-col-header-cell {
  padding-block: 7px;
}
.wg-a-calendar .fc-daygrid-day-number {
  display: grid;
  place-items: center;
  margin: 3px 2px 2px;
  padding: 0;
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
  line-height: 22px;
}
.wg-a-calendar .fc-daygrid-dot-event:hover {
  background: #ebedf0;
}
.wg-a-calendar .fc-daygrid-event {
  border-radius: 20px;
  padding-left: 6px;
}
.wg-a-calendar .fc-day-today .fc-daygrid-day-number {
  border: 1px solid #7227f4;
  border-radius: 100%;
  color: #7227f4;
  font-weight: 700;
}
.wg-a-calendar .fc-past-day .fc-daygrid-day-top {
  opacity: 0.3;
}
.wg-a-calendar .fc-past-day .fc-daygrid-day-bg {
  display: none;
}
.wg-a-calendar .fc-weekend {
  background: var(--fc-weekend-color);
}
.wg-a-calendar .fc-view.fc-daygrid .fc-scrollgrid-section > td, .wg-a-calendar .fc-view.fc-timegrid .fc-scrollgrid-section > td {
  border-radius: 0px 0px 8px 8px !important;
}
.wg-a-calendar .fc-view.fc-daygrid .fc-scrollgrid-section > th, .wg-a-calendar .fc-view.fc-timegrid .fc-scrollgrid-section > th {
  border-radius: 8px 8px 0px 0px !important;
}
.wg-a-calendar .fc-view.fc-daygrid .fc-scrollgrid, .wg-a-calendar .fc-view.fc-timegrid .fc-scrollgrid {
  border-radius: 8px !important;
}
.wg-a-calendar .fc-view.fc-list {
  border-radius: 8px;
}
.wg-a-calendar .fc-view.fc-list .fc-list-table tbody tr:first-child th,
.wg-a-calendar .fc-view.fc-list .fc-list-table tbody tr:first-child .fc-list-day-cushion {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.wg-a-calendar .fc-view.fc-multimonth {
  border-radius: 8px;
}

.wg-a-btn, .wg-a-btn-icon {
  grid-gap: 0.375rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  border: 0.0625rem solid transparent;
  border-radius: 1.125rem;
  background-color: var(--wg-primary);
  padding: 0.3125rem 1rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5rem;
  user-select: none;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.wg-a-btn__text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-a-btn__text-keyboard {
  line-height: 1;
}
.wg-a-btn__text-keyboard kbd {
  display: inline-block;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 2px 4px;
  color: #7227f4;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  white-space: nowrap;
}
.wg-a-btn:hover, .wg-a-btn-icon:hover, .wg-a-btn:focus, .wg-a-btn-icon:focus {
  background-color: var(--wg-primary-20);
  color: #ffffff;
}
.wg-a-btn:disabled, .wg-a-btn-icon:disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.wg-a-btn i, .wg-a-btn-icon i {
  pointer-events: none;
  font-size: 1.25rem;
}
.wg-a-btn.sm, .sm.wg-a-btn-icon {
  padding: 0.1875rem 1rem;
  font-size: 0.75rem;
}
.wg-a-btn.sm i, .sm.wg-a-btn-icon i {
  font-size: 1rem;
}
.wg-a-btn.sm kbd, .sm.wg-a-btn-icon kbd {
  font-size: 12px;
}
.wg-a-btn.lg, .lg.wg-a-btn-icon {
  border-radius: 1.5rem;
  padding: 0.6875rem 1.5rem;
}
.wg-a-btn.full, .full.wg-a-btn-icon {
  width: 100%;
}
.wg-a-btn.primary-outline, .primary-outline.wg-a-btn-icon {
  border-color: var(--wg-primary);
  background-color: transparent;
  color: var(--wg-primary);
}
.wg-a-btn.primary-outline:hover, .primary-outline.wg-a-btn-icon:hover, .wg-a-btn.primary-outline:focus, .primary-outline.wg-a-btn-icon:focus, .wg-a-btn.primary-outline.wg-button--active, .primary-outline.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: var(--wg-primary--90);
}
.wg-a-btn.primary-outline kbd, .primary-outline.wg-a-btn-icon kbd {
  border: 1px solid var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn.primary-ghost, .primary-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: var(--wg-primary);
}
.wg-a-btn.primary-ghost kbd, .primary-ghost.wg-a-btn-icon kbd {
  border: 1px solid var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn.primary-ghost:hover, .primary-ghost.wg-a-btn-icon:hover, .wg-a-btn.primary-ghost:focus, .primary-ghost.wg-a-btn-icon:focus, .wg-a-btn.primary-ghost.wg-button--active, .primary-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: var(--wg-primary--90);
}
.wg-a-btn.gray, .gray.wg-a-btn-icon {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-a-btn.gray kbd, .gray.wg-a-btn-icon kbd {
  border: 1px solid #f6f6f7;
  color: #1d1d1d;
}
.wg-a-btn.gray:hover, .gray.wg-a-btn-icon:hover, .wg-a-btn.gray:focus, .gray.wg-a-btn-icon:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-btn.gray:hover kbd, .gray.wg-a-btn-icon:hover kbd, .wg-a-btn.gray:focus kbd, .gray.wg-a-btn-icon:focus kbd {
  color: var(--wg-primary);
}
.wg-a-btn.gray-outline, .gray-outline.wg-a-btn-icon {
  border-color: #1d1d1d;
  background-color: transparent;
  color: #1d1d1d;
}
.wg-a-btn.gray-outline kbd, .gray-outline.wg-a-btn-icon kbd {
  border: 1px solid #1d1d1d;
  color: #1d1d1d;
}
.wg-a-btn.gray-outline:hover, .gray-outline.wg-a-btn-icon:hover, .wg-a-btn.gray-outline:focus, .gray-outline.wg-a-btn-icon:focus, .wg-a-btn.gray-outline.wg-button--active, .gray-outline.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-btn.gray-outline:hover kbd, .gray-outline.wg-a-btn-icon:hover kbd, .wg-a-btn.gray-outline:focus kbd, .gray-outline.wg-a-btn-icon:focus kbd, .wg-a-btn.gray-outline.wg-button--active kbd, .gray-outline.wg-button--active.wg-a-btn-icon kbd {
  border-color: var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn.gray-ghost, .gray-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #1d1d1d;
}
.wg-a-btn.gray-ghost kbd, .gray-ghost.wg-a-btn-icon kbd {
  border: 1px solid #1d1d1d;
  color: #1d1d1d;
}
.wg-a-btn.gray-ghost:hover, .gray-ghost.wg-a-btn-icon:hover, .wg-a-btn.gray-ghost:focus, .gray-ghost.wg-a-btn-icon:focus, .wg-a-btn.gray-ghost.wg-button--active, .gray-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-btn.gray-ghost:hover kbd, .gray-ghost.wg-a-btn-icon:hover kbd, .wg-a-btn.gray-ghost:focus kbd, .gray-ghost.wg-a-btn-icon:focus kbd, .wg-a-btn.gray-ghost.wg-button--active kbd, .gray-ghost.wg-button--active.wg-a-btn-icon kbd {
  border-color: var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn.light-gray, .light-gray.wg-a-btn-icon {
  background-color: #d4d6d8;
  color: #1d1d1d;
}
.wg-a-btn.light-gray kbd, .light-gray.wg-a-btn-icon kbd {
  border: 1px solid #1d1d1d;
  color: #1d1d1d;
}
.wg-a-btn.light-gray:hover, .light-gray.wg-a-btn-icon:hover, .wg-a-btn.light-gray:focus, .light-gray.wg-a-btn-icon:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-btn.light-gray:hover kbd, .light-gray.wg-a-btn-icon:hover kbd, .wg-a-btn.light-gray:focus kbd, .light-gray.wg-a-btn-icon:focus kbd {
  border-color: var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn.light-gray-outline, .light-gray-outline.wg-a-btn-icon {
  border-color: #d4d6d8;
  background-color: transparent;
  color: #1d1d1d;
}
.wg-a-btn.light-gray-outline kbd, .light-gray-outline.wg-a-btn-icon kbd {
  border: 1px solid #1d1d1d;
  color: #1d1d1d;
}
.wg-a-btn.light-gray-outline:hover, .light-gray-outline.wg-a-btn-icon:hover, .wg-a-btn.light-gray-outline:focus, .light-gray-outline.wg-a-btn-icon:focus, .wg-a-btn.light-gray-outline.wg-button--active, .light-gray-outline.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-btn.light-gray-outline:hover kbd, .light-gray-outline.wg-a-btn-icon:hover kbd, .wg-a-btn.light-gray-outline:focus kbd, .light-gray-outline.wg-a-btn-icon:focus kbd, .wg-a-btn.light-gray-outline.wg-button--active kbd, .light-gray-outline.wg-button--active.wg-a-btn-icon kbd {
  border-color: var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn.light-gray-ghost, .light-gray-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #d4d6d8;
}
.wg-a-btn.light-gray-ghost kbd, .light-gray-ghost.wg-a-btn-icon kbd {
  border: 1px solid #1d1d1d;
  color: #1d1d1d;
}
.wg-a-btn.light-gray-ghost:hover, .light-gray-ghost.wg-a-btn-icon:hover, .wg-a-btn.light-gray-ghost:focus, .light-gray-ghost.wg-a-btn-icon:focus, .wg-a-btn.light-gray-ghost.wg-button--active, .light-gray-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-btn.light-gray-ghost:hover kbd, .light-gray-ghost.wg-a-btn-icon:hover kbd, .wg-a-btn.light-gray-ghost:focus kbd, .light-gray-ghost.wg-a-btn-icon:focus kbd, .wg-a-btn.light-gray-ghost.wg-button--active kbd, .light-gray-ghost.wg-button--active.wg-a-btn-icon kbd {
  border-color: var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn.red, .red.wg-a-btn-icon {
  background-color: #fb4d3d;
  color: #ffffff;
}
.wg-a-btn.red kbd, .red.wg-a-btn-icon kbd {
  color: #fb4d3d;
}
.wg-a-btn.red:hover, .red.wg-a-btn-icon:hover, .wg-a-btn.red:focus, .red.wg-a-btn-icon:focus {
  background-color: #c93e31;
  color: #ffffff;
}
.wg-a-btn.red-ghost, .red-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #fb4d3d;
}
.wg-a-btn.red-ghost kbd, .red-ghost.wg-a-btn-icon kbd {
  border: 1px solid #fb4d3d;
  color: #fb4d3d;
}
.wg-a-btn.red-ghost:hover, .red-ghost.wg-a-btn-icon:hover, .wg-a-btn.red-ghost:focus, .red-ghost.wg-a-btn-icon:focus, .wg-a-btn.red-ghost.wg-button--active, .red-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: #ffedec;
}
.wg-a-btn.green, .green.wg-a-btn-icon {
  background-color: #1abb68;
  color: #ffffff;
}
.wg-a-btn.green kbd, .green.wg-a-btn-icon kbd {
  color: #1abb68;
}
.wg-a-btn.green:hover, .green.wg-a-btn-icon:hover, .wg-a-btn.green:focus, .green.wg-a-btn-icon:focus {
  background-color: #159653;
  color: #ffffff;
}
.wg-a-btn.green-ghost, .green-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #1abb68;
}
.wg-a-btn.green-ghost kbd, .green-ghost.wg-a-btn-icon kbd {
  border: 1px solid #1abb68;
  color: #1abb68;
}
.wg-a-btn.green-ghost:hover, .green-ghost.wg-a-btn-icon:hover, .wg-a-btn.green-ghost:focus, .green-ghost.wg-a-btn-icon:focus, .wg-a-btn.green-ghost.wg-button--active, .green-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: #e9f9f0;
}
.wg-a-btn.orange, .orange.wg-a-btn-icon {
  background-color: #fa8334;
  color: #ffffff;
}
.wg-a-btn.orange kbd, .orange.wg-a-btn-icon kbd {
  color: #fa8334;
}
.wg-a-btn.orange:hover, .orange.wg-a-btn-icon:hover, .wg-a-btn.orange:focus, .orange.wg-a-btn-icon:focus {
  background-color: #fa988c;
  color: #ffffff;
}
.wg-a-btn.orange-ghost, .orange-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #fa8334;
}
.wg-a-btn.orange-ghost kbd, .orange-ghost.wg-a-btn-icon kbd {
  border: 1px solid #fa8334;
  color: #fa8334;
}
.wg-a-btn.orange-ghost:hover, .orange-ghost.wg-a-btn-icon:hover, .wg-a-btn.orange-ghost:focus, .orange-ghost.wg-a-btn-icon:focus, .wg-a-btn.orange-ghost.wg-button--active, .orange-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: #fff3eb;
}
.wg-a-btn.whatsapp, .whatsapp.wg-a-btn-icon {
  background-color: #25d366;
  color: #ffffff;
}
.wg-a-btn.whatsapp kbd, .whatsapp.wg-a-btn-icon kbd {
  color: #25d366;
}
.wg-a-btn.whatsapp:hover, .whatsapp.wg-a-btn-icon:hover, .wg-a-btn.whatsapp:focus, .whatsapp.wg-a-btn-icon:focus {
  background-color: #21be5c;
  color: #ffffff;
}
.wg-a-btn.whatsapp-ghost, .whatsapp-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #25d366;
}
.wg-a-btn.whatsapp-ghost kbd, .whatsapp-ghost.wg-a-btn-icon kbd {
  border: 1px solid #25d366;
  color: #25d366;
}
.wg-a-btn.whatsapp-ghost:hover, .whatsapp-ghost.wg-a-btn-icon:hover, .wg-a-btn.whatsapp-ghost:focus, .whatsapp-ghost.wg-a-btn-icon:focus, .wg-a-btn.whatsapp-ghost.wg-button--active, .whatsapp-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: #e9fbf0;
}
.wg-a-btn.instagram, .instagram.wg-a-btn-icon {
  background-color: #e1306c;
  color: #ffffff;
}
.wg-a-btn.instagram kbd, .instagram.wg-a-btn-icon kbd {
  color: #e1306c;
}
.wg-a-btn.instagram:hover, .instagram.wg-a-btn-icon:hover, .wg-a-btn.instagram:focus, .instagram.wg-a-btn-icon:focus {
  background-color: #cb2b61;
  color: #ffffff;
}
.wg-a-btn.instagram-ghost, .instagram-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #e1306c;
}
.wg-a-btn.instagram-ghost kbd, .instagram-ghost.wg-a-btn-icon kbd {
  border: 1px solid #e1306c;
  color: #e1306c;
}
.wg-a-btn.instagram-ghost:hover, .instagram-ghost.wg-a-btn-icon:hover, .wg-a-btn.instagram-ghost:focus, .instagram-ghost.wg-a-btn-icon:focus, .wg-a-btn.instagram-ghost.wg-button--active, .instagram-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: #fdebf0;
}
.wg-a-btn.facebook, .facebook.wg-a-btn-icon {
  background-color: #1877f2;
  color: #ffffff;
}
.wg-a-btn.facebook kbd, .facebook.wg-a-btn-icon kbd {
  color: #1877f2;
}
.wg-a-btn.facebook:hover, .facebook.wg-a-btn-icon:hover, .wg-a-btn.facebook:focus, .facebook.wg-a-btn-icon:focus {
  background-color: #166bda;
  color: #ffffff;
}
.wg-a-btn.facebook-ghost, .facebook-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #1877f2;
}
.wg-a-btn.facebook-ghost kbd, .facebook-ghost.wg-a-btn-icon kbd {
  border: 1px solid #1877f2;
  background-color: transparent;
  color: #1877f2;
}
.wg-a-btn.facebook-ghost:hover, .facebook-ghost.wg-a-btn-icon:hover, .wg-a-btn.facebook-ghost:focus, .facebook-ghost.wg-a-btn-icon:focus, .wg-a-btn.facebook-ghost.wg-button--active, .facebook-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: #e9f1ff;
}
.wg-a-btn.telegram, .telegram.wg-a-btn-icon {
  background-color: #0088cc;
  color: #ffffff;
}
.wg-a-btn.telegram kbd, .telegram.wg-a-btn-icon kbd {
  color: #0088cc;
}
.wg-a-btn.telegram:hover, .telegram.wg-a-btn-icon:hover, .wg-a-btn.telegram:focus, .telegram.wg-a-btn-icon:focus {
  background-color: #007ab8;
  color: #ffffff;
}
.wg-a-btn.telegram-ghost, .telegram-ghost.wg-a-btn-icon {
  background-color: transparent;
  color: #0088cc;
}
.wg-a-btn.telegram-ghost kbd, .telegram-ghost.wg-a-btn-icon kbd {
  border: 1px solid #0088cc;
  color: #0088cc;
}
.wg-a-btn.telegram-ghost:hover, .telegram-ghost.wg-a-btn-icon:hover, .wg-a-btn.telegram-ghost:focus, .telegram-ghost.wg-a-btn-icon:focus, .wg-a-btn.telegram-ghost.wg-button--active, .telegram-ghost.wg-button--active.wg-a-btn-icon {
  border-color: transparent;
  background-color: #e6f4fa;
}

.wg-a-btn-icon {
  flex-shrink: 0;
  border-radius: 100%;
  width: 36px;
  height: 36px;
}
.wg-a-btn-icon__tooltip {
  display: flex;
  align-items: center;
  gap: 6px;
}
.wg-a-btn-icon__tooltip-keyboard {
  display: flex;
  align-items: center;
  gap: 2px;
}
.wg-a-btn-icon__tooltip-keyboard kbd {
  display: inline-block;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-color: transparent;
  padding: 2px 4px;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  white-space: nowrap;
}
.wg-a-btn-icon i {
  pointer-events: none;
}
.wg-a-btn-icon.sm {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.wg-a-btn-icon.lg {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.wg-a-btn-icon.lg i {
  font-size: 1.5rem;
}
.wg-a-btn-icon:is(.wg-a-btn-icon, .sm, .lg) {
  padding: 0 !important;
}

.wg-a-btn-expandable {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  align-self: baseline;
  cursor: pointer;
  box-sizing: border-box;
  border: 0.0625rem solid transparent;
  border-radius: 1.125rem;
  background-color: #ffffff;
  padding: 5px 11px;
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.5rem;
  user-select: none;
  text-decoration: none;
  text-transform: none;
}
.wg-a-btn-expandable:is(:hover) {
  background: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-btn-expandable:is(:hover) span {
  padding: 0 4px 0 8px;
}
.wg-a-btn-expandable:is(:hover).sm span {
  padding-left: 6px;
}
.wg-a-btn-expandable:disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.wg-a-btn-expandable i {
  font-size: 1.25rem;
}
.wg-a-btn-expandable.sm {
  padding: 3px 11px;
  font-size: 0.75rem;
}
.wg-a-btn-expandable.sm i {
  font-size: 1rem;
}
.wg-a-btn-expandable span {
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  max-width: 0;
  overflow: hidden;
  color: var(--wg-primary);
  font-weight: 700;
  white-space: nowrap;
}
.wg-a-btn-expandable:hover span, .wg-a-btn-expandable.active span {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s;
  max-width: 500px;
  overflow: visible;
}
.wg-a-btn-expandable.active {
  border: 1px solid var(--wg-primary);
  color: var(--wg-primary);
}
.wg-a-btn-expandable.active span {
  padding: 0 4px 0 8px;
}
.wg-a-btn-expandable.active.sm span {
  padding-left: 6px;
}

.wg-a-badge {
  display: inline-block;
  border-radius: 9999px;
  background-color: var(--wg-primary);
  padding: 0.1875rem 0.5rem 0.1875rem;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.wg-a-badge.primary {
  background-color: var(--wg-primary);
  color: #ffffff;
}
.wg-a-badge.primary-light {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}
.wg-a-badge.primary--85 {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}
.wg-a-badge.secondary {
  background-color: var(--wg-secondary);
  color: #1d1d1d;
}
.wg-a-badge.secondary-light {
  background-color: var(--wg-secondary--80);
  color: #1d1d1d;
}
.wg-a-badge.secondary--85 {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}
.wg-a-badge.gray {
  background-color: #ebedf0;
  color: #76859b;
}
.wg-a-badge.gray-light {
  background-color: #f6f6f7;
  color: #1d1d1d;
}
.wg-a-badge.gray--85 {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}
.wg-a-badge.success {
  background-color: #1abb68;
  color: #ffffff;
}
.wg-a-badge.success-light {
  background-color: #ddf5e9;
  color: #1abb68;
}
.wg-a-badge.success--85 {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}
.wg-a-badge.warning {
  background-color: #fa8334;
  color: #ffffff;
}
.wg-a-badge.warning-light {
  background-color: #feede1;
  color: #fa8334;
}
.wg-a-badge.warning--85 {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}
.wg-a-badge.danger {
  background-color: #fb4d3d;
  color: #ffffff;
}
.wg-a-badge.danger-light {
  background-color: #ffe5e2;
  color: #fb4d3d;
}
.wg-a-badge.danger--85 {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}
.wg-a-badge.info {
  background-color: #1b98e0;
  color: #ffffff;
}
.wg-a-badge.info-light {
  background-color: #ddf0fb;
  color: #1b98e0;
}
.wg-a-badge.info--85 {
  background-color: var(--wg-primary--85);
  color: var(--wg-primary);
}

.wg-a-avatar {
  display: grid;
  position: relative;
  flex-shrink: 0;
  place-items: center;
  border-radius: 9999px;
  background-color: #ebedf0;
  width: 40px;
  height: 40px;
  user-select: none;
}
.wg-a-avatar--connector {
  box-shadow: 0 0 0 1px #d4d6d8;
  background-color: #ffffff;
}
.wg-a-avatar--agent {
  background-color: var(--wg-secondary--80);
}
.wg-a-avatar--agent i {
  color: var(--wg-secondary);
}
.wg-a-avatar:has(> .icon-robot) {
  background-color: var(--wg-primary--80);
}
.wg-a-avatar:has(> .icon-robot) i {
  color: var(--wg-primary);
}
.wg-a-avatar:has(> .icon-users) {
  background-color: #d1eaf9;
}
.wg-a-avatar:has(> .icon-users) i {
  color: #1b98e0;
}
.wg-a-avatar img {
  border-radius: 9999px;
  width: 100%;
  height: inherit;
  object-fit: cover;
  object-position: center;
}
.wg-a-avatar i {
  color: #bac1cc;
  font-size: 1.5rem;
  line-height: 1;
}
.wg-a-avatar__sub-icon, .wg-a-avatar::after {
  position: absolute;
  border-radius: 9999px;
}
.wg-a-avatar__sub-icon {
  display: grid;
  right: -0.25rem;
  bottom: -0.25rem;
  background-color: #ffffff;
  padding: 0.125rem;
}
.wg-a-avatar__sub-icon i {
  font-size: 0.75rem;
  line-height: 1;
}
.wg-a-avatar:not(:has(.wg-a-avatar__sub-icon))::after {
  right: 0;
  bottom: 0;
  opacity: 0;
  box-shadow: 0 0 0 4px #ffffff;
  width: 8px;
  height: 8px;
  content: "";
}
.wg-a-avatar.online:not(:has(.wg-a-avatar__sub-icon))::after {
  background-color: #1abb68;
}
.wg-a-avatar.online .wg-a-avatar__sub-icon i {
  color: #1abb68;
}
.wg-a-avatar.offline:not(:has(.wg-a-avatar__sub-icon))::after {
  background-color: #fb4d3d;
}
.wg-a-avatar.offline .wg-a-avatar__sub-icon i {
  color: #fb4d3d;
}
.wg-a-avatar:is(.wg-a-avatar.online, .wg-a-avatar.offline)::after {
  opacity: 1;
}
.wg-a-avatar.xl {
  width: 56px;
  height: 56px;
}
.wg-a-avatar.xl i {
  font-size: 2rem;
}
.wg-a-avatar.lg {
  width: 48px;
  height: 48px;
}
.wg-a-avatar.lg i {
  font-size: 1.5rem;
}
.wg-a-avatar.sm {
  width: 32px;
  height: 32px;
  font-size: 0.75rem;
}
.wg-a-avatar.sm i {
  font-size: 1rem;
}
.wg-a-avatar.primary-ghost {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-avatar.facebook {
  background: #e9f1ff;
  color: #1877f2;
}
.wg-a-avatar.facebook i {
  color: #1877f2;
}

.wg-a-alert {
  display: flex;
  position: relative;
  gap: 12px;
  border-radius: 12px;
  background: var(--wg-primary--90);
  padding: 14px 16px;
  color: var(--wg-primary);
}
.wg-a-alert[class$=outline]::before {
  position: absolute;
  top: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-a-alert:not(:has(.wg-a-alert__icon)) {
  padding: 14px 20px;
}
.wg-a-alert:not(:has(.wg-a-alert__title)) {
  align-items: flex-start;
  padding: 14px 20px;
}
.wg-a-alert:not(:has(.wg-a-alert__title)) .wg-a-alert__icon {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.wg-a-alert__icon {
  display: flex;
  font-size: 2rem;
  line-height: 2.5rem;
}
.wg-a-alert__title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-a-alert:has(ul, ol) .wg-a-alert__title {
  margin-bottom: 8px;
}
.wg-a-alert__content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-wrap: break-word;
}
.wg-a-alert__content ul, .wg-a-alert__content ol {
  margin: 0;
  padding: 0;
}
.wg-a-alert__content ul li, .wg-a-alert__content ol li {
  margin-bottom: 6px;
  list-style: inside;
}
.wg-a-alert__content a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}
.wg-a-alert.primary, .wg-a-alert.primary-outline {
  background: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-a-alert.primary-outline::before {
  border-color: var(--wg-primary);
}
.wg-a-alert.warning, .wg-a-alert.warning-outline {
  background: #fff3eb;
  color: #fa8334;
}
.wg-a-alert.warning-outline::before {
  border-color: #fa8334;
}
.wg-a-alert.success, .wg-a-alert.success-outline {
  background: #e9f9f0;
  color: #1abb68;
}
.wg-a-alert.success-outline::before {
  border-color: #1abb68;
}
.wg-a-alert.danger, .wg-a-alert.danger-outline {
  background: #ffedec;
  color: #fb4d3d;
}
.wg-a-alert.danger-outline::before {
  border-color: #fb4d3d;
}
.wg-a-alert.info, .wg-a-alert.info-outline {
  background: #e8f5fc;
  color: #1b98e0;
}
.wg-a-alert.info-outline::before {
  border-color: #1b98e0;
}
.wg-a-alert.simple {
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.wg-accordions__item {
  padding: 6px 16px 6px 16px;
}
.wg-accordions__item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
}
.wg-accordions__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  cursor: pointer;
  color: inherit;
  font-weight: 500;
  font-size: 0.875rem;
}
.wg-accordions__item__header.title {
  flex-grow: 1;
}
.wg-accordions__item__header .collapse-btn {
  display: inline-block;
  transition: all ease 0.5s;
}
.wg-accordions__item__header.active .collapse-btn {
  transform: rotate(180deg);
}
.wg-accordions__item__content {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.5s;
  max-height: 0;
}
.wg-accordions__item__content > :first-child {
  margin-top: 8px;
}
.wg-accordions__item__content > :last-child {
  margin-bottom: 8px;
}
.wg-accordions__item__content.active {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.3s;
  max-height: 100vh;
}

.wg-c-message-builder-button-buttons {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-c-message-builder-button-buttons-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-message-builder-button-buttons-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-c-message-builder-button-buttons:has(.wg-c-message-builder-button-buttons-items) .wg-c-message-builder-button-buttons-header {
  margin-bottom: 20px;
}
.wg-c-message-builder-button-buttons-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-c-message-builder-button-buttons-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-c-message-builder-button-buttons-item__section--type__group {
  display: flex;
  gap: 16px;
}
.wg-c-message-builder-button-buttons-item__section--type__group .wg-a-select {
  width: calc(100% - 52px);
}
.wg-c-message-builder-button-buttons-item__section--type__group .wg-a-btn-icon {
  margin-top: 10px;
}

.wg-c-message-builder-list-sections-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.wg-c-message-builder-list-sections-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-c-message-builder-list-sections:has(.wg-c-message-builder-list-sections-items) .wg-c-message-builder-list-sections-header {
  margin-bottom: 20px;
}
.wg-c-message-builder-list-sections-section {
  margin-bottom: 24px;
  border-radius: 12px;
  background: #ebedf0;
  padding: 24px;
}
.wg-c-message-builder-list-sections-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.wg-c-message-builder-list-sections-section-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-c-message-builder-list-sections-rows {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-c-message-builder-list-sections-rows-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.wg-c-message-builder-list-sections-rows-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-c-message-builder-list-sections-rows-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-c-message-builder-list-sections-rows-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-c-message-builder-list-sections-rows-item__section--id__group {
  display: flex;
  gap: 16px;
}
.wg-c-message-builder-list-sections-rows-item__section--id__group .wg-a-input {
  width: calc(100% - 52px);
}
.wg-c-message-builder-list-sections-rows-item__section--id__group .wg-a-btn-icon {
  margin-top: 10px;
}

.wg-c-message-builder-button-buttons {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-c-message-builder-button-buttons-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-c-message-builder-button-buttons-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-c-message-builder-button-buttons:has(.wg-c-message-builder-button-buttons-items) .wg-c-message-builder-button-buttons-header {
  margin-bottom: 20px;
}
.wg-c-message-builder-button-buttons-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-c-message-builder-button-buttons-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-c-message-builder-button-buttons-item__section--type__group {
  display: flex;
  gap: 16px;
}
.wg-c-message-builder-button-buttons-item__section--type__group .wg-a-select {
  width: calc(100% - 52px);
}
.wg-c-message-builder-button-buttons-item__section--type__group .wg-a-btn-icon {
  margin-top: 10px;
}

.wg-tenant-chat-c-inbox-setting-commands {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-tenant-chat-c-inbox-setting-commands-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-chat-c-inbox-setting-commands-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-tenant-chat-c-inbox-setting-commands:has(.wg-tenant-chat-c-inbox-setting-commands-items) .wg-tenant-chat-c-inbox-setting-commands-header {
  margin-bottom: 20px;
}
.wg-tenant-chat-c-inbox-setting-commands-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-commands-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-commands-item__section__group {
  display: flex;
  gap: 16px;
}
.wg-tenant-chat-c-inbox-setting-commands-item__section__group .wg-a-btn-icon {
  margin-top: 10px;
  margin-left: auto;
}

.wg-tenant-chat-c-inbox-setting-ice-breakers {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers:has(.wg-tenant-chat-c-inbox-setting-ice-breakers-items) .wg-tenant-chat-c-inbox-setting-ice-breakers-header {
  margin-bottom: 20px;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers-item__section__group {
  display: flex;
  gap: 16px;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers-item__section__group:not(:last-child) {
  margin-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-ice-breakers-item__section__group .wg-a-btn-icon {
  margin-top: 10px;
  margin-left: auto;
}

.wg-tenant-chat-c-inbox-setting-persistent-menu {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-tenant-chat-c-inbox-setting-persistent-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-chat-c-inbox-setting-persistent-menu-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-tenant-chat-c-inbox-setting-persistent-menu:has(.wg-tenant-chat-c-inbox-setting-persistent-menu-items) .wg-tenant-chat-c-inbox-setting-persistent-menu-header {
  margin-bottom: 20px;
}
.wg-tenant-chat-c-inbox-setting-persistent-menu-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-persistent-menu-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-persistent-menu-item__section__group {
  display: flex;
  gap: 16px;
}
.wg-tenant-chat-c-inbox-setting-persistent-menu-item__section__group .wg-a-btn-icon {
  margin-top: 10px;
  margin-left: auto;
}

.wg-tenant-chat-c-inbox-setting-prompts {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-tenant-chat-c-inbox-setting-prompts-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-chat-c-inbox-setting-prompts-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-tenant-chat-c-inbox-setting-prompts:has(.wg-tenant-chat-c-inbox-setting-prompts-items) .wg-tenant-chat-c-inbox-setting-prompts-header {
  margin-bottom: 20px;
}
.wg-tenant-chat-c-inbox-setting-prompts-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-prompts-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-tenant-chat-c-inbox-setting-prompts-item__section__group {
  display: flex;
  gap: 16px;
}
.wg-tenant-chat-c-inbox-setting-prompts-item__section__group .wg-a-btn-icon {
  margin-top: 10px;
  margin-left: auto;
}

.wg-chat-message__attachments {
  display: flex;
  gap: 8px;
}
.wg-chat-message__attachments a {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
}
.wg-chat-message__attachments img {
  border-radius: 8px;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  user-select: none;
}
.wg-chat-message__attachments:has(:nth-child(1)) img {
  height: 280px;
}
.wg-chat-message__attachments:has(:nth-child(2)) img {
  height: 136px;
}
.wg-chat-message__attachments:has(:nth-child(3)) img {
  height: 88px;
}
.wg-chat-message__attachments:has(:nth-child(4)) img {
  height: 136px;
}
.wg-chat-message__attachments:has(:nth-child(4)) {
  flex-wrap: wrap;
}
.wg-chat-message__attachments:has(:nth-child(4)) .is-last {
  position: relative;
  border-radius: 8px;
  background: #1d1d1d;
  overflow: hidden;
}
.wg-chat-message__attachments:has(:nth-child(4)) .is-last::before, .wg-chat-message__attachments:has(:nth-child(4)) .is-last::after {
  pointer-events: none;
  user-select: none;
}
.wg-chat-message__attachments:has(:nth-child(4)) .is-last::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(29, 29, 29, 0.6);
  width: 100%;
  height: 100%;
  content: "";
}
.wg-chat-message__attachments:has(:nth-child(4)) .is-last::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  content: "+" attr(data-count);
  color: #ffffff;
  font-size: 1.75rem;
}
.wg-chat-message__attachments:has(:nth-child(4)) .is-last img {
  opacity: 0.5;
  filter: blur(12px);
}
.wg-chat-message__attachments:has(:nth-child(n+5)) a:nth-child(n+5) {
  display: none !important;
}
.wg-chat-message--incoming:has(.wg-chat-message__attachments) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__attachments) .wg-chat-message__bubble {
  max-width: 312px;
}

.wg-chat-message__text, .wg-chat-message__referral-data, .wg-chat-message__document, .wg-chat-message__audio, .wg-chat-message__cta-url, .wg-chat-message__button, .wg-chat-message__template, .wg-chat-message__receipt, .wg-chat-message__poll, .wg-chat-message__list, .wg-chat-message__form, .wg-chat-message__flow, .wg-chat-message__fallbacks__item, .wg-chat-message__customer-feedback, .wg-chat-message__coupon {
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
.wg-chat-message__text a, .wg-chat-message__referral-data a, .wg-chat-message__document a, .wg-chat-message__audio a, .wg-chat-message__cta-url a, .wg-chat-message__button a, .wg-chat-message__template a, .wg-chat-message__receipt a, .wg-chat-message__poll a, .wg-chat-message__list a, .wg-chat-message__form a, .wg-chat-message__flow a, .wg-chat-message__fallbacks__item a, .wg-chat-message__customer-feedback a, .wg-chat-message__coupon a {
  color: var(--wg-primary);
}
:not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__text, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__referral-data, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__document, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__audio, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__cta-url, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__button, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__template, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__receipt, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__poll, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__list, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__form, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__flow, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__fallbacks__item, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__customer-feedback, :not(:has(.wg-chat-message__quote)) [class^=wg-chat-message__] ~ .wg-chat-message__coupon {
  margin-top: 12px;
}
.wg-chat-message__text.is-footer, .is-footer.wg-chat-message__referral-data, .is-footer.wg-chat-message__document, .is-footer.wg-chat-message__audio, .is-footer.wg-chat-message__cta-url, .is-footer.wg-chat-message__button, .is-footer.wg-chat-message__template, .is-footer.wg-chat-message__receipt, .is-footer.wg-chat-message__poll, .is-footer.wg-chat-message__list, .is-footer.wg-chat-message__form, .is-footer.wg-chat-message__flow, .is-footer.wg-chat-message__fallbacks__item, .is-footer.wg-chat-message__customer-feedback, .is-footer.wg-chat-message__coupon {
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}

.wg-chat-message__button-header {
  margin-bottom: 12px;
}
.wg-chat-message__button-header .wg-chat-message__text, .wg-chat-message__button-header .wg-chat-message__template, .wg-chat-message__button-header .wg-chat-message__receipt, .wg-chat-message__button-header .wg-chat-message__poll, .wg-chat-message__button-header .wg-chat-message__list, .wg-chat-message__button-header .wg-chat-message__form, .wg-chat-message__button-header .wg-chat-message__flow, .wg-chat-message__button-header .wg-chat-message__fallbacks__item, .wg-chat-message__button-header .wg-chat-message__customer-feedback, .wg-chat-message__button-header .wg-chat-message__coupon, .wg-chat-message__button-header .wg-chat-message__button {
  font-weight: 700;
}
.wg-chat-message__button-text {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
  color: #1d1d1d;
}
.wg-chat-message__button-footer {
  margin-top: 12px;
}
.wg-chat-message__button:not(:has(.wg-chat-message__button-footer)) .wg-chat-message__button-text {
  margin: 0;
  border: none;
  padding: 0;
}

.wg-chat-message__carousel {
  border-radius: 8px;
  overflow: hidden;
}
.wg-chat-message__carousel:has(.swiper-slide:only-child),
.wg-chat-message__carousel:has(.swiper-slide:only-child) .wg-chat-message__carousel-item {
  min-width: 212px;
}
.wg-chat-message__carousel:has(.swiper-slide:nth-child(n+3)) .wg-chat-message__carousel-image::before {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.75);
  width: 16px;
  height: 16px;
  content: counter(section);
  color: #1d1d1d;
  font-size: 0.6875rem;
  line-height: 16px;
  text-align: center;
}
.wg-chat-message__carousel-item {
  position: relative;
  border-radius: 8px;
  background: #ffffff;
}
.wg-chat-message__carousel-item::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-chat-message__carousel-image {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  overflow: hidden;
}
.wg-chat-message__carousel-image img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}
.wg-chat-message__carousel-content {
  cursor: default;
  padding: 8px 12px;
}
.wg-chat-message__carousel-title, .wg-chat-message__carousel-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-chat-message__carousel-title {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
}
.wg-chat-message__carousel-text {
  color: #76859b;
  font-size: 0.75rem;
}
.wg-chat-message__carousel-buttons__item {
  cursor: no-drop;
  border-top: 1px solid #ebedf0;
  padding: 5px 4px 4px;
  color: #bac1cc;
  font-size: 0.75rem;
  user-select: none;
  text-align: center;
}
.wg-chat-message__carousel .swiper-slide {
  counter-increment: section;
}
.wg-chat-message__carousel .swiper-button {
  transition: all 0.3s;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 32px;
  height: 32px;
  font-size: 1.5rem;
}
.wg-chat-message__carousel .swiper-button:hover {
  background: var(--wg-primary-20);
}
.wg-chat-message__carousel .swiper-button-prev::after, .wg-chat-message__carousel .swiper-button-next::after {
  color: #ffffff;
  font-size: 1.125rem;
  font-family: "iconset";
}
.wg-chat-message__carousel .swiper-button-prev {
  transform: translateX(calc(-100% - 32px));
}
.wg-chat-message__carousel .swiper-button-prev::after {
  content: "\e932";
}
.wg-chat-message__carousel .swiper-button-next {
  transform: translateX(calc(100% + 32px));
}
.wg-chat-message__carousel .swiper-button-next::after {
  content: "\e933";
}
.wg-chat-message__carousel .swiper:hover .swiper-button:not(.swiper-button-disabled) {
  transform: translateX(0);
}

.wg-chat-message__comment {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
}
.wg-chat-message__comment-body {
  padding: 16px 12px;
}
.wg-chat-message__comment-link:not(:only-child) {
  margin-top: 12px;
}
.wg-chat-message__comment-link i {
  position: relative;
  top: 1px;
}
.wg-chat-message--incoming:not(:has(.wg-chat-message__quote)):has(.wg-chat-message__comment) .wg-chat-message__bubble::before {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  background: var(--wg-primary);
  width: 24px;
  height: 24px;
  content: "\e93b";
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 23px;
  font-family: "iconset";
  text-align: center;
}

.wg-chat-message__contacts {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  width: 280px;
}
.wg-chat-message__contacts-list__item {
  display: flex;
  align-items: center;
}
.wg-chat-message__contacts-list__item:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-chat-message__contacts-list__avatar {
  position: relative;
  margin-right: 16px;
  user-select: none;
}
.wg-chat-message__contacts-list__content {
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-chat-message__contacts-list__detail .type {
  color: #76859b;
}
.wg-chat-message--incoming:has(.wg-chat-message__contacts) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__contacts) .wg-chat-message__bubble {
  width: 100%;
  max-width: 312px;
}

.wg-chat-message__coupon-header {
  margin-bottom: 12px;
}
.wg-chat-message__coupon-text {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
  color: #1d1d1d;
}
.wg-chat-message__coupon-title {
  display: flex;
  gap: 4px;
  font-weight: 700;
}
.wg-chat-message__coupon-subtitle {
  margin-top: 4px;
}

.wg-chat-message__cta-url-header {
  margin-bottom: 12px;
}
.wg-chat-message__cta-url-header .wg-chat-message__text, .wg-chat-message__cta-url-header .wg-chat-message__cta-url {
  font-weight: 700;
}
.wg-chat-message__cta-url-text {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
  color: #1d1d1d;
}
.wg-chat-message__cta-url-footer {
  margin-top: 12px;
}
.wg-chat-message__cta-url:not(:has(.wg-chat-message__cta-url-footer)) .wg-chat-message__cta-url-text {
  margin: 0;
  border: none;
  padding: 0;
}

.wg-chat-message__customer-feedback-header {
  margin-bottom: 12px;
}
.wg-chat-message__customer-feedback-text {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
  color: #1d1d1d;
}
.wg-chat-message__customer-feedback-title {
  display: flex;
  gap: 4px;
  font-weight: 700;
}
.wg-chat-message__customer-feedback-subtitle {
  margin-top: 4px;
}

.wg-chat-message__fallbacks__item {
  position: relative;
}
.wg-chat-message__fallbacks__item:not(:only-child) {
  padding-left: 12px;
}
.wg-chat-message__fallbacks__item:not(:only-child)::before {
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 4px;
  height: 4px;
  content: "";
}

.wg-chat-message__flow-header {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-chat-message__flow-header .wg-chat-message__text, .wg-chat-message__flow-header .wg-chat-message__flow {
  font-weight: 700;
}
.wg-chat-message__flow-footer {
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}
.wg-chat-message__flow:not(:has(.wg-chat-message__flow-footer)) .wg-chat-message__flow-text {
  margin: 0;
  border: none;
  padding: 0;
}

.wg-chat-message__form-inner {
  display: flex;
  position: relative;
  flex-direction: column;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: rgb(251.4, 251.4, 251.8);
  padding: 16px 16px 0;
  width: 100%;
  min-width: 280px;
  height: 212px;
  overflow: hidden;
}
.wg-chat-message__form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.wg-chat-message__form-header__text {
  color: #1d1d1d;
  font-weight: 700;
  text-transform: uppercase;
}
.wg-chat-message__form-header__entry {
  color: #76859b;
}
.wg-chat-message__form-card {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px 0px;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background: #ffffff;
  padding: 16px 16px 0;
}
.wg-chat-message__form-card__content {
  position: relative;
}
.wg-chat-message__form-card__items {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 11px;
}
.wg-chat-message__form-card__item {
  position: relative;
  border-radius: 6px;
  background: #ebedf0;
  height: 12px;
}
.wg-chat-message__form-card__item:nth-child(1) {
  opacity: 1 !important;
}
.wg-chat-message__form-card__item:nth-child(2) {
  opacity: 0.88 !important;
}
.wg-chat-message__form-card__item:nth-child(3) {
  opacity: 0.76 !important;
}
.wg-chat-message__form-card__item:nth-child(4) {
  opacity: 0.64 !important;
}
.wg-chat-message__form-card__item:nth-child(5) {
  opacity: 0.52 !important;
}
.wg-chat-message__form-card__item:nth-child(6) {
  opacity: 0.4 !important;
}
.wg-chat-message__form-card__item:nth-child(7) {
  opacity: 0.28 !important;
}
.wg-chat-message__form-icon {
  display: grid;
  position: absolute;
  top: calc(50% + 8px);
  left: 50%;
  place-items: center;
  translate: -50%;
  z-index: 1;
  transition: all 0.4s;
  border-radius: 100%;
  background: #d4d6d8;
  width: 48px;
  height: 48px;
  color: #1d1d1d;
  font-size: 1.5rem;
}
.wg-chat-message__form-inner:hover .wg-chat-message__form-icon {
  scale: 1.2;
}
.wg-chat-message--incoming:has(.wg-chat-message__form) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__form) .wg-chat-message__bubble {
  width: 100%;
  max-width: 312px;
}

.wg-chat-message__heart {
  font-size: 2.5rem;
}
.wg-chat-message--incoming:has(.wg-chat-message__heart) .wg-chat-message__heart, .wg-chat-message--outgoing:has(.wg-chat-message__heart) .wg-chat-message__heart {
  text-align: center;
}

.wg-chat-message__list-header {
  margin-bottom: 12px;
}
.wg-chat-message__list-header .wg-chat-message__text, .wg-chat-message__list-header .wg-chat-message__list {
  font-weight: 700;
}
.wg-chat-message__list-text {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
  color: #1d1d1d;
}
.wg-chat-message__list-description {
  margin-bottom: 12px;
  color: #1d1d1d;
  font-weight: 700;
}
.wg-chat-message__list-group:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-chat-message__list__item {
  display: flex;
  position: relative;
  padding-right: 36px;
}
.wg-chat-message__list__item::before {
  display: inline-block;
  position: relative;
  top: 3px;
  flex-shrink: 0;
  margin-right: 12px;
  border: 1px solid #76859b;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  content: "";
}
.wg-chat-message__list__item::after {
  position: absolute;
  top: 6px;
  left: 3px;
  opacity: 0;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 8px;
  height: 8px;
  content: "";
}
.wg-chat-message__list__item:not(:last-child) {
  margin-bottom: 8px;
}
.wg-chat-message__list__item.is-active::before {
  border-color: var(--wg-primary);
}
.wg-chat-message__list__item.is-active::after {
  opacity: 1;
}
.wg-chat-message__list__content__description {
  color: #76859b;
  font-size: 0.75rem;
}
.wg-chat-message__list-footer {
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}
.wg-chat-message__list:not(:has(.wg-chat-message__list-footer)) .wg-chat-message__list-container:last-child .wg-chat-message__list-items {
  margin: 0;
  border: none;
  padding: 0;
}

.wg-chat-message__poll-question {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
  font-weight: 700;
}
.wg-chat-message__poll-option {
  display: flex;
  position: relative;
  padding-right: 36px;
}
.wg-chat-message__poll-option::before {
  display: inline-block;
  position: relative;
  top: 3px;
  flex-shrink: 0;
  margin-right: 12px;
  border: 1px solid #76859b;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  content: "";
}
.wg-chat-message__poll-option::after {
  position: absolute;
  top: 6px;
  left: 3px;
  opacity: 0;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 8px;
  height: 8px;
  content: "";
}
.wg-chat-message__poll-option:not(:last-child) {
  margin-bottom: 8px;
}
.wg-chat-message__poll-option.is-active::before {
  border-color: var(--wg-primary);
}
.wg-chat-message__poll-option.is-active::after {
  opacity: 1;
}
.wg-chat-message--incoming:has(.wg-chat-message__poll) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__poll) .wg-chat-message__bubble {
  max-width: 312px;
}

.wg-chat-message__receipt-header {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
  color: #76859b;
}
.wg-chat-message__receipt-item {
  display: flex;
  justify-content: space-between;
}
.wg-chat-message__receipt-item:not(:last-child) {
  margin-bottom: 8px;
}
.wg-chat-message__receipt-item:not(:only-child):last-child {
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
  font-weight: 700;
}
.wg-chat-message__receipt-item__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  width: 80px;
  color: #76859b;
  word-break: break-all;
}
.wg-chat-message__receipt-item__detail {
  text-align: right;
}

.wg-chat-message__template-header {
  margin-bottom: 12px;
}
.wg-chat-message__template-header__text .wg-chat-message__text, .wg-chat-message__template-header__text .wg-chat-message__template {
  font-weight: 700;
}
.wg-chat-message__template-header:has(.wg-chat-message__text, .wg-chat-message__template) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-chat-message--incoming:has(.wg-chat-message__template:not(:has(.wg-chat-message__template-carousel))) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__template:not(:has(.wg-chat-message__template-carousel))) .wg-chat-message__bubble {
  max-width: 312px;
}

.wg-chat-message__audio-inner {
  position: relative;
}
.wg-chat-message__audio-preload {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  column-gap: 8px;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px 16px;
  width: 100%;
  height: 100%;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  user-select: none;
}
.wg-chat-message__audio-preload__content {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.wg-chat-message__audio-preload__content i {
  position: relative;
  top: 1px;
}
.wg-chat-message__audio-preload__size {
  position: relative;
  top: 1px;
  color: #76859b;
  font-size: 0.75rem;
}
.wg-chat-message__audio audio {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  max-width: 280px;
}
.wg-chat-message__audio audio::-webkit-media-controls-panel {
  background-color: #ffffff;
}
.wg-chat-message__audio audio::-webkit-media-controls-enclosure {
  border-radius: 8px;
}
.wg-chat-message__audio-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
}
.wg-chat-message__audio-content__title, .wg-chat-message__audio-content__performer {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wg-chat-message__audio-content__duration {
  flex-shrink: 0;
  color: #76859b;
  font-size: 0.75rem;
}
.wg-chat-message__audio:has(+ .wg-chat-message__text, + .wg-chat-message__audio) .wg-chat-message__audio-content {
  margin-block: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-chat-message--incoming:has(.wg-chat-message__audio) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__audio) .wg-chat-message__bubble {
  width: 100%;
  max-width: 312px;
}

.wg-chat-message__buttons {
  display: flex;
  column-gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  max-width: 312px;
}
.wg-chat-message__buttons__item {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 4px;
  cursor: no-drop;
  margin-top: 4px;
  border-radius: 12px;
  background: var(--wg-secondary--80);
  padding: 9px 40px 10px;
  width: 100%;
  color: #76859b;
  font-size: 0.875rem;
  user-select: none;
  text-align: center;
}
.wg-chat-message__buttons__item[class*=wgjs] {
  cursor: pointer;
  color: #1d1d1d;
}
.wg-chat-message__buttons__item:is(.is-active) {
  font-weight: 700;
}
.wg-chat-message__buttons__item:is(.is-active)::before {
  display: flex;
  position: absolute;
  top: 0;
  left: 16px;
  align-items: center;
  height: 100%;
  content: "\e940";
  color: var(--wg-primary);
  font-family: "iconset";
}
.wg-chat-message__buttons__item i {
  position: relative;
  top: 1px;
  color: #76859b;
  font-size: 1rem;
  line-height: 1;
}
.wg-chat-message__buttons:has(.wg-chat-message__buttons__buttons.is-active) :not(.wg-chat-message__buttons__buttons.is-active) {
  color: #76859b;
}
.wg-chat-message--incoming .wg-chat-message__buttons__item {
  background: var(--wg-primary--90);
}
.wg-chat-message--incoming:has(.wg-chat-message__buttons__item) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__buttons__item) .wg-chat-message__bubble {
  width: 312px;
  max-width: 100%;
}
.wg-chat-message--failed .wg-chat-message__buttons__item {
  background: #ffedec;
}

.wg-chat-message__document-inner {
  display: flex;
  position: relative;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: rgb(251.4, 251.4, 251.8);
  padding: 16px 16px 0;
  width: 100%;
  min-width: 280px;
  height: 212px;
  overflow: hidden;
}
.wg-chat-message__document-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.wg-chat-message__document-header__text {
  color: #1d1d1d;
  font-weight: 700;
  text-transform: uppercase;
}
.wg-chat-message__document-header__size {
  color: #76859b;
}
.wg-chat-message__document-card {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px 0px;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background: #ffffff;
  padding: 16px 16px 0;
}
.wg-chat-message__document-card__content {
  position: relative;
}
.wg-chat-message__document-card__items {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 11px;
}
.wg-chat-message__document-card__item {
  position: relative;
  border-radius: 6px;
  background: #ebedf0;
  height: 12px;
}
.wg-chat-message__document-card__item:nth-child(1) {
  opacity: 1 !important;
}
.wg-chat-message__document-card__item:nth-child(2) {
  opacity: 0.88 !important;
}
.wg-chat-message__document-card__item:nth-child(3) {
  opacity: 0.76 !important;
}
.wg-chat-message__document-card__item:nth-child(4) {
  opacity: 0.64 !important;
}
.wg-chat-message__document-card__item:nth-child(5) {
  opacity: 0.52 !important;
}
.wg-chat-message__document-card__item:nth-child(6) {
  opacity: 0.4 !important;
}
.wg-chat-message__document-card__item:nth-child(7) {
  opacity: 0.28 !important;
}
.wg-chat-message__document-icon {
  display: grid;
  position: absolute;
  top: calc(50% + 8px);
  left: 50%;
  place-items: center;
  translate: -50%;
  z-index: 1;
  transition: all 0.4s;
  border-radius: 100%;
  background: #d4d6d8;
  width: 48px;
  height: 48px;
  color: #1d1d1d;
  font-size: 1.5rem;
}
.wg-chat-message__document-inner:hover .wg-chat-message__document-icon {
  scale: 1.2;
}
.wg-chat-message__document-name {
  margin-top: 12px;
  color: #76859b;
  font-size: 0.875rem;
}
.wg-chat-message__document:has(+ .wg-chat-message__text, + .wg-chat-message__document) .wg-chat-message__document-name {
  margin-block: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-chat-message--incoming:has(.wg-chat-message__document) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__document) .wg-chat-message__bubble {
  width: 100%;
  max-width: 312px;
}

.wg-chat-message__image {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
}
.wg-chat-message__image a {
  display: block;
}
.wg-chat-message__image img {
  display: block;
  border-radius: 8px;
  width: 280px;
  height: 280px;
  object-fit: cover;
  object-position: center;
  user-select: none;
}
.wg-chat-message__image:is(.has-spoiler) {
  overflow: hidden;
}
.wg-chat-message__image:is(.has-spoiler) img {
  filter: blur(24px);
}
.wg-chat-message__image:has(.has-error) a {
  pointer-events: none;
}
.wg-chat-message__template-carousel-image {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  overflow: hidden;
}
.wg-chat-message__template-carousel-image .wg-chat-message__image {
  box-shadow: none;
}
.wg-chat-message__template-carousel-image img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}
.wg-chat-message--incoming:has(.wg-chat-message__image) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__image) .wg-chat-message__bubble {
  max-width: 312px;
}
.wg-chat-message--incoming:has(.wg-chat-message__image) .wg-chat-message__image, .wg-chat-message--outgoing:has(.wg-chat-message__image) .wg-chat-message__image {
  text-align: right;
}

.wg-chat-message__location-inner {
  display: flex;
  position: relative;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
  width: 280px;
  height: 280px;
  overflow: hidden;
  color: var(--wg-primary);
}
.wg-chat-message__location-inner::before {
  display: grid;
  position: absolute;
  place-items: center;
  inset: 0;
  content: "\e9b3";
  font-size: 3rem;
  font-family: "iconset";
}
.wg-chat-message__location-map {
  border-radius: 8px;
  width: 280px;
  height: 280px;
  pointer-events: none;
}
.wg-chat-message__location-map:has(.gm-err-container) {
  display: none;
}
.wg-chat-message__location-title {
  margin-top: 12px;
  font-weight: 700;
}
.wg-chat-message--incoming:has(.wg-chat-message__location) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__location) .wg-chat-message__bubble {
  max-width: 312px;
}
.wg-chat-message--outgoing:has(.wg-chat-message__location) .wg-chat-message__location-inner::before {
  color: var(--wg-secondary-20);
}
.wg-chat-message--failed:has(.wg-chat-message__location) .wg-chat-message__location-inner::before {
  color: #fb4d3d;
}

.wg-chat-message__quick-reply {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 4px;
}
.wg-chat-message__quick-reply__item {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: no-drop;
  border-radius: 16px;
  background: var(--wg-secondary--80);
  padding: 4px 12px;
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-chat-message__quick-reply__item:has(.wg-chat-message__quick-reply__image) {
  padding-left: 4px;
}
.wg-chat-message__quick-reply__item[class*=wgjs] {
  cursor: pointer;
  color: #1d1d1d;
}
.wg-chat-message__quick-reply__image {
  border-radius: 100%;
  height: 24px;
  pointer-events: none;
  user-select: none;
}
.wg-chat-message--incoming .wg-chat-message__quick-reply {
  justify-content: flex-start;
}
.wg-chat-message--incoming .wg-chat-message__quick-reply__item {
  background: var(--wg-primary--90);
}
.wg-chat-message--failed .wg-chat-message__quick-reply__item {
  background: #ffedec;
}

.wg-chat-message__video {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  overflow: hidden;
}
.wg-chat-message__video a {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  width: 100%;
  min-width: 280px;
  height: 280px;
}
.wg-chat-message__video-thumbnail {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  overflow: hidden;
}
.wg-chat-message__video-thumbnail:is(.has-spoiler) {
  overflow: hidden;
}
.wg-chat-message__video-thumbnail:is(.has-spoiler) img {
  filter: blur(24px);
}
.wg-chat-message__video-thumbnail img {
  aspect-ratio: 1;
  width: 280px;
  object-fit: cover;
  pointer-events: none;
}
.wg-chat-message__video--vertical a, .wg-chat-message__video--vertical .wg-chat-message__video-thumbnail img {
  aspect-ratio: 1/1.5;
  height: auto;
}
.wg-chat-message__video-icon {
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  place-items: center;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 100%;
  background: rgba(29, 29, 29, 0.32);
  width: 64px;
  height: 64px;
  color: #ffffff;
  font-size: 1.75rem;
  line-height: 1;
}
.wg-chat-message__template-carousel-video {
  position: relative;
  border-radius: 0;
  aspect-ratio: 1;
  width: 100%;
  overflow: hidden;
}
.wg-chat-message__template-carousel-video a {
  border-radius: 0;
  min-width: 100%;
  height: 100%;
}
.wg-chat-message__template-carousel-video .wg-chat-message__video {
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.wg-chat-message__template-carousel-video .wg-chat-message__video-thumbnail {
  border-radius: 0;
}
.wg-chat-message__template-carousel-video img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}
.wg-chat-message--incoming:has(.wg-chat-message__video) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__video) .wg-chat-message__bubble {
  width: 100%;
  max-width: 312px;
}

.wg-chat-message__template-carousel {
  border-radius: 8px;
  overflow: hidden;
}
.wg-chat-message__template-carousel:has(.swiper-slide:only-child),
.wg-chat-message__template-carousel:has(.swiper-slide:only-child) .wg-chat-message__template-carousel-item {
  min-width: 212px;
}
.wg-chat-message__template-carousel:has(.swiper-slide:nth-child(n+3)) .wg-chat-message__template-carousel-image::before {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.75);
  width: 16px;
  height: 16px;
  content: counter(section);
  color: #1d1d1d;
  font-size: 0.6875rem;
  line-height: 16px;
  text-align: center;
}
.wg-chat-message__template-carousel-item {
  display: flex;
  position: relative;
  flex-direction: column;
  border-radius: 8px;
  background: #ffffff;
  height: 100%;
}
.wg-chat-message__template-carousel-item::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-chat-message__template-carousel-content {
  border-top: 1px solid #f6f6f7;
  padding: 8px 12px;
}
.wg-chat-message__template-carousel-buttons {
  margin-top: auto;
}
.wg-chat-message__template-carousel-buttons__item {
  cursor: no-drop;
  border-top: 1px solid #ebedf0;
  padding: 5px 4px 4px;
  color: #bac1cc;
  font-size: 0.75rem;
  user-select: none;
  text-align: center;
}
.wg-chat-message__template-carousel .swiper-slide {
  counter-increment: section;
  height: auto;
}
.wg-chat-message__template-carousel .swiper-button {
  transition: all 0.3s;
  border-radius: 100%;
  background: var(--wg-primary);
  width: 32px;
  height: 32px;
  font-size: 1.5rem;
}
.wg-chat-message__template-carousel .swiper-button:hover {
  background: var(--wg-primary-20);
}
.wg-chat-message__template-carousel .swiper-button-prev::after, .wg-chat-message__template-carousel .swiper-button-next::after {
  color: #ffffff;
  font-size: 1.125rem;
  font-family: "iconset";
}
.wg-chat-message__template-carousel .swiper-button-prev {
  transform: translateX(calc(-100% - 32px));
}
.wg-chat-message__template-carousel .swiper-button-prev::after {
  content: "\e932";
}
.wg-chat-message__template-carousel .swiper-button-next {
  transform: translateX(calc(100% + 32px));
}
.wg-chat-message__template-carousel .swiper-button-next::after {
  content: "\e933";
}
.wg-chat-message__template-carousel .swiper:hover .swiper-button:not(.swiper-button-disabled) {
  transform: translateX(0);
}
.wg-chat-message__template:has(.wg-chat-message__template-body + .wg-chat-message__template-carousel) {
  display: flex;
  flex-direction: column-reverse;
}
.wg-chat-message__template:has(.wg-chat-message__template-body + .wg-chat-message__template-carousel) .wg-chat-message__template-body {
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}
.wg-chat-message--incoming:has(.wg-chat-message__template-carousel) .wg-chat-message__bubble, .wg-chat-message--outgoing:has(.wg-chat-message__template-carousel) .wg-chat-message__bubble {
  max-width: 464px;
}

.wg-chat-message__template-header:has(.wg-chat-message__document) {
  border: none;
  padding: 0;
}

.wg-chat-message__template-lto__title {
  font-weight: 700;
}
.wg-chat-message__template-lto__expiration {
  color: #76859b;
}
.wg-chat-message__template:has(.wg-chat-message__template-header + .wg-chat-message__template-body + .wg-chat-message__template-lto) {
  display: flex;
  flex-direction: column;
}
.wg-chat-message__template:has(.wg-chat-message__template-header + .wg-chat-message__template-body + .wg-chat-message__template-lto) .wg-chat-message__template-header {
  order: 1;
}
.wg-chat-message__template:has(.wg-chat-message__template-header + .wg-chat-message__template-body + .wg-chat-message__template-lto) .wg-chat-message__template-lto {
  order: 2;
}
.wg-chat-message__template:has(.wg-chat-message__template-header + .wg-chat-message__template-body + .wg-chat-message__template-lto) .wg-chat-message__template-body {
  order: 3;
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}

.wg-account-auth-drawers-contracts .wg-a-tabs__contents {
  margin-bottom: 72px;
}

.wg-account-auth-p-invitation-verify:has(.wg-account-auth-p-invitation-verify__contracts) .wg-l-default__content-body-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.wg-account-auth-p-invitation-verify__contracts {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-account-auth-p-invitation-verify__contracts a {
  font-weight: 700;
}

.wg-account-auth-p-signin .wg-l-default__content-body-bottom {
  margin-top: 16px !important;
}

.wg-account-auth-p-signup .wg-l-default__content-body-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.wg-account-auth-p-signup__contracts {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-account-auth-p-signup__contracts a {
  font-weight: 700;
}

.wg-account-auth-p-two-factor-types .wg-l-default__content-body-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wg-account-auth-p-two-factor-types .wg-l-default__content-body-form-button {
  margin-top: 4px;
  font-size: 0.875rem;
  text-align: center;
}
.wg-account-auth-p-two-factor-types .wg-l-default__content-body-form-button a {
  color: #76859b;
}

.wg-account-auth-p-two-factor-verify .wg-l-default__content-body-form .wg-c-form {
  height: auto;
}
.wg-account-auth-p-two-factor-verify .wg-l-default__content-body-form-button {
  margin-top: 16px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  text-align: center;
}
.wg-account-auth-p-two-factor-verify .wg-l-default__content-body-form-button a {
  color: #76859b;
}

.account-auth-sections-contract-content__copy {
  position: fixed;
  bottom: 24px;
  left: 0;
  padding-inline: 24px;
  width: 100%;
}

.wg-account-contracts-p-home .wg-l-workspace {
  padding: 0;
}

@media (min-width: 1024px) {
  .wg-account-onboarding-p-tenant.wg-l-default__content-body--boxed {
    padding: 32px 128px !important;
  }
}
.wg-account-onboarding-p-tenant .wg-l-default__content-body-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-account-onboarding-p-tenant .wg-l-default__content-body-form .select2-selection {
  height: 56px;
}
.wg-account-onboarding-p-tenant-contract {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
.wg-account-onboarding-p-tenant-contract a {
  font-weight: 700;
}

.wg-account-onboarding-p-verify .wg-l-default__content-body-text {
  line-height: 24px;
}
.wg-account-onboarding-p-verify__footer-resend {
  line-height: 1.5rem;
}
.wg-account-onboarding-p-verify__footer-resend a {
  font-weight: 700;
}

.wg-account-profile-drawers-backup-codes--line-through {
  color: #76859b;
  text-decoration: line-through;
}

.wg-account-profile-drawers-settings .wg-a-drawer-footer {
  display: flex;
  gap: 8px;
}

.wg-a-drawer:has(.wg-s-notification) {
  width: 792px;
}

.wg-account-profile-drawers-two-factor-otp-create .wg-a-text {
  font-size: 0.875rem;
}
.wg-account-profile-drawers-two-factor-otp-create .wg-a-text.two-factor-otp-create-form-item {
  margin-top: 24px;
}

.wg-account-profile-drawers-two-factor-otp-remove .wg-a-text {
  font-size: 0.875rem;
}

.wg-s-notification td {
  vertical-align: middle;
}
.wg-s-notification td:not(:first-child) {
  width: 72px;
}
.wg-s-notification th {
  text-align: center;
}
.wg-s-notification .wg-a-switch {
  justify-content: center;
}
.wg-s-notification .wg-a-switch__container {
  margin-right: 0;
}

.wg-account-tenant-contract-p-home .wg-l-workspace {
  padding: 0;
}

.wg-account-s-tenant-contract {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto !important;
}
.wg-account-s-tenant-contract .wg-a-btn {
  width: fit-content;
}

.wg-landing-l-default {
  display: flex;
  position: relative;
  height: 100vh;
}
.wg-landing-l-default__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.wg-landing-l-default__content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 24px;
  padding: 2rem;
}
.wg-landing-l-default__content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: auto;
  user-select: none;
}
.wg-landing-l-default__content-header img {
  max-width: 200px;
  max-height: 48px;
}
.wg-landing-l-default__content-header button {
  align-self: center;
}
.wg-landing-l-default__content-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.wg-landing-l-default__content-body > div {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  max-width: 460px;
}
.wg-landing-l-default__content-body > div .wg-landing-l-default__content-body-bottom {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.wg-landing-l-default__content-body > div.wg-landing-l-default__content-body--boxed {
  box-shadow: 0px 0px 8px rgba(29, 29, 29, 0.05);
  border-radius: 16px;
  background-color: #ffffff;
  padding: 32px 128px;
  max-width: 696px;
}
.wg-landing-l-default__content-body > div.wg-landing-l-default__content-body--boxed.wg-landing-l-default__content-body--lg {
  max-width: 1440px;
}
.wg-landing-l-default__content-body > div.wg-landing-l-default__content-body--boxed + .wg-landing-l-default__content-body-bottom {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .wg-landing-l-default__content-body > div.wg-landing-l-default__content-body--boxed {
    padding: 24px 32px;
  }
}
.wg-landing-l-default__content-body-title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}
.wg-landing-l-default__content-body-text {
  color: #76859b;
  font-size: 0.875rem;
  text-align: center;
}
.wg-landing-l-default__content-body-tabs {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}
.wg-landing-l-default__content-body-tabs--bordered {
  display: inline-block;
  position: relative;
  border-bottom: solid 3px #1d1d1d;
  padding: 0 1rem;
  color: #1d1d1d;
  font-size: 1.125rem;
  line-height: 34px;
}
.wg-landing-l-default__content-body-tabs--bordered.active {
  border-bottom: solid 3px var(--wg-primary);
  color: var(--wg-primary);
}
.wg-landing-l-default__content-body-tabs--bordered.active::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: solid 6px var(--wg-primary);
  border-right: solid 6px transparent;
  border-left: solid 6px transparent;
  content: "";
}
.wg-landing-l-default__content-body-form {
  margin-top: 32px;
}
.wg-landing-l-default__content-body-form-item {
  margin-bottom: 1rem;
}
.wg-landing-l-default__content-body-form-button {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.wg-landing-l-default__content-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.wg-landing-l-default__content-footer-copyright {
  color: #76859b;
  font-size: 0.75rem;
}

.wg-landing-p-tenant .wg-landing-l-default__content-body-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wg-landing-p-tenant .wg-landing-l-default__content-body-form-button {
  margin-top: 4px;
  font-size: 0.875rem;
  text-align: center;
}
.wg-landing-p-tenant .wg-landing-l-default__content-body-form-button a {
  color: #76859b;
}

.wg-system-pages-changelog {
  display: flex;
  flex-direction: row !important;
  gap: 24px;
  margin: 0 !important;
  border-radius: 16px;
  padding: 0 !important;
  max-width: 100% !important;
  height: 100%;
}
.wg-system-pages-changelog__left {
  flex-shrink: 0;
  box-shadow: 0px 0px 8px rgba(29, 29, 29, 0.05);
  border-radius: 16px;
  background: #ffffff;
  width: 344px;
  height: 100%;
}
.wg-system-pages-changelog__left-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px 8px;
}
.wg-system-pages-changelog__left-header-versions {
  font-weight: 700;
  font-size: 16px;
}
.wg-system-pages-changelog__left-version {
  display: flex;
  position: relative;
  flex-direction: column;
  transition: all 0.3s;
  cursor: pointer;
  border-bottom: 1px dashed #d4d6d8;
  padding: 16px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-system-pages-changelog__left-version-date {
  color: #76859b;
}
.wg-system-pages-changelog__left-version::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-3px);
  opacity: 0;
  transition: all 0.3s;
  background-color: var(--wg-secondary);
  width: 3px;
  height: 100%;
  content: "";
}
.wg-system-pages-changelog__left-version:hover {
  background-color: rgb(251.4, 251.4, 251.8);
}
.wg-system-pages-changelog__left-version.active {
  cursor: default;
  background-color: rgb(251.4, 251.4, 251.8);
}
.wg-system-pages-changelog__left-version.active::before {
  transform: translateX(0);
  opacity: 1;
}
.wg-system-pages-changelog__right {
  box-shadow: 0px 0px 8px rgba(29, 29, 29, 0.05);
  border-radius: 16px;
  background: #ffffff;
  padding: 24px;
  width: 100%;
  height: 100%;
}

.wg-l-default__content-body:has(.wg-system-pages-changelog) {
  overflow: hidden;
}

.wg-system-p-icons {
  margin: 12px 0 !important;
  padding: 32px !important;
  max-width: 100% !important;
}

@media (max-width: 700px) {
  .wg-account-onboarding-p-payment-system-orders {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

.wg-tenant-c-syntax-highlighter {
  border-bottom: 1px dashed #d4d6d8;
  padding: 12px 16px;
}
.wg-tenant-c-syntax-highlighter__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-tenant-c-syntax-highlighter__code-empty {
  color: #76859b;
  font-size: 0.8125rem;
  line-height: 1rem;
}

.tenant-c-tenants-list-item {
  transition: all 0.3s;
  border-bottom: 1px dashed #d4d6d8;
  padding: 16px;
}
.tenant-c-tenants-list-item:nth-last-child(3) {
  border-bottom: none;
}
.tenant-c-tenants-list-item .wg-a-avatar {
  font-weight: 700;
}
.tenant-c-tenants-list-item:not(.is-active) {
  cursor: pointer;
}
.tenant-c-tenants-list-item:not(.is-active):hover {
  background-color: rgb(251.4, 251.4, 251.8);
}
.tenant-c-tenants-list-item.is-active .tenant-c-tenants-list-item__header-logo::after {
  opacity: 1;
}
.tenant-c-tenants-list-item .tenant-c-tenants-list-item__header-logo {
  position: relative;
}
.tenant-c-tenants-list-item .tenant-c-tenants-list-item__header-logo::after {
  display: flex;
  position: absolute;
  top: -2px;
  right: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
  border-radius: 9999px;
  background-color: var(--wg-secondary);
  width: 16px;
  height: 16px;
  content: "\e940";
  font-size: 0.625rem;
  font-family: "iconset";
}
.tenant-c-tenants-list-item__header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tenant-c-tenants-list-item__header-detail-title {
  display: flex;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tenant-c-tenants-list-item__header-detail-title__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tenant-c-tenants-list-item__header-detail-title__state {
  color: #fb4d3d;
}
.tenant-c-tenants-list-item__header-detail-description {
  color: #76859b;
  font-size: 0.75rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25rem;
}
.tenant-c-tenants-list-item:has(.tenant-c-tenants-list-item__info) .tenant-c-tenants-list-item__header {
  margin-bottom: 16px;
}
.tenant-c-tenants-list-item__info {
  display: flex;
  justify-content: space-between;
}
.tenant-c-tenants-list-item__info-counts {
  display: flex;
  gap: 16px;
}
.tenant-c-tenants-list-item__info-counts-item-title {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.tenant-c-tenants-list-item__info-counts-item-text {
  display: flex;
  gap: 8px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1rem;
}

.wg-tenant-drawers-tenant-create__contract {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
.wg-tenant-drawers-tenant-create__contract a {
  font-weight: 700;
}

.wg-is-mobile .wg-tenant-p-custom-view {
  height: 100vh;
}
:is(.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__left, .wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__right) {
  position: fixed;
  top: 0;
  z-index: 9;
  transition: all 0.3s;
  width: 100%;
  max-width: 344px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__collapse {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__left {
  left: 0;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__left.collapsed {
  translate: -100%;
  margin-left: initial;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__left.collapsed .wg-l-workspace__collapse {
  right: -24px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__left.collapsed .wg-l-workspace__collapse:is(:hover) {
  right: -24px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__right {
  right: 0;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__right.collapsed {
  translate: 100%;
  margin-right: initial;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__right.collapsed .wg-l-workspace__collapse {
  left: -24px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__right.collapsed .wg-l-workspace__collapse:is(:hover) {
  left: -24px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace:has(.wg-l-workspace__left:not(.collapsed)) .wg-l-workspace__right, .wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace:has(.wg-l-workspace__right:not(.collapsed)) .wg-l-workspace__left {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace__overlay {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: 8;
  transition: all 0.2s;
  inset: 0;
  background-color: #1d1d1d;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace:has(.wg-l-workspace__left:not(.collapsed)) .wg-l-workspace__overlay, .wg-is-mobile .wg-tenant-p-custom-view .wg-l-workspace:has(.wg-l-workspace__right:not(.collapsed)) .wg-l-workspace__overlay {
  visibility: visible;
  opacity: 0.75;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-a-tabs__header {
  padding: 16px 24px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-a-tabs__list:is(.wg-a-tabs-list-horizontal) .wg-a-tabs-list-horizontal__items {
  gap: 8px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-a-tabs__list:is(.wg-a-tabs-list-horizontal) .wg-a-tabs-list-horizontal__items > li a {
  padding: 12px 8px;
}
.wg-is-mobile .wg-tenant-p-custom-view .wg-a-tabs__pane:not(:is(.wg-a-tabs__pane--no-padding)) > .wg-s-custom-view {
  padding: 24px;
}
.wg-is-mobile .wg-tenant-p-custom-view > .wg-s-custom-view > .wg-a-tabs > .wg-a-tabs__contents > .wg-a-tabs__pane > div {
  padding: 24px;
}
.wg-is-mobile:has(.wg-tenant-p-custom-view) {
  background: #ffffff;
}
.wg-is-mobile:has(.wg-tenant-p-custom-view) .wg-a-drawer-header {
  align-items: center;
  padding: 16px 24px 15px;
}
.wg-is-mobile:has(.wg-tenant-p-custom-view) .wg-a-drawer-header .wg-a-composite-title {
  font-size: 1.125rem;
}

.wg-tenant-p-home__tenant-list {
  background-color: var(--wg-primary--90) !important;
}

.wg-tenant-s-jobs td {
  vertical-align: middle;
}
.wg-tenant-s-jobs--th-width {
  width: 20%;
}
.wg-tenant-s-jobs .wg-c-filter__search {
  cursor: no-drop;
  background-color: #f6f6f7;
}
.wg-tenant-s-jobs .wg-c-filter__search .wg-a-input {
  background-color: #f6f6f7;
  pointer-events: none;
}

.wg-dashboard-t-home {
  display: flex;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
}

.wg-t-quick-start {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}
.wg-t-quick-start__header {
  display: flex;
  justify-content: space-between;
}
.wg-t-quick-start__content {
  display: flex;
  flex-grow: 1;
  gap: 32px;
}

.wg-dashboard-card, .wg-tenant-support-w-ad, .wg-tenant-partnership-w-ad, .wg-tenant-asset-store-w-ad, .wg-dashboard-w-sessions-kpi, .wg-dashboard-w-sessions, .wg-dashboard-w-metabase, .wg-dashboard-w-channels, .wg-dashboard-w-billing, .wg-dashboard-w-asset-store-apps, .wg-dashboard-w-agents {
  display: flex;
  flex-grow: 1;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  width: 100%;
}

.wg-dashboard-card-header, .wg-dashboard-w-sessions-header, .wg-dashboard-w-metabase__header, .wg-dashboard-w-channels-header, .wg-dashboard-w-asset-store-apps-header, .wg-dashboard-w-agents-header {
  display: inline-flex;
  padding: 24px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}

.wg-dashboard-w-agents {
  display: flex;
  position: relative;
  flex-direction: column;
}
.wg-dashboard-w-agents .wg-dashboard-w-agents-body {
  padding-bottom: 50px;
}
.wg-dashboard-w-agents .ps__rail-y {
  z-index: 1;
}
.wg-dashboard-w-agents .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-dashboard-w-agents-header {
  justify-content: space-between;
}
.wg-dashboard-w-agents-header .wg-dashboard-w-agents-filter .wg-a-select .select2-selection {
  border-radius: 24px;
}
.wg-dashboard-w-agents-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.wg-dashboard-w-agents-filter {
  min-width: 114px;
}
.wg-dashboard-w-agents-filter .wg-a-select .select2-selection {
  border-radius: 24px;
}
.wg-dashboard-w-agents-list {
  padding: 0px 24px;
}
.wg-dashboard-w-agents-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-dashboard-w-agents-item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-dashboard-w-agents-item:not(:first-child) {
  padding-top: 16px;
}
.wg-dashboard-w-agents-item .wg-dashboard-w-agents-item__agent {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.wg-dashboard-w-agents-item .wg-dashboard-w-agents-item__name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-all;
}
.wg-dashboard-w-agents-item .wg-dashboard-w-agents-item__last-seen {
  color: #76859b;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.wg-dashboard-w-agents select[name=dashboardWidgetsAgentsFilter] {
  width: 99px;
}

.wg-dashboard-w-asset-store-apps {
  display: flex;
  position: relative;
  flex-direction: column;
}
.wg-dashboard-w-asset-store-apps .wg-dashboard-w-asset-store-apps-body {
  padding-bottom: 50px;
}
.wg-dashboard-w-asset-store-apps .ps__rail-y {
  z-index: 1;
}
.wg-dashboard-w-asset-store-apps .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-dashboard-w-asset-store-apps-header {
  justify-content: space-between;
}
.wg-dashboard-w-asset-store-apps-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.wg-dashboard-w-asset-store-apps-list {
  padding-top: 1px;
  padding: 0px 24px;
  max-height: 0px;
}
.wg-dashboard-w-asset-store-apps-item {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
.wg-dashboard-w-asset-store-apps-item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-dashboard-w-asset-store-apps-item:not(:first-child) {
  padding-top: 16px;
}
.wg-dashboard-w-asset-store-apps-item__app {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.wg-dashboard-w-asset-store-apps-item__app .wg-a-avatar {
  flex-shrink: 0;
}
.wg-dashboard-w-asset-store-apps-item__name {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-dashboard-w-asset-store-apps-item__description {
  color: #76859b;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wg-dashboard-w-billing {
  display: flex;
  position: relative;
  flex-direction: column;
  position: relative;
}
.wg-dashboard-w-billing .wg-dashboard-w-billing-body {
  padding-bottom: 50px;
}
.wg-dashboard-w-billing .ps__rail-y {
  z-index: 1;
}
.wg-dashboard-w-billing .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-dashboard-w-billing.is-negative-balance .wg-animated-border {
  --size: 180;
  --duration: 12000ms;
  --anchor: 90;
  --color-from: #fb4d3d;
  --color-to: #fedbd8;
  --delay: 0ms;
  position: absolute;
  mask-image: linear-gradient(transparent, transparent), linear-gradient(white, white);
  -webkit-mask-clip: padding-box, border-box;
  mask-clip: padding-box, border-box;
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
  inset: -1px;
  border: 2px solid transparent;
  border-radius: inherit;
  pointer-events: none;
}
.wg-dashboard-w-billing.is-negative-balance .wg-animated-border::after {
  position: absolute;
  offset-anchor: calc(var(--anchor) * 1%) 50%;
  offset-path: rect(0 auto auto 0 round calc(var(--size) * 1px));
  animation: animated-border-180 var(--duration) infinite linear;
  animation-delay: var(--delay);
  background: linear-gradient(to left, var(--color-from), var(--color-to), transparent);
  aspect-ratio: 1/1;
  width: calc(var(--size) * 1px);
  content: "";
}
@keyframes animated-border-180 {
  to {
    offset-distance: 100%;
  }
}
.wg-dashboard-w-billing.is-negative-balance .wg-dashboard-w-billing-header-balance__amount {
  color: #fb4d3d;
}
.wg-dashboard-w-billing-header {
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
.wg-dashboard-w-billing-header-balance__amount {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
}
.wg-dashboard-w-billing:is(.is-loading) .wg-dashboard-w-billing-header-balance__amount {
  padding-block: 8px;
}
.wg-dashboard-w-billing-header-balance__title {
  margin-top: 2px;
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.wg-dashboard-w-billing-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.wg-dashboard-w-billing-alerts {
  padding-inline: 24px;
}
.wg-dashboard-w-billing-alerts .wg-a-alert:not(:last-child) {
  margin-bottom: 12px;
}
.wg-dashboard-w-billing-estimations {
  margin-top: 24px;
  border-top: 1px solid #d4d6d8;
  padding: 24px 24px 0;
}
.wg-dashboard-w-billing-estimations__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.wg-dashboard-w-billing-estimations__title .wg-a-btn-icon {
  all: initial;
  display: inline-flex;
  color: #76859b;
}
.wg-dashboard-w-billing-estimations__list > .wg-c-dynamic-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #ebedf0;
  padding-bottom: 16px;
}
.wg-dashboard-w-billing-estimations__content {
  gap: 2px;
}
.wg-dashboard-w-billing-estimations__amount {
  font-weight: 700;
}

.wg-dashboard-w-channels {
  display: flex;
  position: relative;
  flex-direction: column;
}
.wg-dashboard-w-channels .wg-dashboard-w-channels-body {
  padding-bottom: 50px;
}
.wg-dashboard-w-channels .ps__rail-y {
  z-index: 1;
}
.wg-dashboard-w-channels .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-dashboard-w-channels-header {
  justify-content: space-between;
}
.wg-dashboard-w-channels-header .wg-dashboard-w-channels-filter .wg-a-select .select2-selection {
  border-radius: 24px;
}
.wg-dashboard-w-channels-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.wg-dashboard-w-channels-filter {
  min-width: 114px;
}
.wg-dashboard-w-channels-list {
  padding: 0px 24px;
  padding-top: 1px;
}
.wg-dashboard-w-channels-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-dashboard-w-channels-item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-dashboard-w-channels-item:not(:first-child) {
  padding-top: 16px;
}
.wg-dashboard-w-channels-item__channel {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.wg-dashboard-w-channels-item__channel .wg-a-avatar {
  flex-shrink: 0;
}
.wg-dashboard-w-channels-item__copy-icon {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 2;
  border-radius: 100%;
  background-color: rgba(212, 214, 216, 0.5);
  width: 100%;
  height: 100%;
}
.wg-dashboard-w-channels-item__name {
  cursor: pointer;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-dashboard-w-channels-item__date {
  color: #76859b;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.wg-dashboard-w-channels select[name=dashboardWidgetsChannelsFilter] {
  width: 99px;
}

.wg-dashboard-w-metabase {
  display: flex;
  position: relative;
  flex-direction: column;
}
.wg-dashboard-w-metabase .wg-dashboard-w-metabase-body {
  padding-bottom: 50px;
}
.wg-dashboard-w-metabase .ps__rail-y {
  z-index: 1;
}
.wg-dashboard-w-metabase .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-dashboard-w-metabase__body {
  flex-grow: 1;
}

.wg-c-dynamic-grid--edit-mode-on .wg-dashboard-w-metabase {
  pointer-events: none;
}

.wg-tenant-w-onboarding {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-w-onboarding .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-w-onboarding .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-w-onboarding .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-w-onboarding:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-w-onboarding:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-w-onboarding:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-header {
  padding: 0px 16px;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer .wg-a-btn:only-child:hover, .wg-tenant-w-onboarding .wg-tenant-w-onboarding-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-tenant-w-onboarding-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-tenant-w-onboarding-header__steps {
  color: #76859b;
  font-size: 0.875rem;
}
.wg-tenant-w-onboarding__list-item {
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 36px;
  font-size: 0.875rem;
}
.wg-tenant-w-onboarding__list-item a {
  color: #1d1d1d;
  line-height: 1.5rem;
}
.wg-tenant-w-onboarding__list-item::before {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  margin-right: 12px;
  border-radius: 100%;
  background-color: #ebedf0;
  width: 24px;
  height: 24px;
  content: "";
  color: var(--wg-primary);
  line-height: 1;
  font-family: "iconset";
}
.wg-tenant-w-onboarding__list-item:hover::before {
  background-color: var(--wg-primary--90);
}
.wg-tenant-w-onboarding__list-item:not(:last-child) {
  margin-bottom: 8px;
}
.wg-tenant-w-onboarding__list-item.is-active::before {
  background: var(--wg-primary--90);
  content: "\e940";
}

.wg-dashboard-w-sessions {
  display: flex;
  position: relative;
  flex-direction: column;
}
.wg-dashboard-w-sessions .wg-dashboard-w-sessions-body {
  padding-bottom: 50px;
}
.wg-dashboard-w-sessions .ps__rail-y {
  z-index: 1;
}
.wg-dashboard-w-sessions .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-dashboard-w-sessions-header {
  justify-content: space-between;
}
.wg-dashboard-w-sessions-header .wg-a-composite-title-content__title {
  font-size: 1rem;
}
.wg-dashboard-w-sessions-header .wg-a-badge {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-dashboard-w-sessions-body {
  flex-grow: 1;
  padding-bottom: 50px;
}
.wg-dashboard-w-sessions-list {
  padding: 0px 24px;
  padding-top: 1px;
}
.wg-dashboard-w-sessions-item {
  display: flex;
  row-gap: 12px;
  flex-direction: column;
}
.wg-dashboard-w-sessions-item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-dashboard-w-sessions-item:not(:first-child) {
  padding-top: 16px;
}
.wg-dashboard-w-sessions-item__top {
  display: flex;
  justify-content: space-between;
}
.wg-dashboard-w-sessions-item__body {
  display: flex;
  column-gap: 8px;
}
.wg-dashboard-w-sessions-item__body .wg-a-avatar {
  flex-shrink: 0;
}
.wg-dashboard-w-sessions-item__customer-name {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-dashboard-w-sessions-item__last-message {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #76859b;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  word-break: break-word;
}
.wg-dashboard-w-sessions-item__date {
  flex-shrink: 0;
  color: #76859b;
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1.125rem;
}
.wg-dashboard-w-sessions-item__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-dashboard-w-sessions-item__agent {
  display: flex;
  column-gap: 4px;
  align-items: center;
}
.wg-dashboard-w-sessions-item__agent-name {
  color: #76859b;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
}

.wg-dashboard-w-sessions-kpi {
  overflow: auto;
}
.wg-dashboard-w-sessions-kpi-header {
  display: inline-flex;
  justify-content: space-between;
  padding: 24px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-dashboard-w-sessions-kpi-body {
  display: inline-flex;
  flex-grow: 1;
  justify-content: space-around;
  padding: 24px;
}
.wg-dashboard-w-sessions-kpi-item {
  display: inline-flex;
  gap: 12px;
}
.wg-dashboard-w-sessions-kpi-item > .wg-dashboard-w-sessions-kpi-item__icon {
  display: flex;
  border-radius: 64px;
  width: 44px;
  height: 44px;
}
.wg-dashboard-w-sessions-kpi-item > .wg-dashboard-w-sessions-kpi-item__icon > i {
  margin: auto;
  font-size: 24px;
}
.wg-dashboard-w-sessions-kpi-item .wg-dashboard-w-sessions-kpi-item__value {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.wg-dashboard-w-sessions-kpi-item .wg-dashboard-w-sessions-kpi-item__label {
  font-size: 0.875rem;
  line-height: 1rem;
}
.wg-dashboard-w-sessions-kpi-item.--waiting .wg-dashboard-w-sessions-kpi-item__icon {
  background-color: #feede1;
}
.wg-dashboard-w-sessions-kpi-item.--waiting .wg-dashboard-w-sessions-kpi-item__icon i {
  color: #fa8334;
}
.wg-dashboard-w-sessions-kpi-item.--all .wg-dashboard-w-sessions-kpi-item__icon {
  background-color: #ddf0fb;
}
.wg-dashboard-w-sessions-kpi-item.--all .wg-dashboard-w-sessions-kpi-item__icon i {
  color: #1b98e0;
}
.wg-dashboard-w-sessions-kpi-item.--active .wg-dashboard-w-sessions-kpi-item__icon {
  background-color: #ddf5e9;
}
.wg-dashboard-w-sessions-kpi-item.--active .wg-dashboard-w-sessions-kpi-item__icon i {
  color: #1abb68;
}
.wg-dashboard-w-sessions-kpi-item.--terminated .wg-dashboard-w-sessions-kpi-item__icon {
  background-color: #ebedf0;
}
.wg-dashboard-w-sessions-kpi-item.--terminated .wg-dashboard-w-sessions-kpi-item__icon i {
  color: #bac1cc;
}

.wg-tenant-asset-store-c-apps-detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px !important;
}
.wg-tenant-asset-store-c-apps-detail__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-asset-store-c-apps-detail__body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper {
  margin: 0 -32px;
  padding: 0 32px;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-slide {
  position: relative;
  border: 1px solid #ebedf0;
  border-radius: 8px;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-slide a:focus {
  outline: none;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-slide img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper .has-video {
  position: relative;
  overflow: hidden;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper .has-video img {
  filter: blur(12px);
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper .has-video::before {
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.6);
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper .has-video::after {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  content: "\e9d4";
  color: #1d1d1d;
  font-size: 2rem;
  font-family: "iconset";
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-button {
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s;
  margin-top: 0;
  border-radius: 100%;
  background: #1d1d1d;
  width: 32px;
  height: 32px;
  font-size: 1.5rem;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-button-prev::after, .wg-tenant-asset-store-c-apps-detail__gallery .swiper-button-next::after {
  position: relative;
  top: 1px;
  color: #ffffff;
  font-size: 1.125rem;
  font-family: "iconset";
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-button-prev {
  left: 40px;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-button-prev::after {
  content: "\e932";
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-button-next {
  right: 40px;
}
.wg-tenant-asset-store-c-apps-detail__gallery .swiper-button-next::after {
  content: "\e933";
}
.wg-tenant-asset-store-c-apps-detail__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wg-tenant-asset-store-c-apps-detail__logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.25rem;
}
.wg-tenant-asset-store-c-apps-detail__logo img {
  border-radius: 50%;
  width: 48px;
}
.wg-tenant-asset-store-c-apps-detail__description {
  font-size: 0.875rem;
}
@media (min-width: 0px) and (max-width: 1280px) {
  .wg-tenant-asset-store-c-apps-detail .swiper {
    height: 200px;
  }
}
@media (min-width: 1280px) and (max-width: 2560px) {
  .wg-tenant-asset-store-c-apps-detail .swiper {
    height: 250px;
  }
}
@media (min-width: 2560px) {
  .wg-tenant-asset-store-c-apps-detail .swiper {
    height: 400px;
  }
}

.wg-tenant-asset-store-c-apps-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 0.3s;
  cursor: pointer;
  border: 1px solid #ebedf0;
  border-radius: 12px;
  padding: 16px;
  overflow: hidden;
}
.wg-tenant-asset-store-c-apps-item:hover {
  border: 1px solid #d4d6d8;
}
.wg-tenant-asset-store-c-apps-item:hover .wg-tenant-asset-store-c-apps-item__header-actions {
  transform: translateY(0);
  opacity: 1;
}
.wg-tenant-asset-store-c-apps-item:hover .wg-tenant-asset-store-c-apps-item__header-version {
  transform: translateY(8px);
  opacity: 0;
}
.wg-tenant-asset-store-c-apps-item__header {
  display: flex;
  position: relative;
  align-items: center;
}
.wg-tenant-asset-store-c-apps-item__header-image img {
  display: block;
  border-radius: 32px;
  height: 32px;
}
.wg-tenant-asset-store-c-apps-item__header-version {
  display: flex;
  position: absolute;
  right: 0;
  gap: 5px;
  transform: translateY(0);
  opacity: 1;
  transition: all 0.3s;
  font-weight: 700;
  font-size: 0.75rem;
}
.wg-tenant-asset-store-c-apps-item__header-version-current {
  color: #fb4d3d;
}
.wg-tenant-asset-store-c-apps-item__header-version-new {
  color: #1abb68;
}
.wg-tenant-asset-store-c-apps-item__header-actions {
  display: flex;
  position: absolute;
  right: 0;
  gap: 4px;
  transform: translateY(-8px);
  opacity: 0;
  transition: all 0.3s;
}
.wg-tenant-asset-store-c-apps-item__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
  line-height: 1.25rem;
}
.wg-tenant-asset-store-c-apps-item__content-name {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
}
.wg-tenant-asset-store-c-apps-item__content-publisher {
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.75rem;
}
.wg-tenant-asset-store-c-apps-item__content-description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #76859b;
  font-weight: 500;
  font-size: 0.75rem;
  overflow-wrap: break-word;
}

.wg-tenant-asset-store-drawers-app-preview {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-asset-store-drawers-app-preview_preview-image img {
  border-radius: 12px;
  width: 100%;
  height: 242px;
  object-fit: cover;
}
.wg-tenant-asset-store-drawers-app-preview__head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-tenant-asset-store-drawers-app-preview__head__app-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.wg-tenant-asset-store-drawers-app-preview__description {
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.wg-tenant-asset-store-drawers-custom-app-create .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-asset-store-drawers-custom-app-create .wg-c-form {
  height: auto;
}
.wg-tenant-asset-store-drawers-custom-app-create__lists {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-asset-store-drawers-custom-app-create__lists .wg-c-list {
  height: auto;
}

.wg-tenant-asset-store-drawers-custom-app-import .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-asset-store-drawers-custom-app-import .wg-c-form {
  height: auto;
}

.wg-tenant-asset-store-drawers-custom-app-update .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-asset-store-drawers-custom-app-update .wg-c-form {
  height: auto;
}

.wg-tenant-asset-store-drawers-custom-app-update-version .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-asset-store-drawers-custom-app-update-version .wg-c-form {
  height: auto;
}

.wg-tenant-asset-store-s-custom-apps .wg-c-list__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  gap: 16px;
}
@media (min-width: 1024px) {
  .wg-tenant-asset-store-s-custom-apps .wg-c-list__content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1920px) {
  .wg-tenant-asset-store-s-custom-apps .wg-c-list__content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 2560px) {
  .wg-tenant-asset-store-s-custom-apps .wg-c-list__content {
    grid-template-columns: repeat(5, 1fr);
  }
}

.wg-tenant-asset-store-w-ad {
  display: flex;
  position: relative;
  flex-direction: column;
  border: none;
}
.wg-tenant-asset-store-w-ad .wg-tenant-asset-store-w-ad-body {
  padding-bottom: 50px;
}
.wg-tenant-asset-store-w-ad .ps__rail-y {
  z-index: 1;
}
.wg-tenant-asset-store-w-ad .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-tenant-asset-store-w-ad-body {
  flex-grow: 1;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.wg-tenant-asset-store-w-ad::before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0.75;
  background-image: url("assets/images/dashboard-widget-ad.png");
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-tenant-asset-store-w-ad__inner {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding-block: 32px;
  height: 100%;
  overflow: hidden;
  color: #ffffff;
}
.wg-tenant-asset-store-w-ad__inner::before {
  position: absolute;
  opacity: 0.95;
  inset: 0;
  background: var(--wg-primary);
  background: linear-gradient(180deg, var(--wg-primary) 0%, var(--wg-primary-20) 50%);
  pointer-events: none;
  content: "";
}
.wg-tenant-asset-store-w-ad__inner:hover {
  color: #ffffff;
}
.wg-tenant-asset-store-w-ad__icon, .wg-tenant-asset-store-w-ad__content {
  position: relative;
  z-index: 1;
  padding-inline: 32px;
}
.wg-tenant-asset-store-w-ad__icon {
  font-size: 3rem;
}
.wg-tenant-asset-store-w-ad__content {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
  pointer-events: none;
}
.wg-tenant-asset-store-w-ad__content::before {
  position: absolute;
  backdrop-filter: blur(4px);
  -webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
  mask-image: linear-gradient(to top, black 80%, transparent 100%);
  inset: 0;
  content: "";
}
.wg-tenant-asset-store-w-ad__content__inner {
  position: relative;
}
.wg-tenant-asset-store-w-ad__title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-tenant-asset-store-w-ad__description {
  opacity: 0.8;
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.wg-tenant-asset-store-w-ad__button {
  margin-top: 20px;
}
.wg-tenant-asset-store-w-ad__button .wg-a-btn {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.75);
  padding-left: 12px;
  color: #1d1d1d;
}
.wg-tenant-asset-store-w-ad__button .wg-a-btn i {
  transition: all 0.3s;
}
.wg-tenant-asset-store-w-ad:is(:hover) .wg-tenant-asset-store-w-ad__button .wg-a-btn i {
  rotate: 45deg;
}

body:has(.wg-c-dynamic-grid--edit-mode-on) .wg-tenant-asset-store-w-ad {
  pointer-events: none;
}

.wg-a-drawer:has(.wg-condition-builder) {
  width: 792px;
}
.wg-a-drawer:has(.wg-condition-builder):has([data-level="2"]) {
  width: calc(100% - 415px);
}

.wg-a-drawer:has(.wg-condition-builder) {
  width: 792px;
}
.wg-a-drawer:has(.wg-condition-builder) {
  width: 792px;
}
.wg-a-drawer:has(.wg-condition-builder) {
  width: 792px;
}
.wg-a-drawer:has(.wg-condition-builder):has([data-level="5"]) {
  width: calc(100% - 72px);
}

.wg-condition-builder {
  border: 1px solid;
  border-color: #d4d6d8;
  border-radius: 12px;
}
.wg-condition-builder-condition {
  position: relative;
  border-radius: 12px;
  background: #f6f6f7;
  padding-block: 12px;
}
.wg-condition-builder-condition:is(.highlighted)::before {
  border-left-color: var(--wg-primary);
}
.wg-condition-builder-condition:is(.highlighted):hover::before {
  border-bottom-color: var(--wg-primary);
}
.wg-condition-builder-condition__change {
  position: absolute;
  top: 50%;
  left: -43px;
  transform: translateY(-50%);
  z-index: 1;
  border-radius: 100%;
  line-height: 1;
}
.wg-condition-builder-condition__change:has(.wg-c-dropdown.active) {
  z-index: 2;
}
.wg-condition-builder-condition__change .wg-a-btn-icon {
  background: #ffffff;
}
.wg-condition-builder-condition__change .wg-a-btn-icon i {
  transition: all 0.3s;
}
.wg-condition-builder-condition__change .wg-a-btn-icon:not(:hover) i {
  color: #bac1cc;
}
.wg-condition-builder-condition:is(:hover) .wg-condition-builder-condition__change .wg-a-btn-icon i {
  color: var(--wg-primary);
}
.wg-condition-builder-condition__field {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-inline: 12px;
}
.wg-condition-builder-condition__field::before {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-condition-builder-condition:is(.is-new) .wg-condition-builder-condition__field::before {
  animation: highlightCondition 1.6s ease-in-out;
}
@keyframes highlightCondition {
  0% {
    background: #ebedf0;
    width: 0;
  }
  40% {
    background: #ebedf0;
    width: 100%;
  }
  100% {
    background: transparent;
    width: 100%;
  }
}
.wg-condition-builder-condition__field .wg-c-dynamic-item {
  position: relative;
  width: 100%;
}
.wg-condition-builder-condition__field .wg-c-dynamic-item:is(.wg-form-error) .wg-form-error {
  display: none !important;
}
.wg-condition-builder-condition__field .wg-c-dynamic-item:is(.wg-form-error) .wg-a-input, .wg-condition-builder-condition__field .wg-c-dynamic-item:is(.wg-form-error) .wg-a-input:focus, .wg-condition-builder-condition__field .wg-c-dynamic-item:is(.wg-form-error) .wg-a-select .select2-selection {
  border-color: #fb4d3d;
}
.wg-condition-builder-condition__remove {
  position: relative;
}
.wg-condition-builder-condition__remove:is(:not(:hover)) {
  color: #76859b !important;
}
.wg-condition-builder-condition__info {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  border-bottom: 1px dashed #d1eaf9;
  border-radius: 12px;
  background: #e8f5fc;
  padding: 12px;
  color: #1b98e0;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.wg-condition-builder-condition__info::before {
  position: absolute;
  bottom: -8px;
  left: 12px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxOCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODk4OSAwLjMyODk0N0MxLjMwNjc1IDAuODI5MTI3IDAuOTAxODg1IDAuOTk5OTEgMC44MjkwMzcgMS4yNjMyM0MwLjU1Nzc5NiAyLjI0MzggMC4yNTQ2MTcgMy4yNDk3IDAuMjE5NjkzIDQuMjU1MjlDMC4xMjU0NDkgNi45NjkxNiAwLjkwMTgwMiA5LjUwMjA4IDIuMDk2OSAxMS45MjA1QzQuMTI5NzUgMTYuMDM0NCA3LjEzOTM4IDE5LjM0OTUgMTAuNTQ3MSAyMi4zNDMzQzEwLjkxMTEgMjIuNjYzMSAxMS4yNTg3IDIzLjAwMTYgMTEuNjA3NiAyMy4zMzhDMTEuNjI5MyAyMy4zNTkgMTEuNTk1NCAyMy40Mzc4IDExLjU3NTggMjMuNTY1QzEwLjgwOSAyMy41NzU3IDEwLjAxNjcgMjMuNTQ4MiA5LjIzMjA0IDIzLjYxMzNDOC44MTUyMiAyMy42NDc4IDguMzY1OTcgMjMuNzcwOCA4LjAxODg3IDIzLjk5MTdDNy43OTY3NyAyNC4xMzMyIDcuNTc5NDEgMjQuNTY2MSA3LjYzODY0IDI0Ljc5NjdDNy43MTc0NCAyNS4xMDM3IDguMDI4MDMgMjUuNDAyMyA4LjMxNDM4IDI1LjU4NzJDOC41MTI2IDI1LjcxNTIgOC44MzgyOSAyNS42NjM0IDkuMTA2NjQgMjUuNjYwNUMxMS4yMDggMjUuNjM4NSAxMy4zMTA5IDI1LjY1MDQgMTUuNDEwMSAyNS41NjkyQzE3LjIwOTggMjUuNDk5NSAxNy42MDkyIDI0LjgxNzggMTcuMDU3MyAyMy4xNjM1QzE2LjQ5MjUgMjEuNDcwNSAxNi4wMTggMTkuNzQ3NCAxNS40ODI5IDE4LjA0NDFDMTUuMzE3MyAxNy41MTcyIDE1LjA4MjcgMTcuMDExOSAxNC44NTMxIDE2LjQyOTNDMTQuMDQxMiAxNy4wODkgMTMuOTQ2NCAxOS4yMzEyIDE0LjU2ODcgMjIuODU2MUMxMS45MDg0IDIxLjEyMSA5Ljg3IDE4Ljk5OCA3LjkxMjQ3IDE2Ljc5ODZDNS45NTM0IDE0LjU5NzYgNC4zODA1MiAxMi4xMzg3IDMuMTgxMjUgOS40MzM1QzEuOTUwNyA2LjY1Nzc0IDEuNzcxOCAzLjcxNzcxIDEuODk4OSAwLjMyODk0N1oiIGZpbGw9IiMxQjk4RTAiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-size: 12px 28px;
  background-repeat: no-repeat;
  width: 12px;
  height: 18px;
  content: "";
}
.wg-condition-builder-condition:has(.wg-condition-builder-condition__info) {
  padding-top: 0;
}
.wg-condition-builder-condition-list {
  position: relative;
  padding-top: 12px;
}
.wg-condition-builder-condition-list > :first-child::before {
  top: -13px;
}
.wg-condition-builder-condition-list > :last-child::after {
  display: none;
}
.wg-condition-builder-condition-list > ::before, .wg-condition-builder-condition-list > ::after {
  position: absolute;
  left: -28px;
  transition: all 0.3s;
  border-style: solid;
  border-color: #ebedf0;
  width: 29px;
  content: "";
}
.wg-condition-builder-condition-list > ::before {
  top: -10px;
  border-width: 0 0 2px 2px;
  border-bottom-left-radius: 12px;
  height: 25px;
}
.wg-condition-builder-condition-list > ::after {
  top: 8px;
  border-width: 0 0 0 2px;
  height: calc(100% - 5px);
}
.wg-condition-builder-condition-list > .wg-condition-builder-condition::before {
  height: calc(50% + 15px);
}
.wg-condition-builder-condition-list > .wg-condition-builder-condition:not(:first-child)::before {
  height: calc(50% + 10px);
}
.wg-condition-builder-condition-list > .wg-condition-builder-condition::after {
  top: calc(50% - 10px);
  height: calc(50% + 13px);
}
.wg-condition-builder-condition-list .wg-condition-builder-group {
  margin-top: 12px;
}
.wg-condition-builder-condition-list .wg-condition-builder-group::before, .wg-condition-builder-condition-list .wg-condition-builder-group::after {
  left: -28px;
}
.wg-condition-builder-condition-list > .wg-condition-builder-group {
  padding: 0;
}
.wg-condition-builder-condition-list > .wg-condition-builder-group:first-child {
  margin-top: 0;
}
.wg-condition-builder-group {
  position: relative;
  padding: 12px;
}
.wg-condition-builder-group:has(+ .wg-condition-builder-condition) {
  margin-bottom: 12px;
}
.wg-condition-builder-group .wg-condition-builder-condition-list > .wg-condition-builder-group::before {
  width: 28px;
  height: 30px;
}
.wg-condition-builder-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-condition-builder-group-header__actions {
  display: flex;
  gap: 8px;
}
.wg-condition-builder-group-header:is(.is-empty) .atoms-radio-button-group {
  background: #ffedec;
}
.wg-condition-builder-group-header:is(.is-empty) .atoms-radio-button-group-item:has(input:checked)::before {
  background: #fb4d3d;
}
.wg-condition-builder-group-body {
  padding-left: 40px;
}
.wg-condition-builder-group-body .wg-condition-builder-condition + .wg-condition-builder-condition {
  margin-top: 0;
  border-top: 1px solid #ebedf0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.wg-condition-builder-group-body .wg-condition-builder-condition + .wg-condition-builder-condition .wg-condition-builder-condition__field::before,
.wg-condition-builder-group-body .wg-condition-builder-condition + .wg-condition-builder-condition .wg-condition-builder-condition__info {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.wg-condition-builder-group-body .wg-condition-builder-condition:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.wg-condition-builder-group-body .wg-condition-builder-condition:not(:last-child) .wg-condition-builder-condition__field::before,
.wg-condition-builder-group-body .wg-condition-builder-condition:not(:last-child) .wg-condition-builder-condition__info {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.wg-condition-builder-group-body .wg-condition-builder-condition:not(:has(+ .wg-condition-builder-condition)) {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.wg-condition-builder-group-body .wg-condition-builder-condition:not(:has(+ .wg-condition-builder-condition)) .wg-condition-builder-condition__field::before {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.wg-condition-builder-group-body .wg-condition-builder-condition:last-child .wg-condition-builder-condition__info {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.wg-condition-builder-drag {
  display: none;
  cursor: move;
}
.wg-condition-builder-drag::before {
  content: "drag";
}
.wg-condition-builder .wg-condition-builder-group-header .wg-condition-builder-drag {
  margin: 1px;
  padding: 10px 10px 10px 2px !important;
}
.wg-condition-builder .wg-condition-builder-group-body .wg-condition-builder-drag {
  padding: 15px 3px 15px 11px;
  font-size: 14px;
}
.wg-condition-builder .wg-a-switch {
  padding-block: 6px;
}
.wg-condition-builder .wg-a-switch__container {
  margin: 0;
}
.wg-condition-builder .wg-a-input {
  transition: all 0.3s;
}
.wg-condition-builder .wg-a-input:focus-within {
  box-shadow: none;
  border-color: #bac1cc;
}
.wg-condition-builder .wg-form-error {
  margin: 0 !important;
}

.wg-tenant-automation-c-custom-flow-output {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-tenant-automation-c-custom-flow-output-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-automation-c-custom-flow-output-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-tenant-automation-c-custom-flow-output:has(.wg-tenant-automation-c-custom-flow-output-items) .wg-tenant-automation-c-custom-flow-output-header {
  margin-bottom: 20px;
}
.wg-tenant-automation-c-custom-flow-output-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-automation-c-custom-flow-output-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-tenant-automation-c-custom-flow-output-item__section--name__group {
  display: flex;
  gap: 16px;
}
.wg-tenant-automation-c-custom-flow-output-item__section--name__group .wg-a-input {
  width: calc(100% - 52px);
}
.wg-tenant-automation-c-custom-flow-output-item__section--name__group .wg-a-btn-icon {
  margin-top: 10px;
}
.wg-tenant-automation-c-custom-flow-output-item__section--editor {
  border: 1px solid #d4d6d8;
  background-color: #ffffff;
}

.wg-tenant-automation-drawers-ai-mcp-client-create .wg-a-drawer-footer {
  display: flex;
  gap: 8px;
}

.wg-tenant-automation-drawers-ai-mcp-client-update .wg-a-drawer-footer {
  display: flex;
  gap: 8px;
}

.wg-tenant-automation-d-custom-flow.wg-a-drawer-content {
  position: relative;
}
.wg-tenant-automation-d-custom-flow__diagram {
  background-color: #f6f6f7;
  width: 100%;
  height: 100%;
}
.wg-tenant-automation-d-custom-flow .wg-a-drawer-body {
  padding: 0;
}
.wg-tenant-automation-d-custom-flow .wg-c-form {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  backdrop-filter: blur(12px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px, 0 0 0 1px #ebedf0;
  border-radius: 32px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 3px 6px;
}
.wg-tenant-automation-d-custom-flow .wg-c-form .wg-form-wrapper > * {
  gap: 0;
}
.wg-tenant-automation-d-custom-flow .wg-c-form hr {
  margin-inline: 4px;
  border: none;
  border-left: 1px dashed #d4d6d8;
  width: 1px;
  height: 20px;
}
.wg-tenant-automation-d-custom-flow .wg-c-form .wg-a-btn {
  padding-inline: 10px;
}
.wg-tenant-automation-d-custom-flow .wg-c-form .wg-a-btn:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #1d1d1d;
}
.wg-tenant-automation-d-custom-flow-info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  backdrop-filter: blur(20px);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #ebedf0;
  border-bottom-right-radius: 12px;
  background-color: rgba(246, 246, 247, 0.75);
  padding: 8px 16px;
  width: 192px;
  overflow: hidden;
  pointer-events: none;
  font-size: 0.75rem;
  user-select: none;
}
.wg-tenant-automation-d-custom-flow-info li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.wg-tenant-automation-d-custom-flow-info li:not(:last-child) {
  margin-bottom: 4px;
}
.wg-tenant-automation-d-custom-flow-info__title {
  color: #76859b;
}
.wg-tenant-automation-d-custom-flow-filter {
  display: flex;
  position: relative;
  gap: 8px;
  backdrop-filter: blur(12px);
  transition: all 0.3s;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px, 0 0 0 1px #ebedf0;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 8px;
  max-width: 288px;
}
.wg-tenant-automation-d-custom-flow-filter-container {
  display: flex;
  position: absolute;
  top: 24px;
  right: 26px;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  z-index: 99;
}
.wg-tenant-automation-d-custom-flow-filter-container.collapsed .wg-tenant-automation-d-custom-flow-filter {
  transform: translateX(100%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.wg-tenant-automation-d-custom-flow-filter__search {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wg-tenant-automation-d-custom-flow-filter__input .wg-c-filter .wg-a-input {
  border-radius: 12px;
}
.wg-tenant-automation-d-custom-flow-filter__input .wg-c-filter .wg-a-input i {
  display: none;
}
.wg-tenant-automation-d-custom-flow-filter__input .wg-c-filter .wg-a-input.basic input {
  padding-block: 3px;
}
.wg-tenant-automation-d-custom-flow-filter__input .wg-c-filter .wg-a-btn-icon.sm {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.wg-tenant-automation-d-custom-flow-filter__select .wg-a-select {
  width: 100%;
}
.wg-tenant-automation-d-custom-flow-filter__select .wg-a-select.sm .select2-selection--single {
  padding-block: 5px !important;
}
.wg-tenant-automation-d-custom-flow-filter__select .wg-a-select .select2-result-text {
  padding-right: 40px;
}
.wg-tenant-automation-d-custom-flow-filter__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wg-a-drawer:has(.wg-tenant-automation-d-custom-flow) {
  padding: 0;
}

.wg-tenant-automation-d-custom-flow-node-condition-create__alert {
  margin-bottom: 16px;
}

.wg-tenant-automation-d-custom-flow-node-create__alert {
  margin-bottom: 16px;
}

.wg-tenant-automation-s-custom-collection-documents td {
  vertical-align: middle;
}
.wg-tenant-automation-s-custom-collection-documents--th-width {
  width: 20%;
}

.wg-tenant-automation-s-custom-collections td {
  vertical-align: middle;
}
.wg-tenant-automation-s-custom-collections--th-width {
  width: 20%;
}

.wg-tenant-billing-drawers-extra-packages .wg-a-tabs-list-horizontal__inner {
  justify-content: center;
}

.wg-tenant-billing-d-payment-system-order-create__amount {
  gap: 9px;
}
.wg-tenant-billing-d-payment-system-order-create__amount .wg-a-input.prepend {
  gap: 2px;
}
.wg-tenant-billing-d-payment-system-order-create__amount .wg-a-input.prepend span, .wg-tenant-billing-d-payment-system-order-create__amount .wg-a-input.prepend input {
  padding: 0;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2rem;
}
.wg-tenant-billing-d-payment-system-order-create__amount .wg-a-input.prepend span {
  border: none;
  user-select: none;
}
.wg-tenant-billing-d-payment-system-order-create__amount .wg-a-input.prepend input {
  padding-block: 11px;
}
.wg-tenant-billing-d-payment-system-order-create__amount .wg-a-text {
  color: #76859b;
  font-size: 0.75rem;
}
.wg-tenant-billing-d-payment-system-order-create__amount .wg-a-text span {
  color: #7227f4;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wg-tenant-billing-d-payment-system-order-create__amount .wg-c-grouped-dynamic-item:has(.wg-c-dynamic-item.wg-form-error) + .wg-c-grouped-dynamic-item {
  display: none;
}
.wg-tenant-billing-d-payment-system-order-create__billing-address {
  border-top: 1px dashed #ebedf0;
  padding-top: 16px;
}
.wg-tenant-billing-d-payment-system-order-create__billing-address .wg-a-composite-title {
  gap: 8px;
}
.wg-tenant-billing-d-payment-system-order-create__billing-address .wg-a-composite-title.sm i {
  position: relative;
  top: 1px;
  font-size: 1.25rem;
  line-height: 1;
}

.wg-tenant-billing-d-subscription-plans .wg-c-dynamic-item:has(.wg-c-plan-card) .wg-c-dynamic-item, .wg-tenant-billing-d-subscription-plans .wg-c-plan-card {
  height: 100%;
}
.wg-tenant-billing-d-subscription-plans__switches {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.wg-tenant-billing-d-subscription-plans__switches .wg-a-switch {
  display: inline-flex;
  margin-top: 1px;
  margin-bottom: 32px;
  border-radius: 32px;
  padding: 8px 16px 8px 16px;
  font-weight: 700;
}
.wg-tenant-billing-d-subscription-plans__switches .wg-a-switch .wg-a-switch__container {
  margin: 0;
}

.wg-tenant-billing-d-support-plans .wg-c-dynamic-item:has(.wg-c-plan-card) .wg-c-dynamic-item, .wg-tenant-billing-d-support-plans .wg-c-plan-card {
  height: 100%;
}
.wg-tenant-billing-d-support-plans__switches {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.wg-tenant-billing-d-support-plans__switches .wg-a-switch {
  display: inline-flex;
  margin-top: 1px;
  margin-bottom: 32px;
  border-radius: 32px;
  padding: 8px 16px 8px 16px;
  font-weight: 700;
}
.wg-tenant-billing-d-support-plans__switches .wg-a-switch .wg-a-switch__container {
  margin: 0;
}

.wg-tenant-billing-d-transaction-info .wg-c-dynamic-item:has(.wg-a-progress) {
  width: 100%;
}
.wg-tenant-billing-d-transaction-info__amount {
  background-color: #f6f6f7;
}
.wg-tenant-billing-d-transaction-info__amount .wg-c-default-list-item {
  color: #1d1d1d;
  font-weight: 700;
}
.wg-tenant-billing-d-transaction-info__amount .wg-c-default-list-item .wg-a-text {
  color: #1d1d1d;
  font-weight: 700;
}
.wg-tenant-billing-d-transaction-info__removed-at {
  color: #fb4d3d;
}
.wg-tenant-billing-d-transaction-info__connector .wg-a-text {
  color: #1d1d1d;
}
.wg-tenant-billing-d-transaction-info .wg-c-list-v2__content-item:has(.wg-a-composite-title) {
  position: sticky;
  top: 0;
  z-index: 1;
  margin-top: 48px;
  border-style: solid;
  background-color: #ffffff;
}
.wg-tenant-billing-d-transaction-info .wg-c-list-v2__content-item:has(.wg-a-composite-title):first-child {
  margin-top: 0px;
}
.wg-tenant-billing-d-transaction-info .wg-c-list-v2__content-item .wg-a-text {
  word-break: break-all;
}

.wg-tenant-billing-s-balances-issues {
  margin-bottom: 32px;
}
.wg-tenant-billing-s-balances-issues .wg-a-alert:not(:last-child) {
  margin-bottom: 12px;
}
.wg-tenant-billing-s-balances-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.wg-tenant-billing-s-balances-card {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  padding: 24px;
  min-height: 360px;
}
.wg-tenant-billing-s-balances-card:is(.is-negative-balance) .wg-animated-border {
  --size: 180;
  --duration: 12000ms;
  --anchor: 90;
  --color-from: #fb4d3d;
  --color-to: #fedbd8;
  --delay: 0ms;
  position: absolute;
  mask-image: linear-gradient(transparent, transparent), linear-gradient(white, white);
  -webkit-mask-clip: padding-box, border-box;
  mask-clip: padding-box, border-box;
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
  inset: -1px;
  border: 2px solid transparent;
  border-radius: inherit;
  pointer-events: none;
}
.wg-tenant-billing-s-balances-card:is(.is-negative-balance) .wg-animated-border::after {
  position: absolute;
  offset-anchor: calc(var(--anchor) * 1%) 50%;
  offset-path: rect(0 auto auto 0 round calc(var(--size) * 1px));
  animation: animated-border-180 var(--duration) infinite linear;
  animation-delay: var(--delay);
  background: linear-gradient(to left, var(--color-from), var(--color-to), transparent);
  aspect-ratio: 1/1;
  width: calc(var(--size) * 1px);
  content: "";
}
@keyframes animated-border-180 {
  to {
    offset-distance: 100%;
  }
}
.wg-tenant-billing-s-balances-card:not(:is(.is-negative-balance)) .wg-animated-border {
  display: none;
}
.wg-tenant-billing-s-balances-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-billing-s-balances-card-header__title {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-tenant-billing-s-balances-card-header__actions {
  display: flex;
  align-items: center;
}
.wg-tenant-billing-s-balances-card-header__actions .wg-a-btn-icon {
  all: initial;
  cursor: pointer;
  color: #76859b;
  line-height: 1;
}
.wg-tenant-billing-s-balances-card-body__item:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-tenant-billing-s-balances-card-footer {
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding-top: 8px;
}
.wg-tenant-billing-s-balances-card-footer .wg-a-btn {
  width: 100%;
}
.wg-tenant-billing-s-balances-card-balance:is(.current) .wg-tenant-billing-s-balances-card-balance__amount {
  font-size: 2rem;
  line-height: 2.5rem;
}
.wg-tenant-billing-s-balances:is(.is-loading) .wg-tenant-billing-s-balances-card-balance:is(.current) .wg-tenant-billing-s-balances-card-balance__amount {
  padding-block: 8px;
}
.wg-tenant-billing-s-balances-card:is(.is-negative-balance) .wg-tenant-billing-s-balances-card-balance:is(.current) .wg-tenant-billing-s-balances-card-balance__amount {
  color: #fb4d3d;
}
.wg-tenant-billing-s-balances-card-balance:is(.overdraft) .wg-tenant-billing-s-balances-card-balance__amount {
  color: #76859b;
}
.wg-tenant-billing-s-balances-card-balance__amount {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-tenant-billing-s-balances-card-balance__title {
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.wg-tenant-billing-s-balances-card-plan-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  margin-top: 8px;
  color: #7227f4;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-tenant-billing-s-balances-card-plan-details i {
  font-size: 1.25rem;
}
.wg-tenant-billing-s-balances-card-active-plan__title {
  margin-bottom: 8px;
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.wg-tenant-billing-s-balances-card-active-plan__item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-tenant-billing-s-balances-card-active-plan__item__limit {
  font-weight: 700;
}
.wg-tenant-billing-s-balances-card-active-plan__item:not(:last-child) {
  margin-bottom: 8px;
}
.wg-tenant-billing-s-balances-card-active-plan__item:is(.is-limit-reached) .wg-tenant-billing-s-balances-card-active-plan__item__limit {
  color: #fb4d3d;
}
.wg-tenant-billing-s-balances-card-active-plan__item__info {
  cursor: pointer;
  color: #7227f4;
  text-decoration: underline;
}
.wg-tenant-billing-s-balances-card-balance-visibility {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-tenant-billing-s-balances-card--balance:not(:is(.is-negative-balance)) {
  border-color: rgba(114, 39, 244, 0.5);
}
.wg-tenant-billing-s-balances-card--plan .wg-tenant-billing-s-balances-card-balance__amount span {
  color: #76859b;
  font-weight: 500;
  font-size: 0.875rem;
}

.wg-tenant-billing-c-current-extra-packages__badge {
  display: flex;
  justify-content: flex-end;
}

.wg-tenant-billing-s-extra-packages .wg-c-dynamic-item:has(.wg-c-plan-card) .wg-c-dynamic-item, .wg-tenant-billing-s-extra-packages .wg-c-plan-card {
  height: 100%;
}
.wg-tenant-billing-s-extra-packages__switches {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.wg-tenant-billing-s-extra-packages__switches .wg-a-switch {
  display: inline-flex;
  margin-top: 1px;
  margin-bottom: 32px;
  border-radius: 32px;
  padding: 8px 16px 8px 16px;
  font-weight: 700;
}
.wg-tenant-billing-s-extra-packages__switches .wg-a-switch .wg-a-switch__container {
  margin: 0;
}

.wg-tenant-billing-s-summary td {
  vertical-align: middle;
}
.wg-tenant-billing-s-summary--th-width {
  width: 20%;
}
.wg-tenant-billing-s-summary .wg-c-filter__search {
  cursor: no-drop;
  background-color: #f6f6f7;
}
.wg-tenant-billing-s-summary .wg-c-filter__search .wg-a-input {
  background-color: #f6f6f7;
  pointer-events: none;
}

.wg-tenant-billing-w-billing {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-billing-w-billing .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-billing-w-billing .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-billing-w-billing .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-billing-w-billing:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-billing-w-billing:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-billing-w-billing:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-header {
  padding: 0px 16px;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer .wg-a-btn:only-child:hover, .wg-tenant-billing-w-billing .wg-tenant-billing-w-billing-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}

.wg-chat-c-conversation {
  height: fit-content;
}
.wg-chat-c-conversation .wg-c-dropdown {
  display: none;
}
.wg-chat-c-conversation .wg-chat-message__date:first-child {
  margin: 0 0 16px;
}
.wg-chat-c-conversation .wg-chat-message:first-child {
  margin: 0px;
}
.wg-chat-c-conversation .wg-chat-message__select {
  display: none;
}
.wg-chat-c-conversation .wg-chat-message--outgoing:has(.wg-a-checkbox) .wg-chat-message__inner {
  width: auto;
}

.wg-chat-c-integrations {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wg-chat-c-integrations-header {
  padding: 24px 16px;
}
.wg-chat-c-integrations-body {
  padding-top: 16px;
  height: 100%;
}
.wg-chat-c-integrations-widgets {
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  padding: 0px 16px 24px 16px;
}

.wg-tenant-chat-w-custom-view {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-chat-w-custom-view .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-chat-w-custom-view .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-chat-w-custom-view .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-chat-w-custom-view:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-chat-w-custom-view:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-chat-w-custom-view:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-header {
  padding: 0px 16px;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer .wg-a-btn:only-child:hover, .wg-tenant-chat-w-custom-view .wg-tenant-chat-w-custom-view-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-tenant-chat-w-custom-view .wg-form-wrapper {
  gap: 8px;
}

.wg-chat-message__actions {
  display: flex;
  position: relative;
  column-gap: 8px;
  align-self: flex-start;
  z-index: 9;
}
.wg-chat-message__actions [class^=wg-chat-message__] {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  margin-top: 4px;
  width: 36px;
  height: 36px;
}
.wg-chat-message__actions .wg-c-dropdown:not(:has(:hover, .active)) .wg-a-btn-icon {
  color: #76859b;
}
.wg-chat-message__actions .wg-c-dropdown:not(:has(:hover, .active)) .wg-a-btn-icon.red-ghost {
  color: #fb4d3d;
}
.wg-chat-message__actions .wg-c-dropdown:has(.active) .wg-a-btn-icon {
  background: var(--wg-primary--90);
}
.wg-chat-message__actions .wg-c-dropdown:has(.active) .wg-a-btn-icon.red-ghost {
  background: #ffedec;
}
.wg-chat-message__actions .wg-c-dropdown-content.wg-chat-d-message-reaction {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 156px;
}
.wg-chat-message__actions .wg-c-dropdown-content.wg-chat-d-message-reaction li {
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 100%;
  width: 32px;
  height: 32px;
}
.wg-chat-message__actions .wg-c-dropdown-content.wg-chat-d-message-reaction li.is-disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.wg-chat-message__actions .wg-c-dropdown-content.wg-chat-d-message-reaction li:hover {
  background: #ebedf0;
}
.wg-chat-message__actions .wg-c-dropdown-content.wg-chat-d-message-reaction li span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  user-select: none;
}
.wg-chat-message:hover [class^=wg-chat-message__] {
  visibility: visible;
  opacity: 1;
}
.wg-chat-message__select {
  margin: 4px 0 0 4px;
}
.wg-chat-message__select .wg-a-checkbox__container {
  justify-content: center;
  padding: 0;
  width: 36px;
  height: 36px;
}
.wg-chat-message__select .wg-a-checkbox__container::before {
  margin: 0;
}
.wg-chat-message__select .wg-a-checkbox__container::after {
  left: 12px;
}
.wg-chat-message__select .wg-a-checkbox__container:hover {
  background: transparent;
}
.wg-chat-message:has(.wg-a-checkbox) {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.wg-chat-message:has(.wg-a-checkbox) .wg-chat-message__inner {
  position: relative;
}
.wg-chat-message:has(.wg-a-checkbox) .wg-chat-message__inner::before {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 12px;
  background: #f8f8f9;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-chat-message:has(.wg-a-checkbox) .wg-chat-message__bubble {
  max-width: 464px;
}
.wg-chat-message:has(.wg-a-checkbox input:checked) .wg-chat-message__inner::before {
  opacity: 1;
}
.wg-chat-message:has(.wg-c-dropdown.left-0.top) .wg-c-dropdown-content {
  transition: all 0.2s;
}
.wg-chat-message:has(.wg-c-dropdown-content.active) {
  z-index: 1;
}
.wg-chat-message--failed .wg-chat-message__actions [class^=wg-chat-message__] {
  visibility: visible;
  opacity: 1;
}

.wg-chat-message__translate {
  position: relative;
  margin-top: 12px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px 16px;
  color: #76859b;
  font-style: italic;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
.wg-chat-message__translate::before {
  content: attr(data-title) ":";
  color: #1d1d1d;
  font-style: normal;
  font-weight: 700;
}
.wg-chat-message__info {
  display: flex;
  column-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
  color: #76859b;
}
.wg-chat-message__timestamp {
  font-size: 0.75rem;
}
.wg-chat-message__comment-reply {
  position: relative;
  color: var(--wg-primary);
  font-weight: 700;
  font-size: 0.75rem;
}
.wg-chat-message__comment-reply:hover {
  color: var(--wg-primary-20);
}
.wg-chat-message__comment-reply::before {
  position: relative;
  top: 2px;
  left: 0px;
  margin-right: 3px;
  content: "\e93b";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  font-family: "iconset";
}

.wg-chat-message__link {
  display: flex;
  position: relative;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  width: 100%;
  min-width: 280px;
  font-size: 0.875rem;
}
.wg-chat-message__link-image {
  margin-right: 16px;
}
.wg-chat-message__link-image img {
  border-radius: 6px;
  aspect-ratio: 1;
  height: 72px;
  object-fit: contain;
}
.wg-chat-message__link-body {
  overflow: hidden;
}
.wg-chat-message__link-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-weight: 700;
}
.wg-chat-message__link-description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px;
  height: 40px;
  color: #76859b;
  word-break: break-all;
}

.wg-chat-message__referral-data {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
}
.wg-chat-message__referral-data-header:has(.has-error) .wg-chat-message__file {
  height: 280px;
  pointer-events: none;
}
.wg-chat-message__referral-data-header:has(.has-error) .wg-chat-message__file-header, .wg-chat-message__referral-data-header:has(.has-error) .wg-chat-message__file-footer {
  display: none;
}
.wg-chat-message__referral-data-header:has(.has-error) .wg-chat-message__file__type i {
  color: #76859b;
  font-size: 128px;
}
.wg-chat-message__referral-data-header:has(.has-error) .wg-chat-message__file__type i::before {
  content: "\e99d";
}
.wg-chat-message__referral-data-description {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 12px;
  color: #1d1d1d;
}
.wg-chat-message__referral-data-link i {
  position: relative;
  top: 1px;
}
.wg-chat-message--incoming:has(.wg-chat-message__referral-data) .wg-chat-message__bubble {
  background: #e8f5fc;
}
.wg-chat-message--incoming:has(.wg-chat-message__referral-data) .wg-chat-message__bubble::before {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  background: #1b98e0;
  width: 24px;
  height: 24px;
  content: "\e9b6";
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 24px;
  font-family: "iconset";
  text-align: center;
}
.wg-chat-message--incoming:has(.wg-chat-message__referral-data) .wg-chat-message__file__type {
  color: #1b98e0;
}

.wg-chat-message__react {
  display: inline-flex;
  position: absolute;
  bottom: -8px;
  left: 16px;
  column-gap: 6px;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.5s 1;
  transition: all 0.3s;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 6px;
  border: 1px solid #f6f6f7;
  border-radius: 48px;
  background-color: #ffffff;
  padding: 0 6px;
  min-width: 32px;
  height: 26px;
  user-select: none;
}
.wg-chat-message__react span {
  position: relative;
  font-size: 0.8125rem;
  user-select: none;
}
.wg-chat-message__react span::before {
  position: absolute;
  top: -2px;
  left: 0;
  opacity: 0;
  content: "\ea3c";
  color: var(--wg-primary);
  font-size: 1rem;
  font-family: "iconset";
  text-align: center;
}
.wg-chat-message__react span.wgjs-session-message-unreact:hover {
  cursor: pointer;
}
.wg-chat-message__react span.wgjs-session-message-unreact:hover::before {
  opacity: 1;
  z-index: 2;
}
.wg-chat-message__react span.wgjs-session-message-unreact:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  height: 100%;
  content: "";
}
@keyframes fadeIn {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.wg-chat-message__bubble:has(.wg-chat-message__react) {
  min-width: 200px;
}
.wg-chat-message--outgoing:has(.wg-chat-message__react) .wg-chat-message__react {
  pointer-events: none;
}

.wg-chat-message__status {
  position: relative;
  top: 1px;
  font-size: 0.875rem;
  line-height: 0.75rem;
}
.wg-chat-message__status i.is-readed {
  color: #1877f2;
}
.wg-chat-message__status:not(:has(i)) {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.wg-tenant-chat-c-om2-wab-onboarding-contracts__content {
  margin-bottom: 16px;
  border-bottom: 1px dashed #ebedf0;
  padding-bottom: 16px;
}
.wg-tenant-chat-c-om2-wab-onboarding-contracts__confirms .wg-a-checkbox:not(:last-child) {
  margin-bottom: 4px;
}

.wg-chat-message__quote {
  display: flex;
  justify-content: space-between;
}
.wg-chat-message__quote-content {
  display: flex;
  padding: 10px 16px;
}
.wg-chat-message__quote-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #76859b;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  word-break: break-word;
}
.wg-chat-message__quote-type {
  flex-shrink: 0;
}
.wg-chat-message__quote-type:has(.has-spoiler) {
  border-radius: 0 8px 8px 0;
  overflow: hidden;
}
.wg-chat-message__quote-type:has(.has-error) {
  display: none;
}
.wg-chat-message__quote-type--image {
  border-radius: 0 8px 8px 0;
  aspect-ratio: 1;
  height: 56px;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}
.wg-chat-message__quote-type--image.has-spoiler {
  filter: blur(12px);
}
.wg-chat-message__quote-type--file {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 8px 8px 0;
  background: #ebedf0;
  width: 56px;
  height: 56px;
  color: #76859b;
  font-size: 1.25rem;
}
.wg-chat-message:has(.wg-chat-message__quote):has(.wg-chat-message__comment) .wg-chat-message__comment + .wg-chat-message__text {
  margin-top: 12px;
}
.wg-chat-message__bubble:is(a) {
  display: block;
}
.wg-chat-message__bubble > .wg-chat-message__bubble {
  margin-bottom: 8px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff !important;
  pointer-events: none;
  user-select: none;
}
.wg-chat-message__bubble > .wg-chat-message__bubble:has(.wg-chat-message__quote) {
  padding: 0;
}
.wg-chat-message--incoming .wg-chat-message__bubble > .wg-chat-message__bubble {
  border-left: 2px solid #5b1fc3;
}
.wg-chat-message--outgoing {
  align-items: flex-end;
  margin-left: auto;
}
.wg-chat-message--outgoing .wg-chat-message__bubble > .wg-chat-message__bubble {
  border-left: 2px solid #46beab;
}

.wg-chat-c-session-card {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
  border-bottom: 1px dashed #d4d6d8;
  padding: 1rem;
  overflow: hidden;
  font-weight: 500;
}
.wg-chat-c-session-card::before {
  position: absolute;
  top: 1px;
  left: 0;
  z-index: -1;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "";
}
.wg-chat-c-session-card:hover::before, .wg-chat-c-session-card--active::before {
  background: #ffffff;
}
.wg-chat-c-session-card--active {
  box-shadow: inset 3px 0 0 0 var(--wg-secondary);
}
.wg-chat-c-session-card__body {
  display: flex;
  gap: 8px;
}
.wg-chat-c-session-card__body .wg-a-avatar {
  flex-shrink: 0;
}
.wg-chat-c-session-card__content {
  width: 100%;
  max-width: calc(100% - 48px);
}
.wg-chat-c-session-card__content > .wg-chat-c-session-card__content-top, .wg-chat-c-session-card__content > .wg-chat-c-session-card__content-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-chat-c-session-card__content-top b {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wg-chat-c-session-card__content-top small {
  flex-shrink: 0;
  color: #76859b;
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1.125rem;
}
.wg-chat-c-session-card__content-bottom {
  position: relative;
}
.wg-chat-c-session-card__content-bottom .wg-formatted-text i {
  position: relative;
  top: 1px;
}
.wg-chat-c-session-card__content-bottom > i {
  margin-left: auto;
  color: #76859b;
}
.wg-chat-c-session-card__content-bottom p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  color: #76859b;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}
.wg-chat-c-session-card__content-bottom_draft {
  color: #159653;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}
.wg-chat-c-session-card__content-bottom_draft_content {
  font-style: italic;
}
.wg-chat-c-session-card__content-bottom .wg-chat-c-session-card__select .wg-a-checkbox__container {
  display: flex;
  justify-content: center;
  padding: 0;
}
.wg-chat-c-session-card__content-bottom .wg-chat-c-session-card__select .wg-a-checkbox__container::before {
  margin-right: 0;
  border-color: var(--wg-secondary);
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.wg-chat-c-session-card__content-bottom .wg-chat-c-session-card__select .wg-a-checkbox__container::after {
  top: unset;
  left: unset;
  line-height: 1;
}
.wg-chat-c-session-card__content-bottom .wg-chat-c-session-card__select .wg-a-checkbox__container:has(input:checked)::before {
  border-color: var(--wg-secondary);
  background: var(--wg-secondary);
}
.wg-chat-c-session-card__content-bottom .wg-chat-c-session-card__select .wg-a-checkbox__container:hover {
  border-color: var(--wg-secondary);
  background-color: unset;
}
.wg-chat-c-session-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-chat-c-session-card__footer-badges {
  display: flex;
  gap: 8px;
}
.wg-chat-c-session-card__footer span:not(.wg-a-badge) {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #76859b;
  font-weight: 500;
  font-size: 0.75rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-chat-c-session-card__footer--extra {
  position: relative;
  width: calc(100% + 16px);
}
.wg-chat-c-session-card__footer--extra .wg-chat-c-session-card__footer-badges {
  position: relative;
}
.wg-chat-c-session-card__footer--extra .wg-chat-c-session-card__footer-badges::after {
  flex-shrink: 0;
  width: 8px;
  height: 19px;
  content: "";
}
.wg-chat-c-session-card__footer--extra .wg-a-badge {
  flex-shrink: 0;
}
.wg-chat-c-session-card:has(.wg-chat-c-session-card__footer--extra) {
  padding-bottom: 0;
}
.wg-chat-c-session-card:has(.wg-chat-c-session-card__footer--extra) .wg-chat-c-session-card__footer--extra {
  padding-bottom: 1rem;
}

.wg-chat-connector {
  display: flex;
  column-gap: 6px;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 12px;
  background: #ffffff;
  padding: 4px 12px 3px 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  user-select: none;
}
.wg-chat-connector.is-disabled {
  pointer-events: none;
  user-select: none;
}
.wg-chat-connector:has(.icon-whatsapp):is(:hover) {
  background: #e9fbf0;
}
.wg-chat-connector:has(.icon-whatsapp) .wg-chat-connector__icon {
  color: #25d366;
}
.wg-chat-connector:has(.icon-whatsapp-business):is(:hover) {
  background: #e8f4f2;
}
.wg-chat-connector:has(.icon-whatsapp-business) .wg-chat-connector__icon {
  color: #128c7e;
}
.wg-chat-connector:has(.icon-instagram):is(:hover) {
  background: #fdebf0;
}
.wg-chat-connector:has(.icon-instagram) .wg-chat-connector__icon {
  color: #e1306c;
}
.wg-chat-connector:has(.icon-facebook-messenger):is(:hover) {
  background: #e9f1ff;
}
.wg-chat-connector:has(.icon-facebook-messenger) .wg-chat-connector__icon {
  color: #1877f2;
}
.wg-chat-connector:has(.icon-telegram):is(:hover) {
  background: #e6f4fa;
}
.wg-chat-connector:has(.icon-telegram) .wg-chat-connector__icon {
  color: #0088cc;
}
.wg-chat-connector:has(.icon-twitter-x):is(:hover) {
  background: #ebedf0;
}
.wg-chat-connector:has(.icon-twitter-x) .wg-chat-connector__icon {
  color: #1d1d1d;
}
.wg-chat-connector:has(.icon-google):is(:hover) {
  background: #ecf3fe;
}
.wg-chat-connector:has(.icon-google) .wg-chat-connector__icon {
  color: #4285f4;
}
.wg-chat-connector:has(.icon-trendyolqa):is(:hover) {
  background: #fff0e9;
}
.wg-chat-connector:has(.icon-trendyolqa) .wg-chat-connector__icon {
  color: #ff6720;
}
.wg-chat-connector:has(.icon-unbounce):is(:hover) {
  background: #e6ebff;
}
.wg-chat-connector:has(.icon-unbounce) .wg-chat-connector__icon {
  color: #0033ff;
}
.wg-chat-connector:hover {
  background: #f6f6f7;
}
.wg-chat-connector__icon {
  color: var(--wg-primary);
}
.wg-chat-connector__icon:has(.icon-spinner) i {
  display: inline-block;
  position: relative;
  top: -1px;
  animation: rotateSpinner 1.5s linear infinite;
}
.wg-chat-connector__info {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  color: #1d1d1d;
  word-break: break-all;
}
@keyframes rotateSpinner {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.wg-layout-content {
  flex-direction: column;
  overflow: hidden;
}

.wg-chat-c-session-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wg-chat-messages {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  gap: 4px;
  transition: all 0.3s;
  padding: 0 24px 48px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.wg-chat-messages::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-chat-messages::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-chat-messages::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-chat-messages::-webkit-scrollbar-track {
  background: #ffffff;
}
.wg-chat-messages::-webkit-scrollbar-track:hover {
  background: #f6f6f7;
}
.wg-chat-messages:has(.wg-chat-message__empty) {
  padding-bottom: 0;
}
.wg-chat-messages:has(.wg-chat-message__not-found) {
  pointer-events: none;
}
.wg-chat-messages > div:first-child {
  margin-bottom: 0 !important;
}
.wg-chat-message {
  display: flex;
  flex-direction: column;
  opacity: 0;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  max-width: 508px;
}
.wg-chat-message--outgoing:is(:not(.wg-chat-message--incoming--whisper)) + .wg-chat-message--incoming {
  margin-bottom: 28px;
}
.wg-chat-message--outgoing:is(:not(.wg-chat-message--whisper)):has(.wg-chat-message__header) {
  margin-top: 28px;
}
.wg-chat-message--incoming + .wg-chat-message--outgoing:is(:not(.wg-chat-message--whisper)) {
  margin-bottom: 28px;
}
.wg-chat-message--whisper {
  margin-block: 28px !important;
}
.wg-chat-message--outgoing:has(.wg-chat-message__header) + .wg-chat-message--whisper, .wg-chat-message__date + .wg-chat-message--whisper {
  margin-bottom: 0 !important;
}
.wg-chat-message__date {
  margin-block: 28px;
}
.wg-chat-message--whisper + .wg-chat-message__date, .wg-chat-message:has(.wg-chat-message__header) + .wg-chat-message__date {
  margin-bottom: 0;
}
.wg-chat-message:has(.wg-chat-message__quick-reply, .wg-chat-message__buttons, .wg-chat-message__react) {
  margin-bottom: 12px;
}
.wg-chat-message__date {
  padding: 4px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-align: center;
}
.wg-chat-message__date:last-child, .wg-chat-message__date:has(+ .wg-chat-message__more) {
  opacity: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
  user-select: none;
}
.wg-chat-message__translation-status {
  cursor: pointer;
  background-color: transparent;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-align: start;
}
.wg-chat-message__header {
  display: flex;
  column-gap: 4px;
  align-items: center;
  margin-bottom: 8px;
  color: #76859b;
  font-size: 0.6875rem;
}
.wg-chat-message__header i {
  color: var(--wg-primary);
}
.wg-chat-message__inner {
  display: flex;
  column-gap: 8px;
}
.wg-chat-message__bubble {
  position: relative;
  border-radius: 12px;
  padding: 12px 16px 10px;
  min-width: 120px;
  max-width: 464px;
}
.wg-chat-message--incoming {
  animation-name: messageSlideInFromLeft;
}
.wg-chat-message--incoming .wg-chat-message__bubble {
  background: var(--wg-primary--90);
}
.wg-chat-message--incoming:has(.wg-a-checkbox) .wg-chat-message__select {
  position: relative;
  order: -1;
  z-index: 1;
}
.wg-chat-message--outgoing {
  align-items: flex-end;
  animation-name: messageSlideInFromRight;
  margin-left: auto;
}
.wg-chat-message--outgoing .wg-chat-message__bubble {
  order: 1;
  background: var(--wg-secondary--80);
}
.wg-chat-message--outgoing:has(.wg-a-checkbox) .wg-chat-message__inner {
  width: 100%;
}
.wg-chat-message--outgoing:has(.wg-a-checkbox) .wg-chat-message__bubble {
  order: 1;
}
.wg-chat-message--outgoing:has(.wg-a-checkbox) .wg-chat-message__select {
  margin-right: auto;
}
.wg-chat-message--failed .wg-chat-message__bubble {
  background: #ffedec;
}
.wg-chat-message--whisper {
  animation-name: messageSlideInFromBottom;
}
.wg-chat-message--whisper:not(:has(.wg-chat-message__image)) {
  align-items: center;
  margin: 0 auto;
  max-width: 360px;
}
.wg-chat-message--whisper:not(:has(.wg-chat-message__image)) .wg-chat-message__bubble {
  text-align: center;
}
.wg-chat-message--whisper:not(:has(.wg-chat-message__image)) .wg-chat-message__bubble pre,
.wg-chat-message--whisper:not(:has(.wg-chat-message__image)) .wg-chat-message__bubble blockquote {
  text-align: left;
}
.wg-chat-message--whisper .wg-chat-message__bubble {
  background: #f6f6f7;
}
.wg-chat-message--whisper .wg-chat-message__info {
  justify-content: center;
}
.wg-chat-message--whisper .wg-chat-message__text i {
  position: relative;
  top: 1px;
}
.wg-chat-message__more {
  margin-top: 36px;
  text-align: center;
}
.wg-chat-message__more .wg-a-btn {
  position: relative;
}
.wg-chat-message__more .wg-a-btn:focus {
  background: var(--wg-primary);
}
.wg-chat-message__more .wg-a-btn i::after {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 16px;
  opacity: 0;
  animation: rotation 1s linear infinite;
  border: 2px solid #ffffff;
  border-bottom-color: transparent;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
  text-align: center;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wg-chat-message__more.is-loading {
  pointer-events: none;
}
.wg-chat-message__more.is-loading .wg-a-btn i::before {
  opacity: 0;
}
.wg-chat-message__more.is-loading .wg-a-btn i::after {
  opacity: 1;
}
.wg-chat-message__scrolldown {
  display: inline-flex;
  position: absolute;
  top: -56px;
  left: 50%;
  transform: translateY(50%) translateX(-50%);
  visibility: hidden;
  opacity: 0;
  z-index: 8;
  transition: all 0.3s;
  text-align: center;
}
.wg-chat-message__scrolldown.is-active {
  transform: translateY(0) translateX(-50%);
  visibility: visible;
  opacity: 1;
}
.wg-chat-message__scrolldown button {
  position: relative;
  padding: 0 !important;
}
.wg-chat-message__scrolldown button:focus {
  background: var(--wg-primary);
}
.wg-chat-message__scrolldown button::before {
  position: absolute;
  top: -2px;
  right: 0;
  opacity: 0;
  animation: notificationPulse 1500ms infinite;
  transition: all 0.3s;
  border-radius: 100%;
  background: #fb4d3d;
  width: 8px;
  height: 8px;
  content: "";
  user-select: none;
}
.wg-chat-message__scrolldown.has-new-message button {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.wg-chat-message__scrolldown.has-new-message button:focus {
  background: var(--wg-primary);
}
.wg-chat-message__scrolldown.has-new-message button::before {
  opacity: 1;
}
@keyframes notificationPulse {
  0% {
    box-shadow: rgb(253.0606060606, 168.696969697, 160.9393939394) 0 0 0 0;
  }
  75% {
    box-shadow: rgba(251, 77, 61, 0) 0 0 0 8px;
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.wg-chat-message__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  text-align: center;
}
.wg-chat-message__loading-loader {
  display: inline-block;
  animation: rotation 1s linear infinite;
  border: 4px solid var(--wg-primary);
  border-bottom-color: transparent;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wg-chat-message__loading-text {
  margin-top: 8px;
  color: #76859b;
  font-size: 0.875rem;
}
.wg-chat-message__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.wg-chat-message__not-found {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}

@keyframes messageSlideInFromLeft {
  0% {
    transform: translateX(-8px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes messageSlideInFromRight {
  0% {
    transform: translateX(8px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes messageSlideInFromBottom {
  0% {
    transform: translateY(8px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.wg-chat-footer {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
}
.wg-chat-footer-inner {
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  padding: 16px 24px;
}
.wg-chat-footer-dropzone {
  margin-bottom: -16px;
}

.wg-chat-footer-message-input {
  position: relative;
  transition: all 0.3s;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background: #ffffff;
}
@keyframes recordingPulse {
  0% {
    background: #fedbd8;
  }
  50% {
    background: #fb4d3d;
  }
  100% {
    background: #fedbd8;
  }
}
.wg-chat-footer-message-input-inner {
  display: flex;
  flex: 1;
  align-items: center;
}
.wg-chat-footer-message-input__textarea {
  display: flex;
  position: relative;
  width: 100%;
}
.wg-chat-footer-message-input:has(.wg-chat-footer-message-input__textarea textarea:focus) {
  border-color: #bac1cc;
}
.wg-chat-footer-message-input.has-scrollbar .wg-chat-footer-message-input__textarea textarea {
  padding-right: 4px;
}
.wg-chat-footer-message-input__count {
  position: absolute;
  right: 9px;
  bottom: -9px;
  background: #ffffff;
  padding: 0 4px 0 8px;
  color: #76859b;
  font-size: 0.75rem;
}
.wg-chat-footer-message-input__count span {
  color: #fa8334;
}
.wg-chat-footer-message-input__count span.is-over {
  color: #fb4d3d;
}
.wg-chat-footer-message-input__actions {
  display: flex;
  column-gap: 2px;
}
.wg-chat-footer-message-input__actions.left {
  padding: 11px 0 11px 12px;
}
.wg-chat-footer-message-input__actions.right {
  padding: 11px 12px 11px 0;
}
.wg-chat-footer-message-input__actions .wg-a-btn-icon:not(.wg-chat-footer-message-input__send):focus {
  background: initial;
}
.wg-chat-footer-message-input__actions .wg-a-btn-icon:not(.wg-chat-footer-message-input__send):not(:hover) {
  color: #76859b;
}
.wg-chat-footer-message-input__actions .wg-chat-footer-message-input__send {
  display: none;
  background: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-chat-footer-message-input__actions .wg-chat-footer-message-input__send:hover {
  background: var(--wg-primary);
  color: #ffffff;
}
.wg-chat-footer-message-input.is-typing .wg-chat-footer-message-input__record,
.wg-chat-footer-message-input.is-typing .wg-chat-footer-message-input__heart {
  display: none;
}
.wg-chat-footer-message-input.is-typing .wg-chat-footer-message-input__send {
  display: inline-flex;
}
.wg-chat-footer-record-voice {
  display: none;
  column-gap: 8px;
  align-items: center;
  border-radius: 12px;
  background: #ffffff;
  padding: 11px 12px;
}
.wg-chat-footer-record-voice__waves {
  position: relative;
  flex: 1;
}
.wg-chat-footer-record-voice__waves::before, .wg-chat-footer-record-voice__waves::after {
  position: absolute;
  top: 0;
  opacity: 1;
  z-index: 3;
  transition: all 0.3s;
  background: rgb(255, 255, 255);
  width: 32px;
  height: 32px;
  pointer-events: none;
  content: "";
}
.wg-chat-footer-record-voice__waves::before {
  left: 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.wg-chat-footer-record-voice__waves::after {
  right: 0;
  background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.wg-chat-footer-record-voice__actions {
  display: flex;
  column-gap: 2px;
  align-items: center;
}
.wg-chat-footer-record-voice .wg-a-btn-icon:not(.wg-chat-footer-record-voice__send):focus {
  background: initial;
}
.wg-chat-footer-record-voice .wg-a-btn-icon:not(.wg-chat-footer-record-voice__send):not(:hover) {
  color: #76859b;
}
.wg-chat-footer-record-voice .wg-chat-footer-record-voice__send {
  background: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-chat-footer-record-voice .wg-chat-footer-record-voice__send:hover {
  background: var(--wg-primary);
  color: #ffffff;
}
.wg-chat-footer-record-voice__play, .wg-chat-footer-record-voice__continue {
  display: none;
}
.wg-chat-footer-record-voice__recording {
  position: relative;
  width: 36px;
  height: 36px;
}
.wg-chat-footer-record-voice__recording::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: recordingPulse 1.2s linear infinite;
  transition: all 0.3s;
  border-radius: 100%;
  background: #fb4d3d;
  width: 16px;
  height: 16px;
  content: "";
}
.wg-chat-footer-record-voice__time {
  position: relative;
  position: absolute;
  top: -11px;
  left: 37px;
  margin: 0 6px 0 2px;
  background: #fff;
  padding: 0 8px;
  pointer-events: none;
  color: #76859b;
  font-size: 0.875rem;
  user-select: none;
}
.wg-chat-footer:has(.is-recording, .is-listening) .wg-chat-footer-message-input-inner {
  display: none;
}
.wg-chat-footer:has(.is-recording, .is-listening) .wg-chat-footer-short-messages {
  opacity: 0;
  margin-bottom: -48px;
  pointer-events: none;
}
.wg-chat-footer:has(.is-recording, .is-listening) .wg-chat-footer-record-voice {
  display: flex;
}
.wg-chat-footer:has(.is-recording) .wg-chat-footer-record-voice__play, .wg-chat-footer:has(.is-recording) .wg-chat-footer-record-voice__continue {
  display: none;
}
.wg-chat-footer:has(.is-listening) .wg-chat-footer-record-voice__recording, .wg-chat-footer:has(.is-listening) .wg-chat-footer-record-voice__pause {
  display: none;
}
.wg-chat-footer:has(.is-listening) .wg-chat-footer-record-voice__play, .wg-chat-footer:has(.is-listening) .wg-chat-footer-record-voice__continue {
  display: inline-flex;
}
.wg-chat-footer:has(.is-listening) .wg-chat-footer-record-voice__waves::before, .wg-chat-footer:has(.is-listening) .wg-chat-footer-record-voice__waves::after {
  opacity: 0;
}

.wg-chat-footer-message-input:has(.tagify--focus) {
  border-color: #bac1cc;
}
.wg-chat-footer-message-input #wgChatTextInput:not(.tagify) {
  opacity: 0;
  height: 3rem;
}
.wg-chat-footer-message-input .tagify {
  border: none;
  width: 100%;
}
.wg-chat-footer-message-input .tagify__input {
  cursor: auto;
  outline: none;
  border: none;
  background: #ffffff;
  padding: 12px;
  width: 100%;
  max-height: 100px;
  overflow: auto;
  resize: none;
  color: #1d1d1d;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-chat-footer-message-input .tagify__input::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-chat-footer-message-input .tagify__input::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-chat-footer-message-input .tagify__input::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-chat-footer-message-input .tagify__input--placeholder {
  position: absolute;
  top: 12px;
  left: 12px;
  pointer-events: none;
  color: #76859b;
}
.wg-chat-footer-message-input:is(.is-typing) .tagify__input--placeholder {
  display: none;
}

body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown {
  border: none;
  border-radius: 0.75rem;
  font-family: "Satoshi", sans-serif;
}
body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown[position=text] {
  box-shadow: 0 0 0.5rem rgba(29, 29, 29, 0.1);
  font-size: 0.875rem;
}
body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown__wrapper {
  box-shadow: none;
  border: none;
  background: #ffffff;
  padding: 0.5rem;
}
body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown__item {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  transition: all 0.3s;
  margin: 0;
  border-radius: 12px;
  background: transparent;
  padding: 6px 12px;
  color: #1d1d1d;
  font-weight: 700;
}
body:has(.wg-chat-footer-message-input__textarea .tagify[aria-expanded=true]) .tagify__dropdown__item--active {
  color: var(--wg-primary);
}

.wg-chat-footer-quick-actions {
  display: flex;
}
.wg-chat-footer-quick-actions .wg-a-btn-icon {
  color: #76859b;
}
.wg-chat-footer-quick-actions .wg-a-btn-icon:is(:hover) {
  background: #ebedf0;
  color: #1d1d1d;
}
.wg-chat-footer-quick-actions .wg-a-btn-icon:is(:focus) {
  background: #ffffff;
  color: #1d1d1d;
}
.wg-chat-footer-quick-actions .wg-c-dropdown {
  border-radius: 100%;
  width: 36px;
  height: 36px;
}

.wg-chat-footer-reply {
  display: flex;
  column-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  transition: all 0.3s;
  border-bottom: 1px dashed #d4d6d8;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  background: #f6f6f7;
  padding: 12px;
}
.wg-chat-footer-reply .wg-chat-message__bubble {
  margin: 0;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 0px, rgba(0, 0, 0, 0.05) 0px 0px 1px 0px;
  border-radius: 8px;
  padding: 0;
}
.wg-chat-footer-reply__info {
  margin-top: 12px;
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.wg-chat-footer-reply__info i {
  position: relative;
  top: 1px;
}
.wg-chat-footer-reply__close .wg-a-btn-icon:not(:hover) i {
  color: #76859b;
}

.wg-chat-footer-short-messages {
  position: relative;
  transition: all 0.3s;
  height: 32px;
}
.wg-chat-footer-short-messages::before {
  position: absolute;
  top: 0;
  right: -24px;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 100%);
  width: 80px;
  height: 32px;
  pointer-events: none;
  content: "";
}
.wg-chat-footer-short-messages:has(.has-gradient)::before {
  opacity: 1;
}
.wg-chat-footer-short-messages:has(.wg-a-badge) .wg-chat-footer-short-messages-inner {
  align-items: center;
}
.wg-chat-footer-short-messages-inner {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: flex-start;
  width: 100%;
}
.wg-chat-footer-short-messages-inner.is-moving .wg-a-tag {
  pointer-events: none;
}
.wg-chat-footer-short-messages-inner .wg-a-tag.new {
  position: relative;
}
.wg-chat-footer-short-messages-inner .wg-a-tag.new::before {
  position: absolute;
  top: 0;
  right: -9px;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  width: 8px;
  height: 32px;
  content: "";
}
.wg-chat-footer-short-messages-inner .wg-a-tag:hover {
  cursor: pointer;
}
.wg-chat-footer-short-messages-buttons {
  display: flex;
  position: relative;
  column-gap: 8px;
  align-items: center;
  padding-left: 8px;
  overflow-x: scroll;
}
.wg-chat-footer-short-messages-buttons::-webkit-scrollbar {
  display: none;
}

.wg-chat-footer-status {
  position: relative;
  border-top: 1px solid #d4d6d8;
  padding: 32px;
}
.wg-chat-footer-status-session {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.wg-chat-footer-status-item {
  display: flex;
  column-gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.wg-chat-footer-status-content {
  color: #1d1d1d;
  line-height: 1.5rem;
}
.wg-chat-footer-status-content__title {
  font-weight: 700;
  font-size: 1rem;
}
.wg-chat-footer-status-content__title:has(.wg-loader) {
  display: flex;
  column-gap: 12px;
}
.wg-chat-footer-status-content__description {
  margin-bottom: 2px;
  font-size: 0.875rem;
}
.wg-chat-footer-status-actions {
  display: flex;
  column-gap: 8px;
}
.wg-chat-footer-status-actions__join {
  position: relative;
  z-index: 1;
}
.wg-chat-footer-status-actions__join:is(.wg-chat-footer-status-actions__join, :hover) {
  background: var(--wg-secondary);
  color: #1d1d1d;
}
.wg-chat-footer-status-actions__join::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  animation: notificationPulse 1500ms infinite;
  transition: all 0.3s;
  border-radius: 24px;
  background: var(--wg-secondary);
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
@keyframes notificationPulse {
  0% {
    box-shadow: rgb(176.9620253165, 185.5063291139, 198.0379746835) 0 0 0 0;
  }
  75% {
    box-shadow: rgba(118, 133, 155, 0) 0 0 0 12px;
  }
}
.wg-chat-footer-status-actions .wg-a-btn-icon.red-ghost {
  background: #ffedec;
}

.wg-chat-header {
  position: relative;
  flex-shrink: 0;
  z-index: 10;
  border-bottom: 1px solid #d4d6d8;
}
.wg-chat-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 24px;
}
.wg-chat-header-user {
  display: flex;
  column-gap: 4px;
  align-items: center;
}
.wg-chat-header-user .wg-a-avatar {
  background-color: var(--wg-secondary--80);
  pointer-events: none;
}
.wg-chat-header-user .wg-a-avatar i {
  color: var(--wg-secondary);
}
.wg-chat-header-user__name {
  display: flex;
  column-gap: 8px;
  margin-bottom: 2px;
  padding-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.wg-chat-header-user__connector {
  display: flex;
  column-gap: 2px;
}
.wg-chat-header-details {
  position: absolute;
  bottom: -9px;
  left: calc(50% - 6px);
  transform: translateX(-50%);
  z-index: 1;
  text-align: center;
}
.wg-chat-header-details__tenant {
  box-shadow: #d4d6d8 0px 0px 0px 1px;
}
.wg-chat-header-details__date {
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  animation: fadeInTop 0.3s linear 1;
  transition: all 0.3s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  background: #ffffff;
  color: #1d1d1d;
}
.wg-chat-header-details:not(:has(.wg-chat-header-details__tenant)) .wg-chat-header-details__date {
  bottom: 0;
}
@keyframes fadeInTop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.wg-chat-header-actions {
  display: flex;
  column-gap: 2px;
  flex-shrink: 0;
  margin-left: 16px;
}
.wg-chat-header-actions .wg-a-btn-icon {
  outline: 0 none !important;
}
.wg-chat-header-actions .wg-a-btn-icon:focus {
  background: #ffffff;
}
.wg-chat-header-actions .wg-a-btn-icon.is-active {
  background: var(--wg-primary--90);
}
.wg-chat-header-search {
  display: none;
  position: relative;
  column-gap: 16px;
  align-items: center;
  background: #ffffff;
  padding: 0 24px 24px;
}
.wg-chat-header-search__text, .wg-chat-header-search__select {
  width: 100%;
}
.wg-chat-header:has(.wg-chat-header-search.is-active) .wg-chat-header-search {
  display: flex;
}

.wg-chat-c-receipt-detail-item {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
.wg-chat-c-receipt-detail-item:not(:last-child) {
  margin-bottom: 8px;
}
.wg-chat-c-receipt-detail-item.has-divider {
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}
.wg-chat-c-receipt-detail-item:last-child {
  font-weight: 700;
}
.wg-chat-c-receipt-detail-item__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  width: 40%;
  color: #76859b;
  word-break: break-all;
}
.wg-chat-c-receipt-detail-item__detail {
  max-width: 60%;
  text-align: right;
}

.wg-chat-c-receipt-products-image {
  width: 92px;
}
.wg-chat-c-receipt-products-product .wg-c-table-item-group__action-content {
  gap: 0 !important;
}
.wg-chat-c-receipt-products-total {
  font-weight: 700;
}

.wg-a-tabs:is(.pill):has(#chatSessionMessageReceiptProducts.active) .wg-a-tabs-list-horizontal {
  margin-bottom: 10px;
}

.wg-tenant-chat-c-session-virtual-list__wrapper {
  height: 100%;
}
.wg-tenant-chat-c-session-virtual-list__wrapper:has(.wg-a-empty) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wg-tenant-chat-c-session-virtual-list__inner {
  position: relative;
}
.wg-tenant-chat-c-session-virtual-list__inner-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.wg-chat-c-sessions {
  grid-gap: 1rem;
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
}
.wg-chat-c-sessions__tabs {
  flex-grow: 1;
  height: 0rem;
}
.wg-chat-c-sessions__tabs, .wg-chat-c-sessions__tabs .wg-a-tabs {
  grid-gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.wg-chat-c-sessions__tabs .wg-a-tabs {
  flex-grow: 1;
}
.wg-chat-c-sessions__tabs .wg-a-tabs__list {
  justify-content: space-between;
  padding: 0 1rem;
}
.wg-chat-c-sessions__tabs .wg-a-tabs .wg-a-tabs-list-horizontal__inner {
  border-bottom: none;
}
.wg-chat-c-sessions__tabs .wg-a-tabs .wg-a-tabs-list-horizontal ul {
  justify-content: space-between;
  gap: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.wg-chat-c-sessions__tabs .wg-a-tabs .wg-a-tabs-list-horizontal li {
  flex: 1 0 auto;
}
.wg-chat-c-sessions__tabs .wg-a-tabs .wg-a-tabs-list-horizontal li a {
  padding: 0;
}
.wg-chat-c-sessions__tabs .wg-a-tabs__contents {
  flex-grow: 1;
  padding: 0;
  height: 0;
}
.wg-chat-c-sessions__tabs .wg-a-tabs__pane {
  max-height: 100%;
}

.wg-chat-c-sessions-actions {
  grid-gap: 0.5rem;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 1.5rem;
  left: 0;
  justify-content: center;
  align-items: center;
}
.wg-chat-c-sessions-actions .wg-c-dropdown {
  width: fit-content;
}
.wg-chat-c-sessions-actions .wg-c-dropdown .wg-a-btn {
  white-space: nowrap;
}

.wg-chat-c-sessions-header {
  grid-gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem 0;
}
.wg-chat-c-sessions-header__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-chat-c-sessions-header .wg-c-dropdown {
  width: fit-content;
}
.wg-chat-c-sessions-header__filter {
  display: flex;
  align-items: center;
}
.wg-chat-c-sessions-header__filter-search {
  display: flex;
  position: relative;
  align-items: center;
  margin-right: 0.5rem;
}
.wg-chat-c-sessions-header__filter-search:has(.wg-a-input input:placeholder-shown) .wg-a-btn-icon {
  opacity: 0;
  pointer-events: none;
}
.wg-chat-c-sessions-header__filter-search .wg-a-input {
  gap: 8px;
  padding: 0 20px 0 12px;
  width: fit-content;
}
.wg-chat-c-sessions-header__filter-search .wg-a-btn-icon {
  position: absolute;
  right: 8px;
  width: 24px;
  height: 24px;
}
.wg-chat-c-sessions-header__filter .wg-a-btn-icon {
  flex-shrink: 0;
  align-self: center;
}
.wg-chat-c-sessions-header__filter-panel--active {
  position: relative;
  background-color: var(--wg-primary--90);
}
.wg-chat-c-sessions-header__filter-panel--active i {
  color: var(--wg-primary);
}
.wg-chat-c-sessions-header__filter-panel--active::after {
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 50%;
  background-color: #fb4d3d;
  width: 6px;
  height: 6px;
  content: "";
}
.wg-chat-c-sessions-header__filter-panel-button {
  justify-content: space-between !important;
}
.wg-chat-c-sessions-header__filter-panel-button i {
  order: 2;
}

.wg-chat-c-sessions-header__agent-status {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.wg-chat-c-sessions-header__agent-status.online::before, .wg-chat-c-sessions-header__agent-status.offline::before {
  position: absolute;
  left: 1rem;
  flex-shrink: 0;
  border-radius: 624.9375rem;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
}
.wg-chat-c-sessions-header__agent-status.online::before {
  background-color: #1abb68;
}
.wg-chat-c-sessions-header__agent-status.offline::before {
  background-color: #fb4d3d;
}
.wg-chat-c-sessions-header__agent-status.wgjs-agents-status {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.375rem 1rem 0.375rem 1.875rem;
  white-space: nowrap;
  grid-gap: 0.75rem;
  position: relative;
  border-radius: 1.125rem;
  background-color: #ffffff;
}
.wg-chat-c-sessions-header__agent-status.wgjs-agents-status i {
  transition: all 0.3s;
  margin-left: auto;
  color: #76859b;
  font-size: 0.75rem;
}
.wg-chat-c-sessions-header__agent-status.wgjs-agents-status.active i {
  transform: rotate(180deg);
}
.wg-chat-c-sessions-header__agent-status.wg-a-btn {
  padding: 0.375rem 1rem 0.375rem 1.875rem;
}
.wg-chat-c-sessions-header__agent-status.wg-a-btn:hover {
  background-color: transparent;
  color: #1d1d1d;
}

.wg-chat-c-sessions-selection {
  grid-gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}
.wg-chat-c-sessions-selection__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem;
  background-color: #ebedf0;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
.wg-chat-c-sessions-selection__info span {
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-chat-c-sessions-selection__filter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem;
  background-color: #ebedf0;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
.wg-chat-c-sessions-selection__filter span {
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-chat-c-sessions-selection__filter-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wg-template-message-grid__item {
  display: flex;
  flex-direction: column;
  border: 1px solid #ebedf0;
  border-radius: 12px;
  height: 100%;
}
.wg-template-message-grid__item.active {
  box-shadow: 0 0 0 1px #7227f4;
}
.wg-template-message-grid__item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ebedf0;
  padding: 12px 16px;
}
.wg-template-message-grid__item-header__right {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wg-template-message-grid__item-header__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.125rem;
  word-break: break-all;
}
.wg-template-message-grid__item-header__left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-template-message-grid__item-header .wg-a-radio__container {
  padding: 9px;
}
.wg-template-message-grid__item-header .wg-a-radio__container::before {
  margin-right: 0;
}
.wg-template-message-grid__item-header .wg-a-radio__container::after {
  left: 12px;
}
.wg-template-message-grid__item-bubble {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
  padding-inline: 16px;
}
.wg-template-message-grid__item-bubble.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.wg-template-message-grid__item-bubble__inner {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.wg-template-message-grid__item-bubble__inner::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-template-message-grid__item-bubble__inner::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-template-message-grid__item-bubble__inner::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-template-message-grid__item .wg-chat-message {
  margin: 0;
}
.wg-template-message-grid__item .wg-chat-message [class*=wgjs] {
  pointer-events: none;
}
.wg-template-message-grid__item .wg-chat-message__actions, .wg-template-message-grid__item .wg-chat-message__status {
  display: none;
}
.wg-template-message-grid__item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  border-top: 1px solid #ebedf0;
  padding: 16px;
}
.wg-template-message-grid__item-footer .wg-a-btn:not(:is([class*=wgjs])) {
  cursor: help;
}
.wg-template-message-grid__item-footer .wg-a-btn.red, .wg-template-message-grid__item-footer .wg-a-btn.red:hover {
  background: #ffe5e2;
  color: #fb4d3d;
}
.wg-template-message-grid__item-footer .wg-a-btn.orange, .wg-template-message-grid__item-footer .wg-a-btn.orange:hover {
  background: #feede1;
  color: #fa8334;
}

.wg-chat-message__uploader {
  display: flex;
  position: relative;
  align-items: center;
  gap: 12px;
  margin-bottom: 2px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  background: #ffffff;
  padding: 14px 16px 18px;
  width: 100%;
  min-width: 280px;
}
.wg-chat-message__uploader__icon {
  color: #1d1d1d;
  font-size: 1.25rem;
}
.wg-chat-message__uploader__icon i {
  position: relative;
  top: 2px;
}
.wg-chat-message__uploader__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.wg-chat-message__uploader__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.wg-chat-message__uploader__text {
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-chat-message__uploader__percent {
  color: #76859b;
  font-size: 0.75rem;
}
.wg-chat-message__uploader__progress {
  position: relative;
  border-radius: 8px;
  background: #ebedf0;
  width: 100%;
  height: 4px;
  overflow: hidden;
}
.wg-chat-message__uploader__progress::before {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  border-radius: 8px;
  background: var(--wg-secondary-20);
  width: calc(var(--percent) * 1%);
  height: 4px;
  content: "";
}
.wg-chat-message--outgoing .wg-chat-message__bubble:has(.wg-chat-message__uploader) {
  background: #ebedf0;
}

.wg-d-alternate-message-channels .wg-alternate-message-form {
  margin-top: 24px;
}
.wg-d-alternate-message-channels .wg-alternate-message-channel {
  position: relative;
  border-bottom: 1px dashed #d4d6d8;
  padding: 16px;
}
.wg-d-alternate-message-channels .wg-alternate-message-channel__body {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-d-alternate-message-channels .wg-alternate-message-channel__content {
  position: relative;
  top: -1px;
  padding-right: 48px;
}
.wg-d-alternate-message-channels .wg-alternate-message-channel__title, .wg-d-alternate-message-channels .wg-alternate-message-channel__info {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-d-alternate-message-channels .wg-alternate-message-channel__title {
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-d-alternate-message-channels .wg-alternate-message-channel__info {
  color: #76859b;
  font-size: 0.8125rem;
  line-height: 1rem;
}
.wg-d-alternate-message-channels .wg-alternate-message-channel__info i {
  position: relative;
  top: 1px;
}
.wg-d-alternate-message-channels:has(.wg-a-empty) .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
}
.wg-d-alternate-message-channels:has(.wg-a-empty) .wg-a-empty {
  margin-top: auto;
}

.wg-tenant-chat-d-bulk-message-send-step-2 .wg-c-message-bubble-preview {
  display: flex;
  justify-content: flex-end;
}
.wg-tenant-chat-d-bulk-message-send-step-2 .wg-c-form__content {
  height: 100%;
}
.wg-tenant-chat-d-bulk-message-send-step-2 .wg-form-item:has(.wg-c-message-bubble-preview) > .wg-form-item-helper {
  float: right;
}
.wg-tenant-chat-d-bulk-message-send-step-2 .wg-form-item:has(.wg-tenant-chat-d-template-message-send) {
  height: 100%;
  overflow: hidden;
}
.wg-tenant-chat-d-bulk-message-send-step-2 .wg-form-item:has(.wg-tenant-chat-d-template-message-send) .wg-a-drawer-body {
  padding: 0;
}
.wg-tenant-chat-d-bulk-message-send-step-2 .wg-form-item:has(.wg-tenant-chat-d-template-message-send) .wg-c-pagination {
  padding: 0px 8px;
}
.wg-tenant-chat-d-bulk-message-send-step-2 .wg-form-item:has(.wg-tenant-chat-d-template-message-send) .wg-c-list-v2__content-item {
  padding: 1px;
}

.wg-a-drawer:has(.wg-tenant-chat-d-template-message-send) {
  width: 792px;
}

.wg-tenant-chat-d-media-preview .wg-c-message-bubble-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 328px;
}
.wg-tenant-chat-d-media-preview .wg-a-drawer-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-tenant-chat-d-media-preview__content .swiper-slide-active {
  z-index: 1;
}
.wg-tenant-chat-d-media-preview__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-chat-d-media-preview__item-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 1px;
}
.wg-tenant-chat-d-media-preview__item-warning {
  position: absolute;
  top: 0;
  right: 0;
}
.wg-tenant-chat-d-media-preview__item-warning .wg-a-btn-icon {
  cursor: default;
}
.wg-tenant-chat-d-media-preview__item-warning .wg-a-btn-icon:hover {
  background-color: #fa8334;
}
.wg-tenant-chat-d-media-preview__thumbs {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper {
  margin: 0px;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide {
  cursor: pointer;
  width: 60px;
  height: 60px;
  overflow-x: auto;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide:last-child {
  margin-right: 0 !important;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide img {
  border: 1px solid #d4d6d8;
  border-radius: 8px;
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide-thumb-active img {
  border: 1px solid var(--wg-primary);
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-slide-thumb-active .wg-tenant-chat-d-media-preview__thumb-empty {
  border: 1px solid var(--wg-primary);
}
.wg-tenant-chat-d-media-preview__thumbs .swiper-wrapper {
  transform: translate3d(0px, 0, 0) !important;
}
.wg-tenant-chat-d-media-preview__thumb {
  height: 100%;
}
.wg-tenant-chat-d-media-preview__thumb-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d6d8;
  border-radius: 8px;
  height: 100%;
  font-size: 2.25rem;
}
.wg-tenant-chat-d-media-preview__thumb img {
  aspect-ratio: 1;
  width: 60px;
  object-fit: cover;
}
.wg-tenant-chat-d-media-preview__thumb-remove {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
  border-radius: 100%;
  background-color: #fb4d3d;
  width: 15px;
  height: 15px;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
}
.wg-tenant-chat-d-media-preview__thumb-add {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 8px;
  border: 1px solid #d4d6d8;
  border-radius: 8px;
  background-color: #d4d6d8;
  width: 60px;
  height: 60px;
}
.wg-tenant-chat-d-media-preview__thumb-warning {
  position: absolute;
  right: 3px;
  bottom: 3px;
  border-radius: 100%;
  background-color: #fa8334;
  width: 15px;
  height: 15px;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
}

.wg-d-multimedia-message-preview .wg-chat-message__actions,
.wg-d-multimedia-message-preview .wg-chat-message__status {
  display: none;
}

.wg-d-multimedia-messages__content {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  user-select: none;
}
.wg-d-multimedia-messages__content--selection-mode .wg-d-multimedia-messages__group-media-input {
  display: inline-flex;
}
.wg-d-multimedia-messages__group-title {
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 8px;
  width: 100%;
  color: #1d1d1d;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-d-multimedia-messages__group-item {
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 180px;
  flex-grow: 1;
  width: 100%;
}
.wg-d-multimedia-messages__group-media {
  display: flex;
}
.wg-d-multimedia-messages__group-media.selected {
  transition: all 0.3s;
  border-radius: 8px;
  background-color: var(--wg-primary--90);
}
.wg-d-multimedia-messages__group-media.selected .wg-a-thumbnail {
  transform: scale(0.85);
  transition: all 0.3s;
}
.wg-d-multimedia-messages__group-media-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-self: center;
  justify-self: center;
  cursor: pointer;
}
.wg-d-multimedia-messages__group-media-content span {
  margin-top: 4px;
  color: #76859b;
  font-weight: 700;
  font-size: 0.75rem;
  text-align: center;
}
.wg-d-multimedia-messages__group-media-content .wg-a-thumbnail--xl {
  transition: all 0.3s;
}
.wg-d-multimedia-messages__group-media-content .wg-a-thumbnail--xl label {
  max-width: 88px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-d-multimedia-messages__group-media-input {
  display: none;
  position: absolute;
  top: 14px;
  right: 12px;
  align-items: center;
  z-index: 1;
  transition: all 0.3s;
  border-radius: 4px;
}
.wg-d-multimedia-messages__group-media-input:hover {
  transition: all 0.3s;
  background: var(--wg-primary--90);
}
.wg-d-multimedia-messages__group-media-input::before {
  flex-shrink: 0;
  transition: all 0.3s;
  border: 1px solid #7227f4;
  border-radius: 4px;
  background: #ffffff;
  width: 16px;
  height: 16px;
  content: "";
}
.wg-d-multimedia-messages__group-media-input::after {
  display: flex;
  position: absolute;
  top: 0;
  left: 2px;
  align-items: center;
  opacity: 0;
  height: 100%;
  content: "\e940";
  color: #ffffff;
  font-size: 0.75rem;
  font-family: "iconset";
}
.wg-d-multimedia-messages__group-media-input:has(input:checked, input:indeterminate)::before {
  border-color: var(--wg-primary);
  background: var(--wg-primary);
}
.wg-d-multimedia-messages__group-media-input:has(input:checked, input:indeterminate)::after {
  opacity: 1;
}
.wg-d-multimedia-messages__group-media-input:has(input:indeterminate)::after {
  content: "\e9bf";
}
.wg-d-multimedia-messages__group-media-input input {
  position: absolute;
  opacity: 0;
  padding: 0.3125rem;
  pointer-events: none;
}
.wg-d-multimedia-messages__group-media-input:has(:disabled) {
  opacity: 0.5;
  cursor: no-drop;
}
.wg-d-multimedia-messages__group-media-info, .wg-d-multimedia-messages__group-media-enlarge {
  position: absolute;
  right: 11px;
  bottom: 35px;
  align-content: center;
  z-index: 3;
  border-radius: 100%;
  background-color: var(--wg-primary--90);
  width: 1.1rem;
  height: 1.1rem;
  color: var(--wg-primary);
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
}
.wg-d-multimedia-messages .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
}
.wg-d-multimedia-messages .wg-a-drawer-footer {
  display: flex;
  gap: 8px;
}
.wg-d-multimedia-messages .wg-a-btn, .wg-d-multimedia-messages__group-media-enlarge, .wg-d-multimedia-messages__group-media-input {
  transition: all 0.3s;
}

.wg-d-instagram-castor-create .wg-a-drawer-footer {
  display: flex;
  gap: 8px;
}

.wg-d-messenger-rigel-create .wg-a-drawer-footer {
  display: flex;
  gap: 8px;
}

.wg-tenant-chat-d-om2-wab-vega-cloud-create .wg-a-drawer-footer {
  display: flex;
  gap: 16px;
}

.wg-tenant-chat-d-om2-wab-vega-gupshup-onboarding .wg-a-drawer-footer {
  display: flex;
  gap: 16px;
}

.wg-a-drawer:has(.wg-tenant-automation-s-custom-flows-instance) {
  width: 792px;
}

.wg-tenant-chat-drawers-session-start input {
  text-transform: capitalize;
}

.wg-tenant-chat-drawers-sessions-filter .wg-a-drawer-footer {
  display: flex;
  gap: 8px;
}

.wg-tenant-chat-d-short-message-send .wg-a-drawer-footer {
  display: flex;
  gap: 16px;
}

.wg-tenant-chat-d-template-message-send .wg-c-list-v2__content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex-grow: initial;
  gap: 16px;
}

.wg-tenant-chat-sections-crm-filter {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__header {
  padding: 24px 16px 0 16px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__wrapper {
  gap: 0;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__wrapper > :first-child {
  padding: 0 16px 12px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__wrapper > :last-child {
  border-bottom: none;
  padding: 12px 16px 24px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__wrapper .wg-a-composite-title {
  font-size: 0.875rem;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__item {
  border-bottom: 1px dashed #d4d6d8;
  padding: 12px 16px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__item .wg-a-form-card {
  gap: 8px;
  border-radius: 0px;
  background-color: #ffffff;
  padding: 0px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__item .wg-a-form-card__items {
  gap: 12px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__item .wg-a-form-card__items:has(.wg-a-checkbox-tri) {
  gap: 0;
  max-height: 130px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__item .wg-a-form-card__items:has(.wg-crm-c-customers-filter__checkbox-tri--row) {
  flex-direction: row;
  gap: 16px;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__item .wg-a-form-card__items:has(.wg-crm-c-customers-filter__checkbox-tri--row) .wg-c-dynamic-item {
  width: auto;
}
.wg-tenant-chat-sections-crm-filter .wg-c-form-v2__item .wg-a-form-card__items .wg-a-range .wg-a-input {
  flex: 1;
}

.wg-flows-section {
  margin-bottom: 24px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 32px;
}
.wg-flows-section-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.wg-flows-section-header:not(:has(.wg-flows-section-header__description)), .wg-flows-section-header:not(:has(.wg-flows-section-header__text)) {
  align-items: center;
}
.wg-flows-section-header__title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wg-flows-section-header__content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-flows-section-header__text {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.wg-flows-section-header__info {
  position: relative;
  top: 1px;
  color: #76859b;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.wg-flows-section-header__badge .wg-a-badge {
  display: block;
}
.wg-flows-section-header__description {
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-flows-section-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-flows-section-body__group {
  display: flex;
  gap: 16px;
}
.wg-flows-section-body__group--between {
  justify-content: space-between;
  align-items: center;
}
.wg-flows-section-body__group--half .wg-flows-section-body__item {
  width: 100%;
}
.wg-flows-section-body__group--evenly {
  align-items: center;
}
.wg-flows-section-body__item iframe {
  display: block;
  border-radius: 12px;
  width: 100%;
  height: 248px;
}
.wg-flows-section-body__item:has(.wg-a-input, .wg-a-select, .wg-a-textarea) {
  width: 100%;
}
.wg-flows-section-body__actions {
  display: flex;
  gap: 8px;
}
.wg-flows-section-card {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}

.wg-template-messages-section {
  margin-bottom: 24px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 32px;
}
.wg-template-messages-section-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.wg-template-messages-section-header:not(:has(.wg-template-messages-section-header__description)), .wg-template-messages-section-header:not(:has(.wg-template-messages-section-header__text)) {
  align-items: center;
}
.wg-template-messages-section-header__title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wg-template-messages-section-header__content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-template-messages-section-header__text {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.wg-template-messages-section-header__info {
  position: relative;
  top: 1px;
  color: #76859b;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.wg-template-messages-section-header__badge .wg-a-badge {
  display: block;
}
.wg-template-messages-section-header__description {
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-template-messages-section-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-template-messages-section-body__group {
  display: flex;
  gap: 16px;
}
.wg-template-messages-section-body__group--between {
  justify-content: space-between;
  align-items: center;
}
.wg-template-messages-section-body__group--half .wg-template-messages-section-body__item {
  width: 100%;
}
.wg-template-messages-section-body__group--evenly {
  align-items: center;
}
.wg-template-messages-section-body__item iframe {
  display: block;
  border-radius: 12px;
  width: 100%;
  height: 248px;
}
.wg-template-messages-section-body__item:has(.wg-a-input, .wg-a-select, .wg-a-textarea) {
  width: 100%;
}
.wg-template-messages-section-body__actions {
  display: flex;
  gap: 8px;
}
.wg-template-messages-section-card {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}

.wg-tenant-chat-w-gallery {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-chat-w-gallery .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-chat-w-gallery .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-chat-w-gallery .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-chat-w-gallery:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-chat-w-gallery:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-chat-w-gallery:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-header {
  padding: 0px 16px;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer .wg-a-btn:only-child:hover, .wg-tenant-chat-w-gallery .wg-tenant-chat-w-gallery-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-tenant-chat-w-gallery:hover .wg-tenant-chat-w-gallery-more::before {
  opacity: 1;
}
.wg-tenant-chat-w-gallery:hover .wg-tenant-chat-w-gallery-more::after {
  opacity: 0;
}
.wg-tenant-chat-w-gallery-body:has(.wg-a-empty) {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wg-tenant-chat-w-gallery-items {
  grid-gap: 8px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.wg-tenant-chat-w-gallery-items button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background-color: #f6f6f7;
  padding: 0;
  height: 80px;
  overflow: hidden;
}
.wg-tenant-chat-w-gallery-items button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wg-tenant-chat-w-gallery-items button i {
  color: #7227f4;
  font-size: 2.5rem;
  line-height: 1;
}
.wg-tenant-chat-w-gallery-items:has(:nth-child(4)) {
  flex-wrap: wrap;
}
.wg-tenant-chat-w-gallery-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.wg-tenant-chat-w-gallery-more {
  position: relative;
  border-radius: 8px;
  border-radius: 8px;
  background: #1d1d1d;
  overflow: hidden;
}
.wg-tenant-chat-w-gallery-more::before, .wg-tenant-chat-w-gallery-more::after {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  background: rgba(29, 29, 29, 0.6);
  width: 100%;
  height: 100%;
  pointer-events: none;
  color: #ffffff;
  font-size: 1.25rem;
  user-select: none;
}
.wg-tenant-chat-w-gallery-more::before {
  opacity: 0;
  z-index: 1;
  content: "\e9ef";
  font-family: "iconset" !important;
}
.wg-tenant-chat-w-gallery-more::after {
  z-index: 2;
  content: "+" attr(data-count);
}
.wg-tenant-chat-w-gallery-more:has(:nth-child(n+4)) a:nth-child(n+4) {
  display: none !important;
}

.wg-crm-c-customers-filter-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  animation: slideInAnimation ease 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  border-radius: 12px;
  background-color: #ebedf0;
  padding: 4px 16px;
  overflow: hidden;
  font-size: 0.875rem;
}
@keyframes slideInAnimation {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    opacity: 1;
    max-height: 150px;
  }
}

.wg-crm-d-customer-import-preview-table .wg-c-table table thead th:last-child {
  text-align: right;
}
.wg-crm-d-customer-import-preview-table .wg-c-table-item--strikethrough {
  text-decoration: line-through;
  text-decoration-color: #fb4d3d;
}
.wg-crm-d-customer-import-preview-table .wg-c-table-item--strikethrough .wg-a-text {
  color: #76859b;
}
.wg-crm-d-customer-import-preview-table .wg-c-table .wg-a-empty {
  margin-top: 48px;
}
.wg-crm-d-customer-import-preview-table .wg-a-checkbox__container {
  padding: 0.5rem;
}
.wg-crm-d-customer-import-preview-table .wg-a-checkbox__container::before {
  margin: 0;
}
.wg-crm-d-customer-import-preview-table .wg-a-checkbox__container::after {
  left: 10px;
}
.wg-crm-d-customer-import-preview-table .wg-a-text li {
  position: relative;
  padding-left: 12px;
}
.wg-crm-d-customer-import-preview-table .wg-a-text li:not(:last-child) {
  margin-bottom: 8px;
}
.wg-crm-d-customer-import-preview-table .wg-a-text li::before {
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 100%;
  background: #fb4d3d;
  width: 4px;
  height: 4px;
  content: "";
}

.wg-customers-c-customer-interaction-detail {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 0px;
  max-height: 100%;
}
.wg-customers-c-customer-interaction-detail__comments {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wg-customers-c-customer-interaction-detail__comments__item {
  display: inline-flex;
  position: relative;
  gap: 12px;
  border-radius: 0.75rem;
  background-color: #f6f6f7;
  padding: 1rem 1.5rem;
  max-width: 508px;
}
.wg-customers-c-customer-interaction-detail__comments__item:last-child {
  border-bottom-left-radius: 0;
}
.wg-customers-c-customer-interaction-detail__comments__item__content {
  font-size: 0.875rem;
}
.wg-customers-c-customer-interaction-detail__comments__item__date {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.2rem 1rem;
  color: #76859b;
  font-size: 0.75rem;
  text-align: right;
}

.wg-crm-c-customers-filter {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wg-crm-c-customers-filter .wg-c-form-v2__header {
  padding: 24px 16px 0 16px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__wrapper {
  gap: 0;
}
.wg-crm-c-customers-filter .wg-c-form-v2__wrapper > :first-child {
  padding: 0 16px 12px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__wrapper > :last-child {
  border-bottom: none;
  padding: 12px 16px 24px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__wrapper .wg-a-composite-title {
  font-size: 0.875rem;
}
.wg-crm-c-customers-filter .wg-c-form-v2__item {
  border-bottom: 1px dashed #d4d6d8;
  padding: 12px 16px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__item .wg-a-form-card {
  gap: 8px;
  border-radius: 0px;
  padding: 0px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__item .wg-a-form-card__items {
  gap: 12px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__item .wg-a-form-card__items:has(.wg-a-checkbox-tri) {
  gap: 0;
  max-height: 130px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__item .wg-a-form-card__items:has(.wg-crm-c-customers-filter__checkbox-tri--row) {
  flex-direction: row;
  gap: 16px;
}
.wg-crm-c-customers-filter .wg-c-form-v2__item .wg-a-form-card__items:has(.wg-crm-c-customers-filter__checkbox-tri--row) .wg-c-dynamic-item {
  width: auto;
}
.wg-crm-c-customers-filter .wg-c-form-v2__item .wg-a-form-card__items .wg-a-range .wg-a-input {
  flex: 1;
}

.wg-crm-c-filtered-customer-tags-list {
  margin-top: 12px;
}
.wg-crm-c-filtered-customer-tags-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-crm-c-filtered-customer-tags-list__header a {
  position: relative;
  right: 4px;
  color: #fb4d3d;
  font-weight: 700;
  font-size: 0.75rem;
}
.wg-crm-c-filtered-customer-tags-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.wg-crm-c-filtered-customer-tags-list__item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
}
.wg-crm-c-filtered-customer-tags-list__item-title {
  display: flex;
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-crm-c-filtered-customer-tags-list__item-icon {
  flex-shrink: 0;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
}
.wg-crm-c-filtered-customer-tags-list__item-icon:has(.icon-check) {
  background: #1abb68;
}
.wg-crm-c-filtered-customer-tags-list__item-icon:has(.icon-x) {
  background: #fb4d3d;
}
.wg-crm-c-filtered-customer-tags-list__item-icon i {
  font-size: 0.875rem;
}
.wg-crm-c-filtered-customer-tags-list__item-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  word-break: break-all;
}
.wg-crm-c-filtered-customer-tags-list__item-action {
  margin-left: 12px;
}

.wg-crm-c-filtered-users-list {
  margin-top: 12px;
}
.wg-crm-c-filtered-users-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-crm-c-filtered-users-list__header a {
  position: relative;
  right: 4px;
  color: #fb4d3d;
  font-weight: 700;
  font-size: 0.75rem;
}
.wg-crm-c-filtered-users-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.wg-crm-c-filtered-users-list__item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
}
.wg-crm-c-filtered-users-list__item-title {
  display: flex;
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-crm-c-filtered-users-list__item-icon {
  flex-shrink: 0;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
}
.wg-crm-c-filtered-users-list__item-icon:has(.icon-check) {
  background: #1abb68;
}
.wg-crm-c-filtered-users-list__item-icon:has(.icon-x) {
  background: #fb4d3d;
}
.wg-crm-c-filtered-users-list__item-icon i {
  font-size: 0.875rem;
}
.wg-crm-c-filtered-users-list__item-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  word-break: break-all;
}
.wg-crm-c-filtered-users-list__item-action {
  margin-left: 12px;
}

.wg-tenant-crm-c-profile-field-select-advance {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 24px;
}
.wg-tenant-crm-c-profile-field-select-advance-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-crm-c-profile-field-select-advance-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.wg-tenant-crm-c-profile-field-select-advance:has(.wg-tenant-crm-c-profile-field-select-advance-items) .wg-tenant-crm-c-profile-field-select-advance-header {
  margin-bottom: 20px;
}
.wg-tenant-crm-c-profile-field-select-advance-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-crm-c-profile-field-select-advance-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.wg-tenant-crm-c-profile-field-select-advance-item__section--color__group {
  display: flex;
  gap: 16px;
}
.wg-tenant-crm-c-profile-field-select-advance-item__section--color__group .wg-a-select {
  width: 100%;
}
.wg-tenant-crm-c-profile-field-select-advance-item__section--color__group .wg-a-btn-icon {
  margin-top: 10px;
}

.wg-crm-c-selected-items-count {
  animation: fadeInAnimation ease 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  border-radius: 12px;
  background-color: #ebedf0;
  padding: 16px 24px;
}
.wg-crm-c-selected-items-count__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-crm-c-selected-items-count__info {
  color: #1d1d1d;
  font-size: 0.75rem;
}
.wg-crm-c-selected-items-count__info span {
  font-weight: 700;
}
.wg-crm-c-selected-items-count__result > div:not(:last-child) {
  margin-bottom: 8px;
}
.wg-crm-c-selected-items-count__actions {
  display: flex;
  column-gap: 8px;
}
.wg-crm-c-selected-items-count__clear-selected {
  align-self: center;
  margin-left: auto;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.wg-tenant-crm-d-customer-import-step-1 .wg-a-drawer-footer {
  display: flex;
  gap: 16px;
}
.wg-tenant-crm-d-customer-import-step-1 input#wgjsCustomerImportFileInput {
  display: none;
}

.wg-c-matcher-selection {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}
.wg-c-matcher-selection__title {
  margin-bottom: 12px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
}
.wg-c-matcher-selection__search {
  margin-bottom: 12px;
}
.wg-c-matcher-selection__content {
  width: 50%;
}
.wg-c-matcher-selection__inner {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 4px 2px 4px 20px;
  height: 188px;
  overflow-y: scroll;
}
.wg-c-matcher-selection__inner::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-c-matcher-selection__inner::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-c-matcher-selection__inner::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-c-matcher-selection__item {
  position: relative;
  cursor: pointer;
  padding: 12px 24px 12px 0;
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-c-matcher-selection__item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
}
.wg-c-matcher-selection__item::before {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  opacity: 0;
  transition: all 0.3s;
  height: 100%;
  content: "\e940";
  color: var(--wg-primary);
  font-family: "iconset";
}
.wg-c-matcher-selection__item span {
  color: #fb4d3d;
  font-size: 0.625rem;
}
.wg-c-matcher-selection__item.is-active {
  color: var(--wg-primary);
}
.wg-c-matcher-selection__item.is-active::before {
  opacity: 1;
}
.wg-c-matcher-selection__item:hover {
  color: var(--wg-primary);
}
.wg-c-matcher-result {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.wg-c-matcher-result__title {
  margin-bottom: 8px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 0.875rem;
}
.wg-c-matcher-result__inner {
  border-radius: 12px;
  background: #f6f6f7;
  padding: 8px 8px 8px 20px;
  max-height: 324px;
  overflow-y: scroll;
}
.wg-c-matcher-result__inner::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-c-matcher-result__inner::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-c-matcher-result__inner::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-c-matcher-result__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  transition: all 0.3s;
  cursor: pointer;
  padding: 12px 0;
  color: #1d1d1d;
  font-size: 0.875rem;
}
.wg-c-matcher-result__item:hover {
  color: var(--wg-primary);
}
.wg-c-matcher-result__item::after {
  content: "\ea3c";
  color: #fb4d3d;
  font-family: "iconset";
}
.wg-c-matcher-result__item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
}
.wg-c-matcher-result__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.wg-c-matcher-result__content-incoming, .wg-c-matcher-result__content-outgoing {
  width: calc(100% - 24px);
}
.wg-c-matcher-result__content i {
  position: relative;
  top: 1px;
  color: #bac1cc;
}
.wg-c-matcher-selection__inner:has(.wg-a-empty), .wg-c-matcher-result__inner:has(.wg-a-empty) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 188px;
}

.wg-tenant-crm-d-customer-import-step-3 .wg-a-drawer-footer {
  display: flex;
  gap: 16px;
}

.wg-tenant-crm-drawers-customers .wg-a-drawer-body {
  padding: 0;
}
.wg-tenant-crm-drawers-customers .wg-a-tabs__header {
  padding-top: 0;
}

.wg-tenant-crm-d-exported-file-logs .divider {
  background-color: #f6f6f7;
  padding: 8px;
}
.wg-tenant-crm-d-exported-file-logs .wg-c-list-item__title {
  color: #76859b;
}
.wg-tenant-crm-d-exported-file-logs .wg-c-list-item__action-content {
  color: #1d1d1d;
  font-size: 0.875rem;
}

.wg-tenant-crm-d-exported-files-details .wg-c-list-item__title {
  color: #76859b;
}
.wg-tenant-crm-d-exported-files-details .wg-c-list-item__action-content {
  color: #1d1d1d;
  font-size: 0.875rem;
}

.wg-tenant-crm-drawers-update-note .wg-c-form {
  height: auto;
}
.wg-tenant-crm-drawers-update-note .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wg-tenant-crm-drawers-update-note__messages {
  border: solid 1px #d4d6d8;
  border-radius: 12px;
  padding: 24px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.wg-tenant-crm-drawers-update-note__messages::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-tenant-crm-drawers-update-note__messages::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-tenant-crm-drawers-update-note__messages::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}

.wg-tenant-crm-drawers-notes:has(.wg-c-pagination) .wg-tenant-crm-drawers-notes__list-item:nth-last-child(3) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-crm-drawers-notes__list-item:not(:nth-last-child(3)) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-crm-drawers-notes__list-item:not(:first-child) {
  padding-top: 16px;
}
.wg-tenant-crm-drawers-notes__list-item:hover .wg-tenant-crm-drawers-notes__list-item-actions {
  visibility: visible !important;
  opacity: 1;
}
.wg-tenant-crm-drawers-notes__list-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.wg-tenant-crm-drawers-notes__list-item-title {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-tenant-crm-drawers-notes__list-item-actions {
  display: flex;
  flex-shrink: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.wg-tenant-crm-drawers-notes__list-item-text {
  margin-top: 12px;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-tenant-crm-drawers-notes .wg-a-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-crm-drawers-notes .wg-c-pagination {
  margin-top: auto;
}

.wg-d-crm-data-fields {
  max-height: none !important;
}
.wg-d-crm-data-fields::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.wg-d-crm-data-fields__list {
  max-height: 270px;
  overflow-y: scroll;
}
.wg-d-crm-data-fields__list::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-d-crm-data-fields__list::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-d-crm-data-fields__list::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}
.wg-d-crm-data-fields__select-buttons {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}
.wg-d-crm-data-fields .wg-a-checkbox {
  white-space: nowrap;
}

.wg-customers-s-files-media {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-customers-s-files-media .files-section {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.wg-crm-t-crm {
  padding: 32px;
}
.wg-crm-t-crm__header-dropdown .wg-a-btn-icon {
  background-color: var(--wg-primary--90);
}
.wg-crm-t-crm .wg-c-table__content .wg-a-checkbox__container {
  padding: 9px;
}
.wg-crm-t-crm .wg-c-table__content .wg-a-checkbox__container::before {
  margin-right: 0;
}
.wg-crm-t-crm .wg-c-table__content .wg-a-checkbox__container::after {
  left: 11px;
}

.wg-tenant-crm-w-notes {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-crm-w-notes .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-crm-w-notes .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-crm-w-notes .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-crm-w-notes:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-crm-w-notes:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-crm-w-notes:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-header {
  padding: 0px 16px;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer .wg-a-btn:only-child:hover, .wg-tenant-crm-w-notes .wg-tenant-crm-w-notes-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-tenant-crm-w-notes-body {
  display: none;
  flex-direction: column;
  max-height: 152px;
}
.wg-tenant-crm-w-notes-body:has(.wg-tenant-crm-w-notes-item) {
  display: flex;
}
.wg-tenant-crm-w-notes-item:not(:last-child) {
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.wg-tenant-crm-w-notes-item:not(:first-child) {
  padding-top: 16px;
}
.wg-tenant-crm-w-notes-item:hover .wg-tenant-crm-w-notes-item__actions {
  visibility: visible !important;
  opacity: 1;
}
.wg-tenant-crm-w-notes-item__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.wg-tenant-crm-w-notes-item__title {
  height: 28px;
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-tenant-crm-w-notes-item__actions {
  display: flex;
  flex-shrink: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.wg-tenant-crm-w-notes-item__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-all;
}

.wg-tenant-crm-w-profile {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-crm-w-profile .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-crm-w-profile .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-crm-w-profile .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-crm-w-profile:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-crm-w-profile:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-crm-w-profile:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-header {
  padding: 0px 16px;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer .wg-a-btn:only-child:hover, .wg-tenant-crm-w-profile .wg-tenant-crm-w-profile-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-tenant-crm-w-profile-header .wg-a-btn-icon:focus {
  background: none;
}
.wg-tenant-crm-w-profile-body {
  display: none;
}
.wg-tenant-crm-w-profile-body:has(.wg-accordions__item__content.active) {
  display: flex;
}
.wg-tenant-crm-w-profile-body .wg-accordions__item {
  padding: 0px;
  width: 100%;
}
.wg-tenant-crm-w-profile-body .wg-accordions__item .wg-a-input {
  margin: 0px;
}
.wg-tenant-crm-w-profile-body .wg-accordions__item__content.active {
  max-height: none !important;
}

.wg-tenant-crm-w-tags {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-crm-w-tags .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-crm-w-tags .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-crm-w-tags .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-crm-w-tags:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-crm-w-tags:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-crm-w-tags:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-header {
  padding: 0px 16px;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer .wg-a-btn:only-child:hover, .wg-tenant-crm-w-tags .wg-tenant-crm-w-tags-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-tenant-crm-w-tags .tagify__tag.limited {
  width: 100%;
}
.wg-tenant-crm-w-tags .tagify__tag.limited .tagify__tag-text {
  max-width: 100%;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wg-tenant-crm-w-tags .tagify__tag.limited > div {
  max-width: calc(100% - 10px) !important;
}

.wg-tenant-marketing-s-applicaiton-form {
  padding: 32px !important;
}

.wg-tenant-partnership-s-balances-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.wg-tenant-partnership-s-balances-card {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  padding: 24px;
  min-height: 360px;
}
.wg-tenant-partnership-s-balances-card:is(.is-negative-balance) .wg-animated-border {
  --size: 180;
  --duration: 12000ms;
  --anchor: 90;
  --color-from: #fb4d3d;
  --color-to: #fedbd8;
  --delay: 0ms;
  position: absolute;
  mask-image: linear-gradient(transparent, transparent), linear-gradient(white, white);
  -webkit-mask-clip: padding-box, border-box;
  mask-clip: padding-box, border-box;
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
  inset: -1px;
  border: 2px solid transparent;
  border-radius: inherit;
  pointer-events: none;
}
.wg-tenant-partnership-s-balances-card:is(.is-negative-balance) .wg-animated-border::after {
  position: absolute;
  offset-anchor: calc(var(--anchor) * 1%) 50%;
  offset-path: rect(0 auto auto 0 round calc(var(--size) * 1px));
  animation: animated-border-180 var(--duration) infinite linear;
  animation-delay: var(--delay);
  background: linear-gradient(to left, var(--color-from), var(--color-to), transparent);
  aspect-ratio: 1/1;
  width: calc(var(--size) * 1px);
  content: "";
}
@keyframes animated-border-180 {
  to {
    offset-distance: 100%;
  }
}
.wg-tenant-partnership-s-balances-card:not(:is(.is-negative-balance)) .wg-animated-border {
  display: none;
}
.wg-tenant-partnership-s-balances-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wg-tenant-partnership-s-balances-card-header__title {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.wg-tenant-partnership-s-balances-card-header__actions {
  display: flex;
  align-items: center;
}
.wg-tenant-partnership-s-balances-card-header__actions .wg-a-btn-icon {
  all: initial;
  cursor: pointer;
  color: #76859b;
  line-height: 1;
}
.wg-tenant-partnership-s-balances-card-body__item:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-tenant-partnership-s-balances-card-footer {
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding-top: 8px;
}
.wg-tenant-partnership-s-balances-card-footer .wg-a-btn {
  width: 100%;
}
.wg-tenant-partnership-s-balances-card-balance:is(.current) .wg-tenant-partnership-s-balances-card-balance__amount {
  font-size: 2rem;
  line-height: 2.5rem;
}
.wg-tenant-partnership-s-balances:is(.is-loading) .wg-tenant-partnership-s-balances-card-balance:is(.current) .wg-tenant-partnership-s-balances-card-balance__amount {
  padding-block: 8px;
}
.wg-tenant-partnership-s-balances-card:is(.is-negative-balance) .wg-tenant-partnership-s-balances-card-balance:is(.current) .wg-tenant-partnership-s-balances-card-balance__amount {
  color: #fb4d3d;
}
.wg-tenant-partnership-s-balances-card-balance:is(.commission-rate) .wg-tenant-partnership-s-balances-card-balance__amount {
  color: #76859b;
}
.wg-tenant-partnership-s-balances-card-balance__amount {
  color: #1d1d1d;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-tenant-partnership-s-balances-card-balance__title {
  color: #76859b;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.wg-tenant-partnership-s-balances-card-is-partner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-tenant-partnership-s-balances-card--balance:not(:is(.is-negative-balance)) {
  border-color: rgba(114, 39, 244, 0.5);
}

.wg-tenant-partnership-s-summary td {
  vertical-align: middle;
}
.wg-tenant-partnership-s-summary--th-width {
  width: 20%;
}
.wg-tenant-partnership-s-summary .wg-c-filter__search {
  cursor: no-drop;
  background-color: #f6f6f7;
}
.wg-tenant-partnership-s-summary .wg-c-filter__search .wg-a-input {
  background-color: #f6f6f7;
  pointer-events: none;
}

.wg-tenant-partnership-w-ad {
  display: flex;
  position: relative;
  flex-direction: column;
  border: none;
}
.wg-tenant-partnership-w-ad .wg-tenant-partnership-w-ad-body {
  padding-bottom: 50px;
}
.wg-tenant-partnership-w-ad .ps__rail-y {
  z-index: 1;
}
.wg-tenant-partnership-w-ad .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-tenant-partnership-w-ad-body {
  flex-grow: 1;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.wg-tenant-partnership-w-ad::before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0.75;
  background-image: url("assets/images/dashboard-widget-ad.png");
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-tenant-partnership-w-ad__inner {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding-block: 32px;
  height: 100%;
  overflow: hidden;
  color: #ffffff;
}
.wg-tenant-partnership-w-ad__inner::before {
  position: absolute;
  opacity: 0.95;
  inset: 0;
  background: var(--wg-green);
  background: linear-gradient(180deg, var(--wg-green) 0%, var(--wg-green-20) 50%);
  pointer-events: none;
  content: "";
}
.wg-tenant-partnership-w-ad__inner:hover {
  color: #ffffff;
}
.wg-tenant-partnership-w-ad__icon, .wg-tenant-partnership-w-ad__content {
  position: relative;
  z-index: 1;
  padding-inline: 32px;
}
.wg-tenant-partnership-w-ad__icon {
  font-size: 3rem;
}
.wg-tenant-partnership-w-ad__content {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
  pointer-events: none;
}
.wg-tenant-partnership-w-ad__content::before {
  position: absolute;
  backdrop-filter: blur(4px);
  -webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
  mask-image: linear-gradient(to top, black 80%, transparent 100%);
  inset: 0;
  content: "";
}
.wg-tenant-partnership-w-ad__content__inner {
  position: relative;
}
.wg-tenant-partnership-w-ad__title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-tenant-partnership-w-ad__description {
  opacity: 0.8;
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.wg-tenant-partnership-w-ad__button {
  margin-top: 20px;
}
.wg-tenant-partnership-w-ad__button .wg-a-btn {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.75);
  padding-left: 12px;
  color: #1d1d1d;
}
.wg-tenant-partnership-w-ad__button .wg-a-btn i {
  transition: all 0.3s;
}
.wg-tenant-partnership-w-ad:is(:hover) .wg-tenant-partnership-w-ad__button .wg-a-btn i {
  rotate: 45deg;
}

body:has(.wg-c-dynamic-grid--edit-mode-on) .wg-tenant-partnership-w-ad {
  pointer-events: none;
}

.wg-tenant-payment-d-add-currencies .wg-a-checkbox__container {
  padding: 9px;
}
.wg-tenant-payment-d-add-currencies .wg-a-checkbox__container::before {
  margin-right: 0;
}
.wg-tenant-payment-d-add-currencies .wg-a-checkbox__container::after {
  left: 11px;
}

.wg-tenant-payment-d-payment-system-create .wg-c-image-card img {
  transition: all 0.3s;
}
.wg-tenant-payment-d-payment-system-create .wg-c-image-card:not(:hover) img {
  opacity: 0.4;
}

.wg-tenant-root-c-subscription-plan-unit {
  display: grid;
  gap: 16px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-tenant-root-c-subscription-plan-unit__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-subscription-plan-unit__header-title {
  font-size: 1.125rem;
}
.wg-tenant-root-c-subscription-plan-unit__tiers {
  display: grid;
  gap: 16px;
}

.wg-tenant-root-c-subscription-plan-unit-tier {
  display: grid;
  gap: 16px;
  border-radius: 0.75rem;
  background-color: #f6f6f7;
  padding: 12px;
}
.wg-tenant-root-c-subscription-plan-unit-tier__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-subscription-plan-unit-tier__header-title {
  font-size: 1.125rem;
}
.wg-tenant-root-c-subscription-plan-unit-tier__name .wg-a-input {
  width: 100%;
}
.wg-tenant-root-c-subscription-plan-unit-tier__config {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.wg-tenant-root-c-subscription-plan-unit-tier__child {
  display: grid;
  gap: 16px;
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}
.wg-tenant-root-c-subscription-plan-unit-tier__child-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-subscription-plan-unit-tier__child-header-title {
  font-size: 1.125rem;
}
.wg-tenant-root-c-subscription-plan-unit-tier__child-additional-prices {
  display: grid;
  gap: 16px;
}

.wg-tenant-root-c-subscription-plan-unit-tier-additional-price {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-subscription-plan-unit-tier-additional-price__key {
  width: 100%;
}

.wg-tenant-root-c-support-plan-unit {
  display: grid;
  gap: 16px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 12px;
}
.wg-tenant-root-c-support-plan-unit__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-support-plan-unit__header-title {
  font-size: 1.125rem;
}
.wg-tenant-root-c-support-plan-unit__tiers {
  display: grid;
  gap: 16px;
}

.wg-tenant-root-c-support-plan-unit-tier {
  display: grid;
  gap: 16px;
  border-radius: 0.75rem;
  background-color: #f6f6f7;
  padding: 12px;
}
.wg-tenant-root-c-support-plan-unit-tier__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-support-plan-unit-tier__header-title {
  font-size: 1.125rem;
}
.wg-tenant-root-c-support-plan-unit-tier__name .wg-a-input {
  width: 100%;
}
.wg-tenant-root-c-support-plan-unit-tier__config {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.wg-tenant-root-c-support-plan-unit-tier__child {
  display: grid;
  gap: 16px;
  margin-top: 12px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 12px;
}
.wg-tenant-root-c-support-plan-unit-tier__child-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-support-plan-unit-tier__child-header-title {
  font-size: 1.125rem;
}
.wg-tenant-root-c-support-plan-unit-tier__child-additional-prices {
  display: grid;
  gap: 16px;
}

.wg-tenant-root-c-support-plan-unit-tier-additional-price {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wg-tenant-root-c-support-plan-unit-tier-additional-price__key {
  width: 100%;
}

.wg-tenants-d-settings-subscription-plan-create__units {
  display: grid;
}
.wg-tenants-d-settings-subscription-plan-create__units > div {
  width: 100%;
}

.wg-tenants-d-settings-subscription-plan-update__units {
  display: grid;
}
.wg-tenants-d-settings-subscription-plan-update__units > div {
  width: 100%;
}

.wg-tenants-d-settings-support-plan-create__units {
  display: grid;
}
.wg-tenants-d-settings-support-plan-create__units > div {
  width: 100%;
}

.wg-tenants-d-settings-support-plan-update__units {
  display: grid;
}
.wg-tenants-d-settings-support-plan-update__units > div {
  width: 100%;
}

.wg-tenant-root-d-ticket--whisper {
  border: 1px solid var(--wg-gray-20);
}
.wg-tenant-root-d-ticket .wg-a-content {
  font-size: 14px;
  line-height: 20px;
}

.wg-c-permission-card {
  border: 1px solid #d4d6d8;
  border-radius: 12px;
}
.wg-c-permission-card__header {
  display: flex;
  gap: 8px;
  padding: 12px 16px 8px;
}
.wg-c-permission-card__header .wg-a-composite-title {
  flex-grow: 1;
}
.wg-c-permission-card__header .wg-a-switch {
  align-items: center;
  margin-right: 2px;
}
.wg-c-permission-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.275rem;
  padding-bottom: 16px;
  max-height: 500px;
  overflow-y: auto;
}
.wg-c-permission-card__content::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.wg-c-permission-card__content::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: #cccccc;
}
.wg-c-permission-card__content::-webkit-scrollbar-thumb:hover {
  background-color: #a2a2a2;
}

.wg-c-permission-card-children {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-right: 8px;
  padding-left: 8px;
}
.wg-c-permission-card-children > .wg-c-permission-card-children {
  margin-left: 1rem;
  padding: 0;
}
.wg-c-permission-card-children .wg-a-switch--form {
  border-radius: 0.5rem;
  padding: 0.375rem 0.375rem 0.375rem 0.75rem;
}

.wg-tenant-support-d-ticket .wg-a-content {
  font-size: 14px;
  line-height: 20px;
}

.wg-tenant-support-w-ad {
  display: flex;
  position: relative;
  flex-direction: column;
  border: none;
}
.wg-tenant-support-w-ad .wg-tenant-support-w-ad-body {
  padding-bottom: 50px;
}
.wg-tenant-support-w-ad .ps__rail-y {
  z-index: 1;
}
.wg-tenant-support-w-ad .wg-bottom-blur {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  transition: all 0.3s;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6054796919) 68%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 50px;
}
.wg-tenant-support-w-ad-body {
  flex-grow: 1;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.wg-tenant-support-w-ad::before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0.75;
  background-image: url("assets/images/dashboard-widget-ad.png");
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-tenant-support-w-ad__inner {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding-block: 32px;
  height: 100%;
  overflow: hidden;
  color: #ffffff;
}
.wg-tenant-support-w-ad__inner::before {
  position: absolute;
  opacity: 0.95;
  inset: 0;
  background: var(--wg-gray);
  background: linear-gradient(180deg, var(--wg-gray) 0%, var(--wg-gray-20) 50%);
  pointer-events: none;
  content: "";
}
.wg-tenant-support-w-ad__inner:hover {
  color: #ffffff;
}
.wg-tenant-support-w-ad__icon, .wg-tenant-support-w-ad__content {
  position: relative;
  z-index: 1;
  padding-inline: 32px;
}
.wg-tenant-support-w-ad__icon {
  font-size: 3rem;
}
.wg-tenant-support-w-ad__content {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
  pointer-events: none;
}
.wg-tenant-support-w-ad__content::before {
  position: absolute;
  backdrop-filter: blur(4px);
  -webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
  mask-image: linear-gradient(to top, black 80%, transparent 100%);
  inset: 0;
  content: "";
}
.wg-tenant-support-w-ad__content__inner {
  position: relative;
}
.wg-tenant-support-w-ad__title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wg-tenant-support-w-ad__description {
  opacity: 0.8;
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.wg-tenant-support-w-ad__button {
  margin-top: 20px;
}
.wg-tenant-support-w-ad__button .wg-a-btn {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.75);
  padding-left: 12px;
  color: #1d1d1d;
}
.wg-tenant-support-w-ad__button .wg-a-btn i {
  transition: all 0.3s;
}
.wg-tenant-support-w-ad:is(:hover) .wg-tenant-support-w-ad__button .wg-a-btn i {
  rotate: 45deg;
}

body:has(.wg-c-dynamic-grid--edit-mode-on) .wg-tenant-support-w-ad {
  pointer-events: none;
}

.tenant-team-c-shift-color-picker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tenant-team-c-shift-color-picker-header__title {
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.5rem;
}
.tenant-team-c-shift-color-picker:has(.tenant-team-c-shift-color-picker__items) .tenant-team-c-shift-color-picker-header {
  margin-bottom: 20px;
}
.tenant-team-c-shift-color-picker-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px dashed #d4d6d8;
  padding-bottom: 16px;
}
.tenant-team-c-shift-color-picker-item__section:not(:last-child) {
  margin-bottom: 16px;
}
.tenant-team-c-shift-color-picker-item__section--color-group {
  display: flex;
  gap: 16px;
}
.tenant-team-c-shift-color-picker-item__section--color-group .wg-a-select {
  width: 100%;
}
.tenant-team-c-shift-color-picker-item__section--color-group .wg-a-btn-icon {
  margin-top: 10px;
}

.team-c-shift-management-shift-item__color-indicator {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 18px;
  width: 20px;
  height: 20px;
}

.tenant-team-c-shift-multiple-time-picker {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 12px;
  background-color: #f6f6f7;
  padding: 24px;
}
.tenant-team-c-shift-multiple-time-picker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tenant-team-c-shift-multiple-time-picker-header__title {
  font-weight: 700;
  font-size: 1.125rem;
}
.tenant-team-c-shift-multiple-time-picker-shifts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tenant-team-c-shift-multiple-time-picker-shift {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tenant-team-c-shift-multiple-time-picker-shift__input {
  width: 100%;
}

.tenant-team-drawers-shift-management-view-shift-info-inner {
  display: flex;
  margin-bottom: 16px;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  text-align: center;
}
.tenant-team-drawers-shift-management-view-shift-info__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 16px;
  width: 100%;
  color: #1d1d1d;
  font-size: 0.875rem;
}
.tenant-team-drawers-shift-management-view-shift-info__item i {
  color: var(--wg-primary);
  font-size: 1.25rem;
}
.tenant-team-drawers-shift-management-view-shift-info__item:not(:last-child) {
  border-right: 1px solid #d4d6d8;
}

.wg-tenant-team-drawers-workgroup-agent-add .wg-a-checkbox__container {
  padding: 9px;
}
.wg-tenant-team-drawers-workgroup-agent-add .wg-a-checkbox__container::before {
  margin-right: 0;
}
.wg-tenant-team-drawers-workgroup-agent-add .wg-a-checkbox__container::after {
  left: 11px;
}

.wg-team-d-shift-week-change > ul {
  display: flex;
  gap: 4px;
}
.wg-team-d-shift-week-change > ul li {
  width: 100% !important;
}
.wg-team-d-shift-week-change > ul li button {
  width: 100% !important;
}
.wg-team-d-shift-week-change > li > button {
  justify-content: center !important;
}

.wg-tenant-team-s-shift-management {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wg-tenant-team-s-shift-management__title {
  display: flex;
  justify-content: space-between;
}
.wg-tenant-team-s-shift-management__header {
  display: flex;
  justify-content: space-between;
  border: 1px solid #d4d6d8;
  border-radius: 12px;
  background-color: #ffffff;
  padding: 16px 32px;
}
.wg-tenant-team-s-shift-management__header-date {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.wg-tenant-team-s-shift-management__header-date__text button {
  padding: 0;
  font-size: 1.25rem;
}
.wg-tenant-team-s-shift-management__header-date__text button:hover, .wg-tenant-team-s-shift-management__header-date__text button:focus {
  background: transparent !important;
}
.wg-tenant-team-s-shift-management__table {
  display: table;
  border-radius: 12px;
  border-collapse: collapse;
  height: 1px;
}
.wg-tenant-team-s-shift-management__table-header {
  display: table-header-group;
  position: sticky;
  top: 24px;
  z-index: 2;
  background: #ffffff;
}
.wg-tenant-team-s-shift-management__table-header::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #d4d6d8;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-tenant-team-s-shift-management__table-header::after {
  position: absolute;
  top: -24px;
  left: 0;
  background: #ffffff;
  width: 100%;
  height: 24px;
  pointer-events: none;
  content: "";
}
.wg-tenant-team-s-shift-management__table-header .wg-tenant-team-s-shift-management__table-row {
  display: table-row;
  background: #ffffff;
}
.wg-tenant-team-s-shift-management__table-header .wg-tenant-team-s-shift-management__table-row:last-child .wg-tenant-team-s-shift-management__table-cell {
  border-bottom: 1px solid #d4d6d8;
}
.wg-tenant-team-s-shift-management__table-body {
  display: table-row-group;
  position: relative;
}
.wg-tenant-team-s-shift-management__table-body::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #d4d6d8;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.wg-tenant-team-s-shift-management__table-row {
  display: table-row;
}
.wg-tenant-team-s-shift-management__table-row:last-child .wg-tenant-team-s-shift-management__table-cell {
  border-bottom: none;
}
.wg-tenant-team-s-shift-management__table-cell {
  display: table-cell;
  position: relative;
  vertical-align: top;
  border-right: 1px solid #d4d6d8;
  border-bottom: 1px solid #d4d6d8;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.wg-tenant-team-s-shift-management__table-cell:last-child {
  border-right: none;
}
.wg-tenant-team-s-shift-management__table-cell:nth-child(1) {
  width: 24%;
}
.wg-tenant-team-s-shift-management__table-cell:nth-child(2) {
  width: 6%;
}
.wg-tenant-team-s-shift-management__table-cell:nth-child(n+3) {
  width: 10%;
}
.wg-tenant-team-s-shift-management__table-cell:hover .wg-tenant-team-s-shift-management__table-shift-actions {
  visibility: visible;
  opacity: 1;
}
.wg-tenant-team-s-shift-management__table-cell:has(.wg-tenant-team-s-shift-management__table-shift-detail) .wg-tenant-team-s-shift-management__table-shift-actions__add {
  display: none;
}
.wg-tenant-team-s-shift-management__table-cell:not(:has(.wg-tenant-team-s-shift-management__table-shift-detail)) .wg-tenant-team-s-shift-management__table-shift-actions__view {
  display: none;
}
.wg-tenant-team-s-shift-management__table-cell:not(:has(.wg-tenant-team-s-shift-management__table-shift-detail)) .wg-tenant-team-s-shift-management__table-shift-actions {
  visibility: visible;
  opacity: 1;
}
.wg-tenant-team-s-shift-management__table-user {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  height: 100%;
}
.wg-tenant-team-s-shift-management__table-user__name, .wg-tenant-team-s-shift-management__table-user__contact {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.wg-tenant-team-s-shift-management__table-user__name {
  color: #1d1d1d;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.wg-tenant-team-s-shift-management__table-user__contact {
  color: #76859b;
  font-size: 0.8125rem;
  line-height: 1rem;
}
.wg-tenant-team-s-shift-management__table-hours {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 100%;
}
.wg-tenant-team-s-shift-management__table-hours__number {
  color: #1d1d1d;
  font-size: 1.25rem;
}
.wg-tenant-team-s-shift-management__table-hours__text {
  color: #76859b;
  font-size: 0.75rem;
  line-height: 1rem;
}
.wg-tenant-team-s-shift-management__table-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 0;
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.wg-tenant-team-s-shift-management__table-shift-detail {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
}
.wg-tenant-team-s-shift-management__table-shift-detail-item {
  display: flex;
  position: relative;
  flex: 1;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  padding: 9px 4px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: center;
}
.wg-tenant-team-s-shift-management__table-shift-detail-item:not(:last-child)::before {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #d4d6d8;
  width: 100%;
  height: 1px;
  content: "";
}
.wg-tenant-team-s-shift-management__table-shift-detail-item--more-shifts {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}
.wg-tenant-team-s-shift-management__table-shift-actions {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  gap: 4px;
  visibility: hidden;
  opacity: 0;
  backdrop-filter: blur(12px);
  transition: all 0.3s;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.wg-tenant-wallet-w-wallet {
  padding: 16px 0px;
  height: auto;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
}
.wg-tenant-wallet-w-wallet .wg-chat-w-handle {
  position: relative;
}
.wg-tenant-wallet-w-wallet .wg-chat-w-handle::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  content: "\e937";
  color: #76859b;
  font-size: 1.5rem;
}
.wg-tenant-wallet-w-wallet .wg-chat-w-handle::before {
  transition: all 0.3s;
}
.wg-tenant-wallet-w-wallet:hover .wg-chat-w-handle {
  cursor: grab;
}
.wg-tenant-wallet-w-wallet:hover .wg-chat-w-handle::before {
  opacity: 0;
}
.wg-tenant-wallet-w-wallet:hover .wg-chat-w-handle::after {
  opacity: 1;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-header {
  padding: 0px 16px;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-header .wg-a-composite-title i {
  font-size: 1.125rem;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-header .wg-a-composite-title__text {
  font-size: 1rem;
  line-height: 1.25rem;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-body {
  margin-bottom: auto;
  padding: 0px 16px;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 16px;
  overflow: hidden;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn {
  flex: 1;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn, .wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer .wg-a-btn:only-child {
  background-color: #ebedf0;
  color: #1d1d1d;
}
.wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:hover, .wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer:has(.wg-a-btn:nth-child(3)) .wg-a-btn:focus, .wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer .wg-a-btn:only-child:hover, .wg-tenant-wallet-w-wallet .wg-tenant-wallet-w-wallet-footer .wg-a-btn:only-child:focus {
  background-color: var(--wg-primary--90);
  color: var(--wg-primary);
}

.wg-system-mobile-l {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.wg-system-mobile-l__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 100%;
}
.wg-system-mobile-l__content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
}
.wg-system-mobile-l__content-header-image {
  height: 24px;
}
.wg-system-mobile-l__content-header button {
  align-self: center;
}
.wg-system-mobile-l__content-body {
  padding: 0 20px;
  height: 100%;
}
.wg-system-mobile-l__content-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
}
.wg-system-mobile-l__content-footer-copyright {
  color: #76859b;
  font-size: 0.75rem;
}
@media (max-width: 1024px) {
  .wg-system-mobile-l__content {
    gap: 0px;
  }
  .wg-system-mobile-l__content-header {
    padding: 20px;
  }
  .wg-system-mobile-l__content-header-image {
    height: 16px;
  }
  .wg-system-mobile-l__content-footer {
    padding: 20px;
  }
}

.wg-system-mobile-pages {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 680px;
  min-height: 100%;
  text-align: center;
}
.wg-system-mobile-pages__title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.wg-system-mobile-pages__title span {
  color: var(--wg-primary);
}
.wg-system-mobile-pages__description {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-system-mobile-pages__apps {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-system-mobile-pages__apps-url {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 32px;
}
.wg-system-mobile-pages__support {
  margin-inline: auto;
  margin-top: 32px;
  border-top: 1px dashed #d4d6d8;
  padding-top: 32px;
  max-width: 473px;
}
.wg-system-mobile-pages__support-offer {
  padding-bottom: 24px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wg-system-mobile-pages__support-channels {
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 1024px) {
  .wg-system-mobile-pages__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .wg-system-mobile-pages__support-channels {
    flex-direction: column;
    gap: 12px;
  }
}

.wg-tenant-asset-store-s-custom-app-categories {
  padding: 32px !important;
}

.wg-tenant-asset-store-s-custom-apps {
  padding: 32px !important;
}
.wg-tenant-asset-store-s-custom-apps .wg-c-list__content {
  padding-bottom: 1px;
}