/* Implicit labels */
label:not([class]):has(input:not([type=checkbox]):not([type=radio])),
label:not([class]):has(select),
label:not([class]):has(textarea) {
    display: block;
    width: 100%;
}
label:not([class]):has(input:not([type=checkbox]):not([type=radio])) input,
label:not([class]):has(select) select,
label:not([class]):has(textarea) textarea {
    margin-top: 0.25rem;
}


/* Editable */
.Editable.Editable:before {
    background: url(data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-pencil%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M4%2020h4l10.5%20-10.5a2.828%202.828%200%201%200%20-4%20-4l-10.5%2010.5v4%22%20/%3E%3Cpath%20d=%22M13.5%206.5l4%204%22%20/%3E%3C/svg%3E);
    width: 24px;
    height: 24px;
    line-height: 1;
    top: 0;
    right: 0;
    transform: translate3d(75%, -75%, 0);
}
.Editable.Editable:after {
    box-sizing: content-box;
    border-color: var(--bs-danger);
}
.Editable.Editable:hover:after {
    background: none;
    background-color: rgba(var(--bs-danger-rgb), 0.25);
    border-color: var(--bs-danger);
}


/* Loading */
.kx-master-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.8);
}
.kx-master-loading .spinner-border {
    --bs-spinner-width: 3rem;
    --bs-spinner-height: 3rem;
    --bs-spinner-border-width: 0.25em;
    color: var(--bs-primary);
}


/* Master Header */
.kx-master-header {
    background-color: var(--kx-color-background-master-header, var(--bs-body-bg));
    color: var(--kx-color-font-master-header, inherit);
}
.kx-master-header__top {
    min-height: var(--kx-size-min-height-master-header-top, none);
    background-color: var(--kx-color-background-master-header, var(--bs-body-bg));
    padding: var(--kx-size-padding-master-header-top, 1rem) 0 var(--kx-size-padding-master-header-bottom, 1rem);
    background-image: var(--kx-background-image-master-header, none);
    background-repeat: var(--kx-background-repeat-master-header, no-repeat);
    background-position: var(--kx-background-position-master-header, center);
    background-size: var(--kx-background-size-master-header, cover);
    border-bottom: var(--kx-size-border-width-master-header, 0.25rem) solid var(--kx-color-border-master-header, var(--bs-primary));
}
@media (max-width: 768px) {
    .kx-master-header__top {
        min-height: var(--kx-size-min-height-master-header-top-xs, none);
        --kx-size-padding-master-header-top: var(--kx-size-padding-master-header-xs-top, 1.5rem);
        --kx-size-padding-master-header-bottom: var(--kx-size-padding-master-header-xs-bottom, 1.5rem);
    }
}


/* Logo */
.kx-logo {
    display: inline-block;
}
.kx-logo__img {
    width: var(--kx-size-width-logo, 200px);
    max-width: var(--kx-size-max-width-logo, 100%);
}


