@charset "utf-8";

.s-kit-popover-inner-content.colors { padding: 0px; }

.s-kit-popover-inner-content.colors .nav-colors-wrapper { width: 270px; padding: 10px; overflow: hidden; }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .back-button, .s-kit-popover-inner-content.colors .nav-colors-wrapper .edit-theme-colors { font-size: 12px; color: rgb(153, 153, 153); margin-bottom: 9px; cursor: pointer; }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .back-button:hover, .s-kit-popover-inner-content.colors .nav-colors-wrapper .edit-theme-colors:hover { color: rgb(246, 246, 249); }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .edit-theme-colors { text-decoration: underline; margin-bottom: 12px; }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .color-pickers { margin-bottom: 12px; border-radius: 2px; overflow: hidden; }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .color-pickers .style-setting-wrapper-div { height: 34px; }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .done-button, .s-kit-popover-inner-content.colors .nav-colors-wrapper .custom-button { width: 100%; margin-bottom: 0px; }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .preset-colors .item { display: flex; height: 46px; cursor: pointer; font-size: 12px; padding: 1px 10px; position: relative; border-radius: 2px; align-items: center; margin-bottom: 12px; box-sizing: border-box; color: var(--itemColor); border: 2px solid transparent; justify-content: space-between; background-color: var(--backgroundColor); }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .preset-colors .item .icon-check { position: absolute; top: 0px; right: -10px; padding: 3px; border-radius: 50%; background: rgb(37, 128, 236); }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .preset-colors .item .icon-check > i { color: rgb(255, 255, 255); }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .preset-colors .item.transparent { color: rgb(255, 255, 255); background: var(--transparentBgImage); }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .preset-colors .item.blackMinimal { border: 1px solid rgb(255, 255, 255); }

.s-kit-popover-inner-content.colors .nav-colors-wrapper .preset-colors .item.selected { border: 2px solid rgb(37, 128, 236); }