:root {
    --bs-primary: #ffbe07;
    --bs-primary-rgb: 255, 190, 7;
    --bs-secondary: #00ACC1;
    --bs-secondary-rgb: 0, 172, 193;
    --header-height:60px;
    --ss-font-sans-serif:'Roboto', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";


}
body { font-family: var(--ss-font-sans-serif); min-height: 100vh; display: flex; flex-direction: column; }
header.sticky-top{gap:10px;z-index: 500;}
.navbar-nav {--bs-navbar-nav-link-padding-x: 2px;--bs-nav-link-padding-y:7px;--bs-nav-link-font-size:14px;--bs-nav-link-color: #211f1f;--bs-nav-link-font-weight:500;margin-right: 30px; gap: 30px;}
header .nav-link{display: flex; align-items: center;gap: 5px;line-height: normal;border-bottom: 2px solid transparent;text-transform: uppercase;}
header .nav-link.active,
header .nav-link:hover {border-color: var(--bs-primary);text-decoration: none;}
header .header-btn-box{display: flex; align-items: center;gap: 15px;}
header .navbar-brand .logo-sub-text{color: rgb(156, 163, 175);font-size: 20px; margin-left: 5px;font-weight: 600;}
header .btn{text-transform: uppercase;font-size: 14px;}

.head_userSection .menu-dropdown{all: unset;cursor: pointer;color: #181C32;font-size: 15px;font-weight: 600;display: flex; align-items: center;}
.head_userSection .menu-dropdown .user-img img{width: 36px; height: 36px; border-radius: 100%;}
.head_userSection .menu-dropdown .user-img{display: inline-block; margin-right: 10px;}
.head_userSection .menu-dropdown .user-text{margin: 0 8px 0 0px;}
.head_userSection .dropdown-menu{--bs-dropdown-min-width:350px;left: inherit;right: 0;box-shadow:rgba(82, 63, 105, 0.1) 0px 0px 50px 0px;--bs-border-width:0;--bs-border-radius:2px;--bs-dropdown-padding-y:15px;--bs-dropdown-divider-bg:#EBEDF3;}
.head_userSection .dropdown-menu .user-details{display: flex;align-items: center;padding: 0 20px; gap: 16px; padding-bottom: 10px;}
.head_userSection .dropdown-menu .user-text{font-size: 16px;font-weight: 600;}
.head_userSection .dropdown-menu .dropdown-divider{margin: 10px 0;}
.head_userSection .menu-item{ padding: 0 10px; display: block;} 
.head_userSection .menu-link{padding: 10px 15px;text-decoration: none;font-size: 15px;font-weight: 400;border-radius: 0.2rem; display: flex; align-items: center; color: #211f1f;}
.head_userSection .menu-link:hover{background-color: rgba(243, 246, 249, 0.8);}
.head_userSection .menu-link .menu-icon{color: #cc3304;}


.head_userSection .menu-link .text-muted{color: #575757!important;}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-right:20px;padding-left:20px}
.container-fluid{max-width: 1600px;}
.gradient-bg { background: #eff7ff; padding-top: 5rem; padding-bottom: 5rem; }
.gradient-bg .btn-light{--bs-btn-bg:#fff;}
.feature-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }
.navbar-brand img { width: 200px; }
.icon-circle { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; color: #cc3304; background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.09)); }
.icon-circle svg{width: 35px;}

/* .icon-circle svg { width: 1.5rem; height: 1.5rem; } */

.btn-secondary, .swagger-ui .btn {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: #fff;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
    font-size: 0.875em !important;
}
.btn-secondary:hover, .swagger-ui .btn:hover {
    background-color: #008a9e;
    border-color: #008a9e;
}
.text-primary { color: var(--bs-primary) !important; }
.bg-primary-subtle { background-color: rgba(var(--bs-primary-rgb), 0.1) !important; }

.btn-primary{ --bs-btn-bg:var(--bs-primary); --bs-btn-border-color:var(--bs-primary); --bs-btn-color:#211f1f; --bs-btn-hover-color:#211f1f; --bs-btn-hover-bg:rgba(var(--bs-primary-rgb), 0.5); --bs-btn-hover-border-color:var(--bs-primary); --bs-btn-active-bg: var(--bs-primary);--bs-btn-active-color:#211f1f;--bs-btn-active-border-color:var(--bs-primary);}
.btn-outline-primary{--bs-btn-color:rgb(155 114 0);--bs-btn-bg:rgba(var(--bs-primary-rgb), 0.2);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-color:#000;--bs-btn-hover-bg:var(--bs-primary);--bs-btn-hover-border-color:var(--bs-primary);--bs-btn-active-color:#000;--bs-btn-active-bg:var(--bs-primary);--bs-btn-active-border-color:var(--bs-primary);}
.btn-outline-danger{--bs-btn-color:var(--bs-danger);--bs-btn-bg:rgba(var(--bs-danger-rgb), 0.2);--bs-btn-border-color:var(--bs-danger);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--bs-danger);--bs-btn-hover-border-color:var(--bs-danger);--bs-btn-active-color:var(--bs-danger);--bs-btn-active-bg:var(--bs-danger);--bs-btn-active-border-color:var(--bs-danger);}
.btn-outline-success {
    --bs-btn-color: rgb(0 84 45);
    --bs-btn-bg: rgba(var(--bs-success-rgb), 0.2);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-active-color: var(--bs-success);
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success);
}

.content-section { padding-bottom: 3rem; }
.content-card { background-color: #ffffff; border-radius: .5rem; padding: 2.5rem; margin-bottom: 2rem; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
footer { margin-top: auto; }
footer .container{display: flex; align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 15px;}
footer .footer-link{display: flex; align-items: center; justify-content: center; margin-bottom: 0;line-height: 1;}
footer .footer-link li a{color: #d1d1d1; font-size: 15px; text-decoration: none;}
footer .footer-link li a:hover{text-decoration: underline;color: var(--bs-primary);}
footer .footer-link li + li{margin-left: 10px; padding-left: 10px;border-left: 1px solid #ddd;}


.header-section{background-color: #f1f1f1;}
.header-section h1{margin: 0;font-size: 28px;}
.page-heading .heading-icon{line-height: 0;}
.page-heading .heading-icon svg{max-width: 32px;}


.content-filter-section{display: flex;--leftWidth: 320px; --border-color: #ddd;--rightWidth:450px;}
.content-filter-section .filter-left-section{width: var(--leftWidth); position: relative;}
.content-filter-section .filter-left-section-wrap{position: sticky; border-radius: 8px;background: #fff;border: 1px solid var(--border-color); box-shadow: 0 4px 8px -1px rgba(10, 13, 18, 0.06),0 2px 4px -2px rgba(10, 13, 18, 0.04); top: calc(var(--header-height) + 8px); max-height: calc(100vh - calc(var(--header-height) + 15px)); display: flex; flex-direction: column; width: 100%; height: 100%;}
.content-filter-section .filter-left-search-bar{padding: 15px; z-index: 2; flex-shrink: 0;border-bottom: 1px solid var(--border-color);}
.content-filter-section .filter-left-scrollable{position: relative; padding: 15px 0; flex: 1 1 auto; overflow-y: auto; display: block;}

.content-filter-section .filter-right-section{flex: 1 0; max-width: calc(100% - var(--leftWidth)); padding-left: 30px; position: relative; z-index: 2;}
.content-filter-section .docs_part_cont{flex: 1 0; max-width: calc(100% - var(--rightWidth)); padding-right: 15px;}
.content-filter-section .console_part_cont{width: var(--rightWidth); padding-left: 15px;}
.content-filter-section .tab-content>.active{display: flex;}
.content-filter-section .tab-content{width: 100%;}
.content-filter-section .tab-content:not(:has(.console_part_cont))>.active{display: block;}
.content-filter-section .tab-content:not(:has(.console_part_cont)) .docs_part_cont{max-width: 100%;padding-right: 0;}

.console_part_cont .console_part_inner{position: sticky; border-radius: 8px;background: #fff;border: 1px solid var(--border-color); box-shadow: 0 4px 8px -1px rgba(10, 13, 18, 0.06),0 2px 4px -2px rgba(10, 13, 18, 0.04); top: calc(var(--header-height) + 8px); max-height: calc(100vh - calc(var(--header-height) + 15px));  width: 100%; height: 100%; overflow: auto;}


.content-filter-box + .content-filter-box{margin-top: 10px; padding-top: 10px;border-top: 1px solid var(--border-color);}
.content-filter-box .content-filter-header{font-size: 14px;color: #333;font-weight: 500; padding: 5px 0px;position: relative; padding-right: 35px; cursor: pointer;padding-left: 15px;text-transform: uppercase;display: block; background-color: transparent; border: none; width: 100%; text-align: left;}
.content-filter-box .content-filter-header.pe-none::after{display: none;}
.content-filter-box .content-filter-header::after{content: ""; width: 20px;height: 20px;mask-position: center center;mask-repeat: no-repeat; background-color: #333; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);transition: 0.3s;
    mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}
.content-filter-box .content-filter-body{display: none;}
.content-filter-box .content-filter-header.active::after{ transform: translateY(-50%) rotate(180deg); }
.content-filter-box .content-filter-body{ padding-top: 8px;}
.content-filter-box .list-unstyled{margin: 0;}
.content-filter-box .list-unstyled li{font-size: 14px;user-select: none; }
/* .content-filter-box .list-unstyled li::after{content: ""; position: absolute; width: 4px;height: 5px;border-radius: 100%;background-color: currentColor;left: 24px; top: 12px;} */
.content-filter-box .list-unstyled li:hover{background-color: #dfdfdf;}
.content-filter-box .list-unstyled li.active{background-color: rgba(var(--bs-primary-rgb), 0.5);}



.alert{--bs-alert-margin-bottom: 1.3rem;font-size: 13px;}
.card{--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.08);}
.card .card-header{border-bottom: none;}

.accordion{--bs-accordion-btn-padding-x: 0.8rem;--bs-accordion-btn-padding-y: 0.8rem; --bs-accordion-btn-focus-box-shadow:none;--bs-accordion-active-bg:#e1effb; --bs-accordion-body-padding-x: 0.8rem; --bs-accordion-body-padding-y: 0.8rem;}

.search-bar{position: relative;}
.search-bar .icon{position: absolute; top: 50%; left: 6px; transform: translateY(-50%); color: #888;margin-top: -2px;}
.search-bar .form-control{padding-left: 35px;border-radius: 8px;}

.content-filter-section{margin-bottom: 30px;}

.content-filter-section .filter-left-scrollable::-webkit-scrollbar,
.console_part_cont .console_part_inner::-webkit-scrollbar{ width: 6px; }

.content-filter-section .filter-left-scrollable::-webkit-scrollbar-track,
.console_part_cont .console_part_inner::-webkit-scrollbar-track{ background: transparent; }

.content-filter-section .filter-left-scrollable::-webkit-scrollbar-thumb,
.console_part_cont .console_part_inner::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 10px; }

.alert-info{--bs-alert-bg: #f2fdff;--bs-alert-border-color: var(--bs-info-border-subtle);}


.api-card .space-bootom{margin-bottom: 30px;}
.api-card h3{font-size: 20px; margin-bottom: 10px;}
.api-card h2{margin: 0;font-size: 28px;}
.api-card .api-card-title{border-bottom: 1px solid rgb(229, 231, 235);margin-bottom: 5px; padding-top: 8px; padding-bottom: 8px;}

.accordion{--bs-accordion-btn-padding-x: 0.6rem; --bs-accordion-btn-padding-y: 0.6rem;    --bs-accordion-body-padding-x: 0.6rem; --bs-accordion-body-padding-y: 0.6rem;}
.console_part_cont .console_part_header .fs-5{font-size: 24px!important;margin: 0;padding: 0;background-color: #f5f5f5; padding: 10px 15px;}


/* css for code design  */
.json-pre { background-color: #000; border: 1px solid #d1d5da; padding: 12px; border-radius: 5px; overflow-x: auto; font-family: monospace; font-size: 14px; color: #fff; white-space: pre-wrap; }
.response-section { margin-bottom: 20px; padding: 10px; border-left: 4px solid #0366d6; background-color: #f0f8ff; }
.json-container { background: #2d2d2d; border-radius: 8px; padding: 12px; position: relative; overflow: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.2);margin-bottom: 18px; }
.json-container pre { margin: 0; color: #f8f8f2; font-size: 14px; font-family: Consolas, monospace; }
.json-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 6px; }
.json-actions .btn { font-size: 12px; padding: 2px 8px; border-radius: 6px; background: rgba(255, 255, 255, 0.1); color: #fff; border: 1px solid rgba(255,255,255,0.3); transition: background 0.2s; }
.json-actions .btn:hover { background: rgba(255, 255, 255, 0.3); color: #fff; }
.api-path { background: #eef2f7; padding: 2px 8px; border-radius: 6px; color: #0d6efd; font-size: 14px; }
/*.badge { font-size: 0.8rem; padding: 0.4em 0.6em; }*/
.response-card { background: #fafafa; }


/* HTTP Method Colors */
.badge-get { background: rgb(97, 175, 254); }
/* green */
.badge-post { background: rgb(73, 204, 144); }
/* blue */
.badge-put { background: rgb(252, 161, 48); }
/* orange */
.badge-delete { background: rgb(249, 62, 62); }
/* red */
/* Status Code Colors */
.badge-200 { background: #28a745 !important; }
.badge-400 { background: #ffc107 !important; color: #000; }
.badge-401 { background: #ff851b !important; }
.badge-403 { background: #ff4136 !important; }
.badge-404 { background: #6c757d !important; }
.badge-500 { background: #dc3545 !important; }        
/* css for code design  */


/* css for Swagger ui design */
.swagger-ui .opblock .opblock-summary-method{border-radius: 6px;font-size: 0.8rem;padding: 5.12px 7.68px; min-width: auto;font-weight: 700;font-family: var(--ss-font-sans-serif);line-height: normal;}
.swagger-ui .wrapper{padding: 0;}
.swagger-ui .opblock .opblock-summary {background-color: transparent; border-color: rgba(59,65,81,.2) !important;padding: 10px 15px;}
/*.swagger-ui .opblock{border-radius: 8px;box-shadow: none!important; border: none!important;}*/
.swagger-ui textarea{background-color: #fff;border-radius: 8px;line-height: 1.6; border: 1px solid #dddddd !important;}
.swagger-ui {font-family: var(--ss-font-sans-serif);font-size: 14px;}
.swagger-ui .opblock .opblock-summary-path-description-wrapper{display: block;}

.swagger-ui .opblock-description-wrapper, .swagger-ui .opblock-external-docs-wrapper, .swagger-ui .opblock-title_normal{padding: 10px 15px;}
.swagger-ui .btn.execute{background-color: var(--bs-primary);color: #211f1f; border-color: var(--bs-primary); }
.swagger-ui .btn.execute:hover,
.swagger-ui .btn.execute:focus{background-color: rgba(var(--bs-primary-rgb), 0.5); color: #211f1f; border-color: var(--bs-primary); box-shadow: none;}
.swagger-ui .btn{font-family: var(--ss-font-sans-serif);font-weight: 400;font-size: 16px;border-radius: 6px;}




.swagger-ui .tab{border-radius: 8px; overflow: hidden; display: inline-flex;border: 1px solid #ccc;}
.swagger-ui .tab li{list-style-type: none;}
.swagger-ui .tab li button.tablinks{font-family: var(--ss-font-sans-serif);font-weight: 400;font-size: 15px;min-width: auto; padding: 0px 15px!important;border:none; border-radius: 0px;background-color: #e3e3e3; display: flex; align-items: center;justify-content: center; min-height: 32px;line-height: normal;}
.swagger-ui .tab li:first-of-type:after{display: none;}
.swagger-ui .tab li.active button.tablinks{background-color: rgba(var(--bs-primary-rgb), 1);font-weight: 500;}
.swagger-ui .tab li:first-of-type{padding: 0;}

.swagger-ui .model-box{background-color: #fff;display: block;}
.swagger-ui .parameters-container .opblock-description-wrapper>p{padding: 10px; border-radius: 6px; background-color: #e2e3e5; border: 1px solid #dddddd;}
.swagger-ui .model-box-control{border: 1px solid #ccc;background-color: #ebeaea;border-radius: 4px;display: inline-flex; align-items: center; justify-content: center; padding: 2px; margin-right: 2px;}
.swagger-ui .model-box-control + .prop{display: block; background: #f7f7f7; padding: 6px 10px; border-radius: 8px; border: 1px solid #ccc; margin-top: 3px; width: fit-content;}
.swagger-ui .model-box-control .model-toggle{margin: 0;top: inherit;}
.swagger-ui table.model tr td{padding-top: 4px!important; padding-bottom: 4px!important;}
.swagger-ui .model{font-family: var(--ss-font-sans-serif);font-weight: 500;font-size: 13px;line-height: 1.4;}
.swagger-ui table.model tr.description td:first-child, .swagger-ui table.model tr.property-row.required td:first-child{font-weight: 500;}

.swagger-ui table thead tr td,
.swagger-ui table thead tr th{font-family: var(--ss-font-sans-serif);font-weight: 600;}
.swagger-ui .json-schema-form-item .json-schema-form-item-remove{ margin-left: 5px; font-size: 14px;}

/* css for Swagger ui design */


@media (max-width: 1200px) {
.content-filter-section .filter-right-section{padding-left: 20px;}
.content-filter-section{--rightWidth: 300px;--leftWidth: 240px;}
}

@media (max-width: 991px) {
    .container, .container-md, .container-sm{max-width:100%;}
    .sidebar { position: static; height: auto; padding-top: 0; box-shadow: none;margin:0 -15px;padding: 0 15px;background-color: #f8f9fa;}
    main { padding-top: 1rem; }
    .sidebar-sticky { height: auto; overflow-y: visible; }

    .navbar-nav{--bs-navbar-nav-link-padding-x: 5px;--bs-nav-link-padding-y: 7px; margin-right: 10px; gap: 5px;}
    

    .navbar-toggler{border: none; padding: 5px;}
    .navbar-toggler svg{max-width: 22px;}
    .navbar-toggler:focus{box-shadow: none;border: none;}
    


    .open_filter_btn{all: unset;cursor: pointer;}
    .content-filter-section{display: block;}
    .content-filter-section .filter-right-section{width: 100%;max-width: 100%;padding: 0;}
    .content-filter-section .filter-left-section-wrap{position: fixed; top: 0; bottom: 0; left: 0; width: 300px; z-index: 999; background-color: #fff;height: 100%;max-height: 100%;border: none;border-radius: 0; transition: 0.3s; transform: translateX(-100%); }
    .content-filter-section .filter-left-section-wrap.active{transform: translateX(0);}
    .filter-layer{background-color: rgba(0,0,0,.175); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; display: none;transition: 0.3s;}
    .open-filter,
    .open-filter body{overflow: hidden;}
    .open-filter .filter-layer{display: block;}

    header .navbar-brand .logo-sub-text{display: none;}
}


@media (max-width: 767px) {

    .navbar-nav{margin-right: 0;margin-bottom: 15px;margin-top: 10px;gap: 5px;}
    header .nav-link:focus,
    header .nav-link.active,
    header .nav-link:hover {background-color: #eee;}
    .navbar-nav .nav-link{padding: 8px 5px; border-bottom: none!important; border-radius: 4px;}
    
    header .header-btn-box .btn{flex: 1 0;}

    .navbar-collapse { background-color: #fff;}
    .navbar-brand img{width:160px;}
    .gradient-bg{padding:2.5rem 0}
    .content-card{padding:1.2rem}

    html.console-opened{overflow: hidden;}
    html.console-opened body{overflow: hidden;}
    .content-filter-section .filter-right-section{z-index: inherit;}
    .content-filter-section .docs_part_cont{max-width: 100%; padding-right: 0;}
    .content-filter-section .tab-content>.active{display: block;}
    .content-filter-section .console_part_cont{position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;padding: 0;}
    .content-filter-section .console_part_cont.active{display: block; background-color: rgba(0,0,0,.5);}
    .content-filter-section .console_part_cont.active .console_part_inner{opacity: 1; visibility: visible; pointer-events: auto;}

    .console_part_cont .console_part_header .fs-5{font-size: 24px!important;margin: 0;padding: 0;background-color: transparent; padding:0;}
    
    .console_open_btn{all: unset; cursor: pointer; display: block; padding: 0px 5px; border: 1px solid var(--bs-primary); border-radius: 5px; background-color: var(--bs-primary);}
    .console_part_cont .console_part_inner{ position: relative; width: auto; margin: 1.75rem 12px; pointer-events: none;height: inherit; max-height: inherit; overflow: inherit;background-color: transparent;top: inherit; border: none; box-shadow: none;display: flex; align-items: center; justify-content: center; height: calc(100% - 1.75rem * 2); opacity: 0;visibility: hidden; transition: 0.3s;}
    .console_part_cont .console_part_content{position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; max-height: 100%;overflow: hidden;}
    .console_part_cont .console_part_header{display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px);}
    .console_part_cont .console_part_header h1{margin: 0; padding: 0;}
    .console_part_cont .console_part_body{position: relative;overflow-y: auto; flex: 1 1 auto; padding: 1rem;}

    footer .footer-link li a{font-size: 14px;}
    footer .footer-link li + li{padding-left: 5px;margin-left: 5px;}

    header .navbar-brand .logo-sub-text{display: none;}

    header .header-btn-box{gap: 10px;}
    header .header-btn-box .btn{padding-left: 0;padding-right: 0;}
    .head_userSection + .head_userSection{margin-top: 14px;}
    .head_userSection{ margin-left: 0!important;}
    .head_userSection .dropdown-menu{left: 0;right: inherit;}

    .api-detail .btn-group{display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 8px; border-radius: 0;}
    .api-card h2{font-size: 22px;}

}

.swagger-ui select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: none;
}	   

.json-schema-array { margin-top: 10px; }