/* Navbar */
.kx-navbar.navbar {
    background-color: var(--kx-color-background-navbar, var(--bs-primary));
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: var(--kx-color-font-navbar-nav-item, var(--kx-color-font-primary-contrast, #fff));
    --bs-navbar-hover-color: var(--kx-color-font-navbar-nav-item-hover, #000);
    --bs-navbar-active-color: var(--kx-color-font-navbar-nav-item-active, #000);
    --bs-navbar-nav-link-padding-y: var(--kx-size-padding-navbar-nav-item-y-sm, 1rem);
    --bs-navbar-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-x-sm, 1rem);
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.kx-navbar label:has(select) {
    width: auto;
}
@media (min-width: 1200px) {
    .kx-navbar.navbar {
        --bs-navbar-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-x, 1.5rem);
    }
}
@media (max-width: 992px) {
    .kx-navbar label:has(select) {
        order: -1;
        margin-left: 1rem;
    }
    .kx-navbar.navbar [class^="container"] {
        padding: 0;
    }
    .kx-navbar .nav-link {
        text-align: var(--kx-text-align-navbar-nav-item-xs, center);
    }
}
.kx-navbar .navbar-toggler {
    margin: 1rem;
}
.kx-navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 24 24' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.kx-navbar .navbar-toggler:focus {
    box-shadow: var(--kx-box-shadow-focus-visible);
}
.kx-navbar .navbar-nav {
    --bs-nav-link-padding-y: var(--kx-size-padding-navbar-nav-item-y-sm, 1rem);
    --bs-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-x-sm, 1rem);
    --bs-nav-link-font-weight: var(--kx-size-font-weight-navbar-nav-item, 600);
}
@media (min-width: 1200px) {
    .kx-navbar .navbar-nav {
        --bs-nav-link-padding-y: var(--kx-size-padding-navbar-nav-item-y, 1.5rem);
        --bs-nav-link-padding-x: var(--kx-size-padding-navbar-nav-item-sm, 1.5rem);
    }
}
.kx-navbar .nav-link {
    --bs-nav-link-font-size: var(--kx-size-font-navbar-nav-item, 1rem);
    background-color: var(--kx-color-background-navbar-nav-item);
}
.kx-navbar .nav-link:hover,
.kx-navbar .nav-link:focus {
    background-color: var(--kx-color-background-navbar-nav-item-hover);
}
.kx-navbar .nav-link.active {
    background-color: var(--kx-color-background-navbar-nav-item-active);
}


/* Master Content */
.kx-master-content {
    padding: var(--kx-size-padding-master-content-top) 0 var(--kx-size-padding-master-content-bottom, 3rem);
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}


/* Master Footer */
.kx-master-footer {
    font-size: var(--kx-size-font-master-footer, 1rem);
    background-color: var(--kx-color-background-master-footer, --bs-primary);
    color: var(--kx-color-font-master-footer, #fff);
    border-top-left-radius: var(--kx-size-border-radius-master-footer-top);
    border-top-right-radius: var(--kx-size-border-radius-master-footer-top);
}
.kx-master-footer h1,
.kx-master-footer h2,
.kx-master-footer h3,
.kx-master-footer h4,
.kx-master-footer h5,
.kx-master-footer h6,
.kx-master-footer .h1,
.kx-master-footer .h2,
.kx-master-footer .h3,
.kx-master-footer .h4,
.kx-master-footer .h5,
.kx-master-footer .h6 {
    color: var(--kx-color-font-master-footer-headings, currentColor);
    text-transform: var(--kx-text-transform-master-footer-headings, unset);
    font-weight: var(--kx-size-font-weight-master-footer-headings, var(--kx-size-font-weight-headings));
}
.kx-master-footer a:not([class*="btn"]) {
    color: var(--kx-color-font-master-footer-links, currentColor);
    font-family: var(--kx-font-family-master-footer-links, inherit);
    font-size: var(--kx-size-font-master-footer-links, 1rem);
    font-weight: var(--kx-size-font-weight-master-footer-links, inherit);
    text-decoration: var(--kx-text-decoration-master-footer-links, underline);
}
.kx-master-footer a:not([class*="btn"]):hover {
    color: var(--kx-color-font-master-footer-links-hover, var(--kx-color-font-master-footer-links, currentColor));
    font-family: var(--kx-font-family-master-footer-links-hover, var(--kx-font-family-master-footer-links, inherit));
    font-size: var(--kx-size-font-master-footer-links-hover, var(--kx-size-font-master-footer-links, 1rem));
    font-weight: var(--kx-size-font-weight-master-footer-links-hover, var(--kx-size-font-weight-master-footer-links));
    text-decoration: var(--kx-text-decoration-master-footer-links-hover, none);
}
.kx-master-footer__content {
    padding: var(--kx-size-padding-master-footer-y-xs) 0;
}
@media (min-width: 768px) {
    .kx-master-footer__content {
        padding: var(--kx-size-padding-master-footer-y) 0;
    }   
}
.kx-master-footer__copyright {
    font-size: var(--kx-size-font-master-footer-copyright, var(--kx-size-font-small));
    border-top: var(--kx-size-border-width-master-footer-copyright) solid var(--kx-color-border-master-footer-copyright);
    padding: var(--kx-size-padding-master-footer-copyright-y) 0;
    background-color: var(--kx-color-background-master-footer-copyright, transparent);
    color: var(--kx-color-font-master-footer-copyright, currentColor);
}
.kx-master-footer__copyright a:not([class*="btn"]) {
    color: var(--kx-color-font-master-footer-links-copyright, currentColor);
    font-size: var(--kx-size-font-master-footer-links-copyright, 1rem);
    font-weight: var(--kx-size-font-weight-master-footer-links-copyright, inherit);
}
.kx-master-footer__copyright a:not([class*="btn"]):hover {
    color: var(--kx-color-font-master-footer-links-copyright-hover, currentColor);
    font-size: var(--kx-size-font-master-footer-links-copyright-hover, 1rem);
    font-weight: var(--kx-size-font-weight-master-footer-links-copyright-hover, inherit);
}


/* Social Links */
a.kx-social-link,
.kx-master-footer a.kx-social-link {
    font-size: var(--kx-size-font-social-link, 2rem);
    color: var(--kx-color-font-social-link, currentColor);
    text-decoration: none;
}
a.kx-social-link:focus,
a.kx-social-link:hover,
a.kx-social-link:active,
.kx-master-footer a.kx-social-link:focus,
.kx-master-footer a.kx-social-link:hover,
.kx-master-footer a.kx-social-link:active {
    font-size: var(--kx-size-font-social-link-hover, var(--kx-size-font-social-link));
    color: var(--kx-color-font-social-link-hover, currentColor);
}

/* Hero */
.kx-hero {
    background-color: var(--kx-color-background-hero, var(--bs-tertiary-bg));
    color: var(--kx-color-font-hero, var(--bs-body-color));
    border-top: var(--kx-size-border-width-hero-top, 0px) solid var(--kx-color-border-hero-top, transparent);
    border-bottom: var(--kx-size-border-width-hero-bottom, 0px) solid var(--kx-color-border-hero-bottom, transparent);
    border-top-left-radius: var(--kx-size-border-radius-hero-top, 0);
    border-top-right-radius: var(--kx-size-border-radius-hero-top, 0);
    border-bottom-left-radius: var(--kx-size-border-radius-hero-bottom, 0);
    border-bottom-right-radius: var(--kx-size-border-radius-hero-bottom, 0);
    min-height: var(--kx-size-min-height-hero, 200px);
    background-image: var(--kx-background-image-hero, none);
    background-repeat: var(--kx-background-repeat-hero, no-repeat);
    background-position: var(--kx-background-position-hero, center);
    background-size: var(--kx-background-size-hero, cover);
}


/* UserLoginSignupLinks */
.kx-user-login-signup-links,
.kx-user-login-signup-buttons {
    display: inline-block;
}
.kx-user-login-signup-links {
    padding: var(--kx-size-padding-user-login-signup-links-container-y, 0) var(--kx-size-padding-user-login-signup-links-container-x, 0);
    background-color: var(--kx-color-background-user-login-signup-links-container, transparent);
    border-radius: var(--kx-size-border-radius-user-login-signup-links-container, 0);
}
.kx-user-login-signup-links .nav {
    --bs-nav-link-font-weight: var(--kx-size-font-weight-user-login-signup-links, var(--kx-size-font-weight-links, 600));
    --bs-nav-link-color: var(--kx-color-font-user-login-signup-links, var(--bs-link-color));
    --bs-nav-link-hover-color: var(--kx-color-font-user-login-signup-links-hover, var(--bs-link-hover-color));
    --bs-nav-link-font-size: var(--kx-size-font-user-login-signup-links, 1rem);
}
.kx-user-login-signup-links .nav-link {
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: var(--kx-text-decoration-user-login-signup-links, none);
    text-transform: var(--kx-text-transform-user-login-signup-links, none);
}
.kx-user-login-signup-links .nav-link:hover {
    text-decoration: var(--kx-text-decoration-user-login-signup-links-hover, none);
    text-transform: var(--kx-text-transform-user-login-signup-links, none);
}
.kx-user-login-signup-buttons {
    padding: var(--kx-size-padding-user-login-signup-buttons-container-y, 0) var(--kx-size-padding-user-login-signup-buttons-container-x, 0);
    background-color: var(--kx-color-background-user-login-signup-buttons-container, transparent);
    border-radius: var(--kx-size-border-radius-user-login-signup-buttons-container, 0);
}
.kx-user-login-signup-buttons .btn {
    --bs-btn-padding-x: var(--kx-size-padding-user-login-signup-buttons-button-x, 1.25rem);
    --bs-btn-padding-y: var(--kx-size-padding-user-login-signup-buttons-button-y, 0.75rem);
    --bs-btn-font-size: var(--kx-size-font-user-login-signup-buttons-button, 1rem);
    --bs-btn-border-radius: var(--kx-size-border-radius-user-login-signup-buttons-button, var(--kx-size-border-radius-button, var(--bs-border-radius)));
    --bs-btn-color: var(--kx-color-font-user-login-signup-buttons-button, #fff);
    --bs-btn-bg: var(--kx-color-background-user-login-signup-buttons-button, var(--bs-primary));
    --bs-btn-border-color: var(--kx-color-border-user-login-signup-buttons-button, var(--bs-btn-bg));
    --bs-btn-hover-color: var(--kx-color-font-user-login-signup-buttons-button-hover, var(--bs-btn-color, #fff));
    --bs-btn-hover-bg: var(--kx-color-background-user-login-signup-buttons-button-hover, #003587);
    --bs-btn-hover-border-color: var(--kx-color-border-user-login-signup-buttons-button-hover, var(--bs-btn-hover-bg));
    --bs-btn-active-color: var(--kx-color-font-user-login-signup-buttons-button-active, var(--bs-btn-color, #fff));
    --bs-btn-active-bg: var(--kx-color-background-user-login-signup-buttons-button-active, var(--bs-btn-hover-bg));
    --bs-btn-active-border-color: var(--kx-color-border-user-login-signup-buttons-button-active, var(--bs-btn-active-bg));
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-btn-color, #fff);
    --bs-btn-disabled-bg: var(--kx-color-background-user-login-signup-buttons-button, var(--bs-primary));
    --bs-btn-disabled-border-color: var(--kx-color-border-user-login-signup-buttons-button, var(--bs-btn-disabled-bg));
}

/* ResourceEditor */
div.ResourceEditorButtons button { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-family: inherit; float: none; }
div.ResourceEditorButtons button:before, div.ResourceEditorButtons button:after { content: ''; display: none; }

#KxBnBResourceEditor .componentResourceEditor { color: #333; line-height: 1.42857143; }
#KxBnBResourceEditor .componentResourceEditor .clearfix { font-size: inherit; line-height: inherit; }
#KxBnBResourceEditor .componentResourceEditor .ResourceEditorShroud { z-index: 1000; }
#KxBnBResourceEditor .componentResourceEditor .ResourceEditorContainer { z-index: 1001; border: 3px solid #6679b5; padding: 15px; }
#KxBnBResourceEditor .componentResourceEditor .ResourceEditorContent { padding: 15px 0 0 0; margin: 0; }
#KxBnBResourceEditor .componentResourceEditor .ResourceEditorTitlebar:after { display: none; }
#KxBnBResourceEditor .componentResourceEditor .ResourceEditorTitlebar button { transition: none; text-indent: -9999px; overflow: hidden; top: 7px; right: 7px; }
#KxBnBResourceEditor .componentResourceEditor div.ResourceEditorKeys { width: 240px; }
#KxBnBResourceEditor .componentResourceEditor div.ResourceEditorKeys select { border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) inset; width: 250px; }
#KxBnBResourceEditor .componentResourceEditor div.ResourceEditor { width: 590px; float: right; }
#KxBnBResourceEditor .componentResourceEditor div.ResourceEditor table { width: 100%; }
#KxBnBResourceEditor .componentResourceEditor div.ResourceEditor table td:first-child { text-align: left; }
#KxBnBResourceEditor .componentResourceEditor .ResourceEditorFooter span { display: block; }
#KxBnBResourceEditor .componentResourceEditor .cke html, #KxBnBResourceEditor .componentResourceEditor .cke body, #KxBnBResourceEditor .componentResourceEditor .cke iframe { position: relative; width: auto; height: auto; }
#KxBnBResourceEditor .componentResourceEditor .cke .cke_reset_all { font-size: 14px; font-weight: normal; }
#KxBnBResourceEditor .componentResourceEditor .cke .cke_reset_all * { font-size: inherit; font-weight: inherit; }
@media only screen and (max-width: 1199px) { #KxBnBResourceEditor .componentResourceEditor { display: none !important; } }


/* Heading Accordion */
.kx-heading-accordion {
    --bs-accordion-color: var(--kx-color-font-heading-accordion);
    --bs-accordion-bg: var(--kx-color-background-heading-accordion);
    --bs-accordion-border-color: var(--kx-color-border-heading-accordion);
    --bs-accordion-border-width: var(--kx-size-border-width-heading-accordion);
    --bs-accordion-border-radius: var(--kx-size-border-radius-heading-accordion);
    --bs-accordion-btn-padding-x: var(--kx-size-padding-heading-accordion-button-x);
    --bs-accordion-btn-padding-y: var(--kx-size-padding-heading-accordion-button-y);
    --bs-accordion-btn-color: var(--kx-color-font-heading-accordion-button);
    --bs-accordion-btn-bg: var(--kx-color-background-heading-accordion-button);
    --bs-accordion-body-padding-x: var(--kx-size-padding-heading-accordion-body-x);
    --bs-accordion-body-padding-y: var(--kx-size-padding-heading-accordion-body-y);
    --bs-accordion-active-color: var(--kx-color-font-heading-accordion-button-active);
    --bs-accordion-active-bg: var(--kx-color-background-heading-accordion-button-active);
}
.kx-heading-accordion__item {
    border: none;
}
.kx-heading-accordion__button {
    --kx-size-font-accordion-button: var(--kx-size-font-heading-accordion-button);
}


/* Search Bar (KxBnBWidget) */
.kx-search-bar {
    position: relative;
    width: 100%;
    background-color: var(--kx-color-background-search-bar, var(--kx-color-background-tertiary));
    color: var(--kx-color-font-search-bar, var(--kx-color-font-base));
    border-top: var(--kx-size-border-width-search-bar-top, 0) solid var(--kx-color-border-search-bar-top, transparent);
    border-bottom: var(--kx-size-border-width-search-bar-bottom, 0) solid var(--kx-color-border-search-bar-bottom, transparent);
    border-radius: var(--kx-size-border-radius-search-bar, 0px);
}
.kx-search-bar__container {
    padding: 0;
}
.kx-search-bar--horizontal .kx-search-bar__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.kx-search-bar__item {
    position: relative;
    padding: var(--kx-size-padding-search-bar-item-y, 1rem) var(--kx-size-padding-search-bar-item-x, 1rem);
    border: none;
    background-color: transparent;
    box-shadow: none;
    border: var(--kx-size-border-width-search-bar-item) solid transparent;
    outline: none;
    color: currentColor;
    transition: background-color 0.2s ease;
}
.kx-search-bar--horizontal .kx-search-bar__item {
    flex: 1 0 50%;
    width: 50%;
    height: 100%;
}
.kx-search-bar--horizontal .kx-search-bar__item.kx-search-bar__item--title,
.kx-search-bar--horizontal .kx-search-bar__item.kx-search-bar__item--button {
    flex: 1 0 100%;
    width: 100%;
}
.kx-search-bar--horizontal .kx-search-bar__item.kx-search-bar__item--title {
    padding-bottom: 0;
}
@media (max-width: 768px) {
    .kx-search-bar--horizontal .kx-search-bar__item.kx-search-bar__item--button {
        padding-top: 0;
    }
}
@media (min-width: 768px) {
    .kx-search-bar--horizontal .kx-search-bar__item.kx-search-bar__item--button {
        flex: 1 0 50%;
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .kx-search-bar--horizontal .kx-search-bar__item,
    .kx-search-bar--horizontal .kx-search-bar__item.kx-search-bar__item--button {
        flex: 1 0 0%;
        width: 100%;
    }
}
.kx-search-bar .kx-search-bar__item .kx-search-bar__item-label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    font-weight: var(--kx-size-font-weight-search-bar-label, var(--kx-size-font-weight-base));
    text-transform: var(--kx-text-transform-search-bar-label, none);
    cursor: pointer;
    color: currentColor;
    min-height: 2rem;
}
.kx-search-bar .kx-search-bar__item .kx-search-bar__item-label:disabled {
    cursor: auto;
    opacity: 0.5;
}
@media (min-width: 1200px) {
    .kx-search-bar .kx-search-bar__item .kx-search-bar__item-label {
        min-height: calc(calc(1em * var(--bs-body-line-height)) + (var(--kx-size-padding-button-y) * 2) + (var(--kx-size-border-width-button) * 2));
    }
}
.kx-search-bar__item-label:focus,
.kx-search-bar__item-label:focus-visible {
    outline: none;
    box-shadow: none;
}
.kx-search-bar__item:has(.kx-search-bar__item-label:focus-visible) {
    background-color: var(--kx-color-background-search-bar-item-active, white);
    color: var(--kx-color-font-search-bar-item-active, black);
    border-color: var(--kx-color-border-search-bar-item-active, transparent);
}
.kx-search-bar__icon {
    font-size: var(--kx-size-font-search-bar-icon, 1.25em);
}
.kx-search-bar__item-label > span:not(.fa) {
    min-width: 80px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kx-search-bar__item--title {
    display: var(--kx-display-search-bar-title, block);
}
.kx-search-bar__title {
    margin: 0;
    text-align: center;
    color: var(--kx-color-font-search-bar-title, currentColor);
    font-family: var(--kx-font-family-search-bar-title, inherit);
    font-size: var(--kx-size-font-search-bar-title, var(--kx-size-font-h5));
    font-weight: var(--kx-size-font-weight-headings);
}

/* Search Bar - Dropdowns */
@media (hover) {
    .kx-search-bar__item:has(.kx-search-bar__item-label:not(:disabled):hover) {
        background-color: var(--kx-color-background-search-bar-item-hover, white);
        color: var(--kx-color-font-search-bar-item-hover, black);
    }
}
.kx-search-bar__item:has(.kx-search-bar__dropdown.show) {
    background-color: var(--kx-color-background-search-bar-item-active, white);
    color: var(--kx-color-font-search-bar-item-active, black);
    border-color: var(--kx-color-border-search-bar-item-active, transparent);
}
.kx-search-bar__item:has([data-popper-placement*="bottom"]) {
    border-top-left-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
    border-top-right-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
}
.kx-search-bar__item:has([data-popper-placement*="bottom"]):before,
.kx-search-bar__item:has([data-popper-placement*="top"]):before {
    content: "";
    position: absolute;
    height: calc(2px + var(--kx-size-border-width-search-bar-item));
    left: 0;
    background-color: var(--kx-color-background-search-bar-dropdown, var(--kx-color-background-search-bar-item-active, transparent));
    z-index: 9999;
    width: 100%;
}
.kx-search-bar__item:has([data-popper-placement*="bottom"]):before {
    bottom: calc(-1px - var(--kx-size-border-width-search-bar-item));
}
.kx-search-bar__item:has([data-popper-placement*="top"]):before {
    top: calc(0px - var(--kx-size-border-width-search-bar-item));
}
.kx-search-bar__item:has([data-popper-placement*="top"]) {
    border-bottom-left-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
    border-bottom-right-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
}
.kx-search-bar__dropdown-menu {
    --bs-dropdown-bg: var(--kx-color-background-search-bar-dropdown, var(--kx-color-background-search-bar-item-active, white));
    --bs-dropdown-border-width: var(--kx-size-border-width-search-bar-item);
    --bs-dropdown-border-color: var(--kx-color-border-search-bar-item-active);
    --bs-dropdown-border-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-item-padding-y: var(--kx-size-padding-search-bar-dropdown-item-y, 0.5rem);
    --bs-dropdown-item-padding-x: var(--kx-size-padding-search-bar-dropdown-item-x, 1rem);
    --bs-dropdown-link-color: currentColor;
    --bs-dropdown-link-hover-color: var(--kx-color-font-search-bar-dropdown-item-hover, currentColor);
    --bs-dropdown-link-hover-bg: var(--kx-color-background-search-bar-dropdown-item-hover, var(--kx-color-background-secondary));
    --bs-dropdown-link-active-color: var(--kx-color-font-search-bar-dropdown-item-active, currentColor);
    --bs-dropdown-link-active-bg: var(--kx-color-background-search-bar-dropdown-item-active, var(--kx-color-background-tertiary));
    color: currentColor;
    max-height: 250px;
    overflow-y: auto;
    width: auto;
    min-width: calc(100% + (var(--kx-size-border-width-search-bar-item) * 2));
}
.kx-search-bar__dropdown-menu .dropdown-item {
    white-space: unset;
}
.kx-search-bar__dropdown-menu .dropdown-item:focus,
.kx-search-bar__dropdown-menu .dropdown-item:focus-visible {
    outline: none;
}
.kx-search-bar__dropdown-menu[data-popper-placement*="bottom"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.kx-search-bar__dropdown-menu[data-popper-placement="bottom-start"] {
    inset: 100% auto auto 0px !important;
    transform: translateX(calc(0px - var(--kx-size-border-width-search-bar-item))) !important;
}
.kx-search-bar__dropdown-menu[data-popper-placement="bottom-end"] {
    inset: 100% 0px auto auto !important;
    transform: translateX(var(--kx-size-border-width-search-bar-item)) !important;
}
.kx-search-bar__dropdown-menu[data-popper-placement*="bottom"] > .dropdown-item:last-child {
    border-bottom-left-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
    border-bottom-right-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
}
.kx-search-bar__dropdown-menu[data-popper-placement*="top"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.kx-search-bar__dropdown-menu[data-popper-placement="top-start"] {
    inset: auto auto 100% 0px !important;
    transform: translateX(calc(0px - var(--kx-size-border-width-search-bar-item))) !important;
}
.kx-search-bar__dropdown-menu[data-popper-placement="top-end"] {
    inset: auto 0px 100% auto !important;
    transform: translateX(var(--kx-size-border-width-search-bar-item)) !important;
}
.kx-search-bar__dropdown-menu[data-popper-placement*="top"] > .dropdown-item:first-child {
    border-top-left-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
    border-top-right-radius: var(--kx-size-border-radius-search-bar-dropdown, var(--bs-border-radius));
}
.kx-search-bar__dropdown-menu > * {
    border-top: var(--kx-size-border-width-search-bar-dropdown-item, 0px) solid var(--kx-color-border-search-bar-dropdown-item);
}
.kx-search-bar__dropdown-menu > [data-is-selected="true"] {
    background-color: var(--kx-color-background-search-bar-dropdown-item-active, var(--kx-color-background-tertiary));
    color: var(--kx-color-font-search-bar-dropdown-item-active, currentColor);
}

/* Search Bar - Datepicker */
.kx-search-bar__datepicker {
    max-height: none;
}
.kx-search-bar__datepicker[data-popper-placement="bottom-end"],
.kx-search-bar__datepicker[data-popper-placement="bottom-start"] {
    border-top-width: var(--kx-size-border-width-search-bar-item);
}

/* Search Bar - Datepicker JQuery UI */
.kx-search-bar__datepicker [class*="ui-"] {
    color: currentColor;
    margin: 0;
    border: 0;
    background-color: transparent;
    background: none;
    padding: 0;
}
.kx-search-bar__datepicker .ui-state-disabled {
    opacity: .35;
}
.kx-search-bar__datepicker .ui-datepicker {
    padding: 0.5rem;
    min-width: 17em;
    width: 100%;
}
.kx-search-bar__datepicker .ui-datepicker table {
    font-size: 0.9em;
    width: 100%;
    border-collapse: collapse;
}
.kx-search-bar__datepicker .ui-widget-header {
    background-color: transparent;
    padding: 0.25rem 0 0;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.kx-search-bar__datepicker .ui-datepicker-prev,
.kx-search-bar__datepicker .ui-datepicker-next {
    position: static;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 0.5rem solid currentColor;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.kx-search-bar__datepicker .ui-datepicker-prev {
    border-left-color: transparent;
    order: 0;
}
.kx-search-bar__datepicker .ui-datepicker-next {
    border-right-color: transparent;
    order: 5;
}
.kx-search-bar__datepicker .ui-datepicker-prev > .ui-icon,
.kx-search-bar__datepicker .ui-datepicker-next > .ui-icon {
    position: absolute;
    text-indent: -99999px;
}
.kx-search-bar__datepicker .ui-datepicker-prev:not(.ui-state-disabled),
.kx-search-bar__datepicker .ui-datepicker-next:not(.ui-state-disabled) {
    cursor: pointer;
}
.kx-search-bar__datepicker .ui-datepicker-title {
    flex: 1;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
}
.kx-search-bar__datepicker .ui-datepicker-title select {
    border: var(--kx-size-border-width-form-control, var(--bs-border-width)) solid var(--kx-color-border-form-control, var(--bs-border-color));
    text-align: center;
    margin: 0 2px;
    flex: 1;
}
.kx-search-bar__datepicker .ui-datepicker-calendar * {
    text-align: center;
}
.kx-search-bar__datepicker .ui-datepicker-calendar th,
.kx-search-bar__datepicker .ui-datepicker-calendar td {
    padding: 2px;
    min-width: 2rem;
    height: 2rem;
}
.kx-search-bar__datepicker .ui-datepicker-calendar th {
    padding: 0.25rem;
}
.kx-search-bar__datepicker .ui-datepicker-calendar td {
    font-weight: normal;
}
.kx-search-bar__datepicker .ui-datepicker-calendar td a {
    background-color: var(--kx-color-background-tertiary, #c5c5c5);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: normal;
}
.kx-search-bar__datepicker .ui-datepicker-calendar td a:hover,
.kx-search-bar__datepicker .ui-datepicker-calendar td a:focus {
    text-decoration: none;
} 
.kx-search-bar__datepicker .ui-datepicker-calendar .ui-state-hover,
.kx-search-bar__datepicker .ui-datepicker-calendar .ui-state-active {
    background-color: var(--kx-color-primary);
    color: var(--kx-color-font-primary-contrast);
}

/* Search Bar - Button */
.kx-search-bar__search-button {
    width: 100%;

    --bs-btn-color: var(--kx-color-font-search-bar-search-button, var(--kx-color-font-button-primary));
    --bs-btn-bg: var(--kx-color-background-search-bar-search-button, var(--kx-color-background-button-primary));
    --bs-btn-border-color: var(--kx-color-border-search-bar-search-button, var(--kx-color-border-button-primary));
    
    --bs-btn-hover-color: var(--kx-color-font-search-bar-search-button-hover, var(--kx-color-font-button-primary-hover));
    --bs-btn-hover-bg: var(--kx-color-background-search-bar-search-button-hover, var(--kx-color-background-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-search-bar-search-button-hover, var(--kx-color-border-button-primary-hover));
    
    --bs-btn-active-color: var(--kx-color-font-search-bar-search-button-active, var(--kx-color-font-button-primary-active));
    --bs-btn-active-bg: var(--kx-color-background-search-bar-search-button-active, var(--kx-color-background-button-primary-active));
    --bs-btn-active-border-color: var(--kx-color-border-search-bar-search-button-active, var(--kx-color-border-button-primary-active));
    
    --bs-btn-disabled-color: var(--bs-kx-color-border-search-bar-search-button-disabled, var(--kx-color-font-button-primary-disabled));
    --bs-btn-disabled-bg: var(--kx-color-background-search-bar-search-button-disabled, var(--kx-color-background-button-primary-disabled));
    --bs-btn-disabled-border-color: var(--kx-color-border-search-bar-search-button-disabled, var(--kx-color-border-button-primary-disabled));
}

/* Search Results */
@media (min-width: 1400px) {
    .kx-search-results-container {
        max-width: 1600px;
    }
}

/* Search Results - List */
.kx-search-results-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Search Results - Listing/Card */
.kx-search-results-card {
    --bs-card-box-shadow: var(--kx-box-shadow-search-results-card);
    --bs-card-bg: var(--kx-color-background-search-results-card);
    --bs-card-color: var(--kx-color-font-search-results-card);
    --bs-card-title-color: var(--kx-color-font-search-results-card-title);
    --bs-card-border-width: var(--kx-size-border-width-search-results-card);
    --bs-card-border-color: var(--kx-color-border-search-results-card);
    --bs-card-border-radius: var(--kx-size-border-radius-search-results-card);
    --bs-card-cap-bg: var(--kx-color-background-search-results-card-title);
    
    font-size: var(--kx-size-font-search-results-card);
}
.kx-search-results-card__title {
    --kx-size-font-card-title: var(--kx-size-font-search-results-card-title);
    --kx-size-font-weight-card-title: var(--kx-size-font-weight-search-results-card-title);
    --kx-font-family-card-title: var(--kx-font-family-search-results-card-title);
    margin: 0;
}
.kx-search-results-card__expand {
    --bs-btn-color: var(--kx-color-font-search-results-card-expand, var(--kx-color-font-button-primary));
    --bs-btn-bg: var(--kx-color-background-search-results-card-expand, var(--kx-color-background-button-primary));
    --bs-btn-border-color: var(--kx-color-border-search-results-card-expand, var(--kx-color-border-button-primary));
    
    --bs-btn-hover-color: var(--kx-color-font-search-results-card-expand-hover, var(--kx-color-font-button-primary-hover));
    --bs-btn-hover-bg: var(--kx-color-background-search-results-card-expand-hover, var(--kx-color-background-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-search-results-card-expand-hover, var(--kx-color-border-button-primary-hover));
    
    --bs-btn-active-color: var(--kx-color-font-search-results-card-expand-active, var(--kx-color-font-button-primary-active));
    --bs-btn-active-bg: var(--kx-color-background-search-results-card-expand-active, var(--kx-color-background-button-primary-active));
    --bs-btn-active-border-color: var(--kx-color-border-search-results-card-expand-active, var(--kx-color-border-button-primary-active));
    
    --bs-btn-disabled-color: var(--bs-kx-color-border-search-results-card-expand-disabled, var(--kx-color-font-button-primary-disabled));
    --bs-btn-disabled-bg: var(--kx-color-background-search-results-card-expand-disabled, var(--kx-color-background-button-primary-disabled));
    --bs-btn-disabled-border-color: var(--kx-color-border-search-results-card-expand-disabled, var(--kx-color-border-button-primary-disabled));
}
.kx-search-results-card__expand::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 0.5em solid transparent;
    margin-left: 0.5rem;
}
.kx-search-results-card__expand.show-more::after {
    border-top-color: currentColor;
    border-bottom-color: transparent;
    transform: translateY(0.5em);
}
.kx-search-results-card__expand.show-less::after {
    border-bottom-color: currentColor;
    border-top-color: transparent;
    transform: translateY(0);
}

.kx-search-results-card__booking-panel {
    background-color: var(--kx-color-background-search-results-card-booking-panel);
    color: var(--kx-color-font-search-results-card-booking-panel);
}
.kx-search-results-card__price {
    padding: 1rem;
    background-color: var(--kx-color-background-search-results-card-price, var(--kx-color-background-tertiary));
    color: var(--kx-color-font-search-results-card-price, var(--kx-color-primary));
    font-size: var(--kx-size-font-search-results-card-price, var(--kx-size-font-h4));
    font-weight: var(--kx-size-font-weight-search-results-card-price, 700);
}
.kx-search-results-card__add-to-cart,
.kx-search-results-card__remove-from-cart {
    width: 100%;
}
.kx-search-results-card__add-to-cart {
    --bs-btn-color: var(--kx-color-font-button-search-results-card-add, var(--kx-color-font-button-primary));
    --bs-btn-bg: var(--kx-color-background-button-search-results-card-add, var(--kx-color-background-button-primary));
    --bs-btn-border-color: var(--kx-color-border-button-search-results-card-add, var(--kx-color-border-button-primary));
    
    --bs-btn-hover-color: var(--kx-color-font-button-search-results-card-add-hover, var(--kx-color-font-button-primary-hover));
    --bs-btn-hover-bg: var(--kx-color-background-button-search-results-card-add-hover, var(--kx-color-background-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-card-add-hover, var(--kx-color-border-button-primary-hover));
    
    --bs-btn-active-color: var(--kx-color-font-button-search-results-card-add-active, var(--kx-color-font-button-primary-active));
    --bs-btn-active-bg: var(--kx-color-background-button-search-results-card-add-active, var(--kx-color-background-button-primary-active));
    --bs-btn-active-border-color: var(--kx-color-border-button-search-results-card-add-active, var(--kx-color-border-button-primary-active));
    
    --bs-btn-disabled-color: var(--bs-kx-color-border-button-search-results-card-add-disabled, var(--kx-color-font-button-primary-disabled));
    --bs-btn-disabled-bg: var(--kx-color-background-button-search-results-card-add-disabled, var(--kx-color-background-button-primary-disabled));
    --bs-btn-disabled-border-color: var(--kx-color-border-button-search-results-card-add-disabled, var(--kx-color-border-button-primary-disabled));
}
.kx-search-results-card__remove-from-cart {
    --bs-btn-color: var(--kx-color-font-button-search-results-card-remove, var(--kx-color-font-button-primary));
    --bs-btn-bg: var(--kx-color-background-button-search-results-card-remove, var(--kx-color-background-button-primary));
    --bs-btn-border-color: var(--kx-color-border-button-search-results-card-remove, var(--kx-color-border-button-primary));
    
    --bs-btn-hover-color: var(--kx-color-font-button-search-results-card-remove-hover, var(--kx-color-font-button-primary-hover));
    --bs-btn-hover-bg: var(--kx-color-background-button-search-results-card-remove-hover, var(--kx-color-background-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-remove-hover, var(--kx-color-border-button-primary-hover));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-card-remove-hover, var(--kx-color-border-button-primary-hover));
    
    --bs-btn-active-color: var(--kx-color-font-button-search-results-card-remove-active, var(--kx-color-font-button-primary-active));
    --bs-btn-active-bg: var(--kx-color-background-button-search-results-card-remove-active, var(--kx-color-background-button-primary-active));
    --bs-btn-active-border-color: var(--kx-color-border-button-search-results-card-remove-active, var(--kx-color-border-button-primary-active));
    
    --bs-btn-disabled-color: var(--bs-kx-color-border-button-search-results-card-remove-disabled, var(--kx-color-font-button-primary-disabled));
    --bs-btn-disabled-bg: var(--kx-color-background-button-search-results-card-remove-disabled, var(--kx-color-background-button-primary-disabled));
    --bs-btn-disabled-border-color: var(--kx-color-border-button-search-results-card-remove-disabled, var(--kx-color-border-button-primary-disabled));
}

.kx-search-results-card .carousel .carousel-control-prev,
.kx-search-results-card .carousel .carousel-control-next {
    display: none;
}
.kx-search-results-card .carousel .carousel-control-prev:focus,
.kx-search-results-card .carousel .carousel-control-next:focus {
    box-shadow: var(--kx-box-shadow-focus-visible);
}
.kx-search-results-card .carousel:has(.carousel-inner > *:nth-child(2)) .carousel-control-prev,
.kx-search-results-card .carousel:has(.carousel-inner > *:nth-child(2)) .carousel-control-next {
    display: flex;
}

/* Search Results - Cart */
.kx-search-results-cart {
    position: sticky;
    top: 0;
    z-index: 100;
    --bs-card-box-shadow: var(--kx-box-shadow-search-results-card);
    --bs-card-bg: var(--kx-color-background-search-results-cart, var(--kx-color-background-card));
    --bs-card-color: var(--kx-color-font-search-results-cart, var(--kx-color-font-card));
    --bs-card-title-color: var(--kx-color-font-search-results-cart-title, currentColor);
    --bs-card-border-width: var(--kx-size-border-width-search-results-card);
    --bs-card-border-color: var(--kx-color-border-search-results-card);
    --bs-card-border-radius: var(--kx-size-border-radius-search-results-card);
}
.kx-search-results-cart a,
.kx-search-results-cart a:hover,
.kx-search-results-cart a:focus,
.kx-search-results-cart a:active {
    color: var(--kx-color-font-search-results-cart, var(--kx-color-font-card));
}
.kx-search-results-cart__title {
    --kx-size-font-card-title: var(--kx-size-font-search-results-cart-title, var(--kx-size-font-h3));
}
.kx-search-results-cart__button {
    width: 100%;
    --bs-btn-color: var(--kx-color-font-button-search-results-cart-button, var(--kx-color-font-primary-contrast));
    --bs-btn-bg: var(--kx-color-background-button-search-results-cart-button, transparent);
    --bs-btn-border-color: var(--kx-color-border-button-search-results-cart-button, var(--bs-btn-color));
    
    --bs-btn-hover-color: var(--kx-color-font-button-search-results-cart-button-hover, var(--kx-color-primary));
    --bs-btn-hover-bg: var(--kx-color-background-button-search-results-cart-button-hover, var(--kx-color-font-primary-contrast));
    --bs-btn-hover-border-color: var(--kx-color-border-button-search-results-cart-button-hover, var(--bs-btn-hover-bg));
    
    --bs-btn-active-color: var(--kx-color-font-button-search-results-cart-button-active, var(--bs-btn-hover-color));
    --bs-btn-active-bg: var(--kx-color-background-button-search-results-cart-button-active, var(--bs-btn-hover-bg));
    --bs-btn-active-border-color: var(--kx-color-border-button-search-results-cart-button-active, var(--bs-btn-hover-border-color));
    
    --bs-btn-disabled-color: var(--bs-kx-color-border-button-search-results-cart-button-disabled, var(--bs-btn-color));
    --bs-btn-disabled-bg: var(--kx-color-background-button-search-results-cart-button-disabled, var(--bs-btn-bg));
    --bs-btn-disabled-border-color: var(--kx-color-border-button-search-results-cart-button-disabled, var(--bs-btn-border-color));
}
.kx-search-results-cart .table {
    --bs-table-bg: transparent;
    --bs-table-color: currentColor;
    margin: 0;
}
.kx-search-results-cart-jump {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    background-color: var(--kx-color-primary);
    color: var(--kx-color-font-primary-contrast);
    text-decoration: none;
    box-shadow: var(--bs-box-shadow);
    transition: all 0.3s ease;
    transform: translateY(-100%);
}
.kx-search-results-cart-jump:hover,
.kx-search-results-cart-jump:focus,
.kx-search-results-cart-jump:active {
    text-decoration: none;
}
.kx-search-results-cart-jump.show {
    transform: translateY(0);
}

.kx-search-results-jump-top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
    text-align: right;
    font-size: 2rem;
    padding: 0 1rem;
}
.kx-search-results-jump-top.affix-bottom {
    position: relative;
}

/* Spinner */
.kx-form-spinner {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    font-weight: var(--kx-size-font-weight-form-control, 400);
    line-height: 1.5;
    color: var(--kx-color-font-form-control, var(--bs-body-color));
    background-color: var(--kx-color-background-secondary);
    background-clip: padding-box;
    border: var(--kx-size-border-width-form-control, var(--bs-border-width)) solid var(--kx-color-border-form-control, var(--bs-border-color));
    border-radius: var(--kx-size-border-radius-form-control, var(--bs-border-radius));
    overflow: hidden;
}
.kx-form-spinner:focus-within {
    box-shadow: var(--kx-box-shadow-focus-visible);
}
.kx-form-spinner *,
table.kx-form-spinner.kx-form-spinner td > input {
    display: block;
    padding: 0;
    margin: 0;
}
.kx-form-spinner tr {
    display: flex;
}
.kx-form-spinner td {
    background-color: var(--kx-color-background-form-control, var(--bs-body-bg));
}
.kx-form-spinner td:first-child {
    width: 100% !important;
    padding: var(--kx-size-padding-form-control-y, 0.75rem) var(--kx-size-padding-form-control-x, 1.25rem);
}
.kx-form-spinner td:last-child {
    width: 2.5rem;
    min-width: 1.5rem;
    display: flex;
    flex-direction: column;
    border-left: var(--kx-size-border-width-form-control, var(--bs-border-width)) solid var(--kx-color-border-form-control, var(--bs-border-color));
}
.kx-form-spinner td > div:has(img) {
    flex: 1;
    display: flex;
    justify-content: center;
    background: none;
    background-color: var(--kx-color-background-secondary);
    border: 0;
}
.kx-form-spinner td > div:has(img):first-child {
    border-top-right-radius: var(--kx-size-border-radius-form-control, var(--bs-border-radius));
}
.kx-form-spinner td > div:has(img) + * {
    border-top: var(--kx-size-border-width-form-control, var(--bs-border-width)) solid var(--kx-color-border-form-control, var(--bs-border-color));
}
.kx-form-spinner td > div:has(img):last-child {
    border-bottom-right-radius: var(--kx-size-border-radius-form-control, var(--bs-border-radius));
}