@g1cloud/open-bluesea-core 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist/open-bluesea-core.css

@@ -1 +1,2598 @@
-.bs-button[data-v-26726ef5]{color:var(--color-text);border:none;border-radius:2px;padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;height:26px;vertical-align:middle;white-space:nowrap;text-decoration:none;margin-right:1px;font-weight:400}.bs-button.border-0>.font-icon.left[data-v-26726ef5]{margin-right:0}.bs-button.border-0>.font-icon.right[data-v-26726ef5]{margin-left:0}.bs-button.bg-transparent[data-v-26726ef5]:not(:disabled):hover{opacity:.8}.bs-button.bg-transparent[data-v-26726ef5]:not(:disabled):active{opacity:.8}.bs-button[data-v-26726ef5]:disabled{cursor:default;opacity:.6}.bs-button.default[data-v-26726ef5]{background-color:var(--button-default-bg);border:1px solid var(--border);color:var(--button-default-text)}.bs-button.default[data-v-26726ef5]:not(:disabled):hover{background-color:var(--gray-100)}.bs-button.default[data-v-26726ef5]:not(:disabled):active{background-color:var(--gray-200)}.bs-button.blue[data-v-26726ef5]{background-color:var(--blue);border:1px solid var(--blue);color:var(--white)}.bs-button.blue[data-v-26726ef5]:not(:disabled):hover{background-color:color-mix(in srgb,var(--blue) 90%,black 10%)}.bs-button.blue[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--blue) 80%,black 20%)}.bs-button.red[data-v-26726ef5]{background-color:var(--red);color:var(--white)}.bs-button.red[data-v-26726ef5]:not(:disabled):hover{background-color:color-mix(in srgb,var(--red) 90%,black 10%)}.bs-button.red[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--red) 80%,black 20%)}.bs-button.orange[data-v-26726ef5]{background-color:var(--orange);color:var(--white)}.bs-button.orange[data-v-26726ef5]:not(:disabled):hover{background-color:color-mix(in srgb,var(--orange) 90%,black 10%)}.bs-button.orange[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--orange) 80%,black 20%)}.bs-button.green[data-v-26726ef5]{background-color:var(--green);color:var(--white)}.bs-button.green[data-v-26726ef5]:not(:disabled):hover{background-color:color-mix(in srgb,var(--green) 90%,black 10%)}.bs-button.green[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--green) 80%,black 20%)}.bs-button.gray[data-v-26726ef5]{background-color:var(--gray);color:var(--white)}.bs-button.gray[data-v-26726ef5]:not(:disabled):hover{background-color:color-mix(in srgb,var(--gray) 90%,black 10%)}.bs-button.gray[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--gray) 80%,black 20%)}.bs-button.black[data-v-26726ef5]{background-color:var(--black);color:var(--white)}.bs-button.black[data-v-26726ef5]:not(:disabled):hover{background-color:color-mix(in srgb,var(--black) 90%,black 10%)}.bs-button.black[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--black) 80%,black 20%)}.bs-button.underline[data-v-26726ef5]{padding:0 8px;border:0 none;border-radius:0;text-decoration:underline;text-underline-offset:2px;background-color:var(--button-default-bg);color:var(--button-default-text)}.bs-button.underline.blue[data-v-26726ef5]:not(:disabled):hover{background-color:color-mix(in srgb,var(--blue) 95%,black 5%)}.bs-button.underline.blue[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--blue) 90%,black 10%)}.bs-button.underline.red[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--red) 90%,black 10%)}.bs-button.underline.orange[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--orange) 90%,black 10%)}.bs-button.underline.green[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--green) 90%,black 10%)}.bs-button.underline.gray[data-v-26726ef5]:not(:disabled):active{background-color:color-mix(in srgb,var(--gray) 90%,black 10%)}[data-theme=dark] .bs-button.default[data-v-26726ef5]:not(:disabled):hover{background-color:var(--gray-800)}[data-theme=dark] .bs-button.default[data-v-26726ef5]:not(:disabled):active{background-color:var(--gray-700)}.bs-clickable,.page-navigation>span{-webkit-user-select:none;user-select:none;cursor:pointer}.bs-clickable:hover,.page-navigation>span:hover{filter:opacity(75%)}.bs-clickable:active,.page-navigation>span:active{filter:opacity(50%)}.bs-clickable.disabled,.page-navigation>span.disabled{filter:opacity(40%)}.page-navigation{padding:8px;display:flex;gap:2px;align-items:center;justify-content:center;color:var(--body-text);line-height:1}.page-navigation>span{display:inline-flex;padding:4px 6px;align-items:center;justify-content:center}.page-navigation>span.on{background-color:var(--primary-300);border-radius:2px}.page-navigation>span:not(.page){padding:3px;font-size:1.4em}.page-navigation>span.disabled{color:var(--gray-400);cursor:initial}.page-navigation>span:not(.disabled):hover{border-radius:2px}.bs-loading-icon{display:flex;align-items:center;justify-content:center}.bs-loading-icon>.font-icon{animation:spin 1s linear infinite}.component-shadow-base,.bs-popup{box-shadow:2px 2px 8px #0000001a}[data-theme=dark] .component-shadow-base,[data-theme=dark] .bs-popup{box-shadow:2px 2px 8px #ffffff1a}.bs-popup{position:fixed;border:1px solid var(--border);border-radius:4px;background-color:var(--body-bg);color:var(--body-text);z-index:300;min-width:48px;min-height:24px}.bs-tooltip{position:fixed;z-index:10000;max-width:240px;padding:8px;border:1px solid var(--primary);background-color:var(--body-bg);color:var(--body-text);border-radius:4px;box-shadow:0 1px 3px #0003,0 1px 2px -1px #0003}.bs-tooltip:before{content:" ";position:absolute;width:12px;height:12px;left:calc(50% - 6px);top:-6px;border:1px solid var(--primary);border-radius:2px;background-color:var(--body-bg);transform:rotate(135deg);clip-path:polygon(0% 10%,0% 100%,90% 100%);z-index:-1}.bs-tooltip.center{transform:translate(-50%)}.bs-tooltip>div{overflow:auto}.bs-box-component-wrap,.bs-select-wrap,.bs-input-wrap,.bs-text-input{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:left}.bs-box-component-wrap .message,.bs-select-wrap .message,.bs-input-wrap .message,.bs-text-input .message{margin-top:4px;font-size:.9em}.bs-box-component-base,.bs-select-wrap>.selected,.bs-input-base,.bs-text-input>.input-area{height:26px;display:inline-flex;align-items:center;justify-content:left;background-color:var(--body-bg)}.bs-input-wrap .suffix,.bs-text-input .suffix,.bs-input-wrap .prefix,.bs-text-input .prefix{font-size:.9em;margin-right:4px;margin-left:4px;background-color:var(--gray-200);color:var(--body-text);padding:2px 4px;border-radius:2px;line-height:1;white-space:nowrap}.bs-input-wrap .suffix:first-child,.bs-text-input .suffix:first-child,.bs-input-wrap .prefix:first-child,.bs-text-input .prefix:first-child{margin-left:4px}.bs-input-wrap .suffix .font-icon,.bs-text-input .suffix .font-icon,.bs-input-wrap .prefix .font-icon,.bs-text-input .prefix .font-icon{font-size:.9em}.bs-input-wrap .suffix img,.bs-text-input .suffix img,.bs-input-wrap .prefix img,.bs-text-input .prefix img{width:.9em;height:.9em}[data-theme=dark] .bs-input-wrap .suffix img,[data-theme=dark] .bs-text-input .suffix img,[data-theme=dark] .bs-input-wrap .prefix img,[data-theme=dark] .bs-text-input .prefix img{filter:invert(1)}.bs-input-base,.bs-text-input>.input-area{border:1px solid var(--border);border-radius:2px;background-color:var(--body-bg)}.bs-input-base>input,.bs-text-input>.input-area>input{border:0;border-radius:0;outline:0;align-self:stretch;flex-grow:1;flex-basis:1em;padding:0 6px;background-color:transparent;width:100%;color:var(--body-text)}.bs-input-base>textarea,.bs-text-input>.input-area>textarea{border:0;border-radius:4px;outline:0;align-self:stretch;flex-grow:1;padding:6px;line-height:1.4;font-family:sans-serif;background-color:var(--body-bg);color:var(--body-text)}.bs-input-base:hover,.bs-text-input>.input-area:hover{border-color:var(--border-hover)}.bs-input-base:has(:focus),.bs-text-input>.input-area:has(:focus){border-color:var(--color-focus);border-width:1px}.bs-text-input>.input-area{width:100%}.bs-text-input.value-right input{text-align:right}.bs-text-input.value-center input{text-align:center}.bs-box-component-wrap,.bs-select-wrap,.bs-input-wrap,.bs-number-input{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:left}.bs-box-component-wrap .message,.bs-select-wrap .message,.bs-input-wrap .message,.bs-number-input .message{margin-top:4px;font-size:.9em}.bs-box-component-base,.bs-select-wrap>.selected,.bs-input-base,.bs-number-input .input-area{height:26px;display:inline-flex;align-items:center;justify-content:left;background-color:var(--body-bg)}.bs-input-wrap .suffix,.bs-number-input .suffix,.bs-input-wrap .prefix,.bs-number-input .prefix{font-size:.9em;margin-right:4px;margin-left:4px;background-color:var(--gray-200);color:var(--body-text);padding:2px 4px;border-radius:2px;line-height:1;white-space:nowrap}.bs-input-wrap .suffix:first-child,.bs-number-input .suffix:first-child,.bs-input-wrap .prefix:first-child,.bs-number-input .prefix:first-child{margin-left:4px}.bs-input-wrap .suffix .font-icon,.bs-number-input .suffix .font-icon,.bs-input-wrap .prefix .font-icon,.bs-number-input .prefix .font-icon{font-size:.9em}.bs-input-wrap .suffix img,.bs-number-input .suffix img,.bs-input-wrap .prefix img,.bs-number-input .prefix img{width:.9em;height:.9em}[data-theme=dark] .bs-input-wrap .suffix img,[data-theme=dark] .bs-number-input .suffix img,[data-theme=dark] .bs-input-wrap .prefix img,[data-theme=dark] .bs-number-input .prefix img{filter:invert(1)}.bs-input-base,.bs-number-input .input-area{border:1px solid var(--border);border-radius:2px;background-color:var(--body-bg)}.bs-input-base>input,.bs-number-input .input-area>input{border:0;border-radius:0;outline:0;align-self:stretch;flex-grow:1;flex-basis:1em;padding:0 6px;background-color:transparent;width:100%;color:var(--body-text)}.bs-input-base>textarea,.bs-number-input .input-area>textarea{border:0;border-radius:4px;outline:0;align-self:stretch;flex-grow:1;padding:6px;line-height:1.4;font-family:sans-serif;background-color:var(--body-bg);color:var(--body-text)}.bs-input-base:hover,.bs-number-input .input-area:hover{border-color:var(--border-hover)}.bs-input-base:has(:focus),.bs-number-input .input-area:has(:focus){border-color:var(--color-focus);border-width:1px}.bs-number-input .input-area{width:100%}.bs-number-input.value-right input{text-align:right}.bs-number-input.value-center input{text-align:center}.bs-box-component-wrap,.bs-select-wrap,.bs-input-wrap,.bs-text-area{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:left}.bs-box-component-wrap .message,.bs-select-wrap .message,.bs-input-wrap .message,.bs-text-area .message{margin-top:4px;font-size:.9em}.bs-box-component-base,.bs-select-wrap>.selected,.bs-input-base,.bs-text-area .input-area{height:26px;display:inline-flex;align-items:center;justify-content:left;background-color:var(--body-bg)}.bs-input-wrap .suffix,.bs-text-area .suffix,.bs-input-wrap .prefix,.bs-text-area .prefix{font-size:.9em;margin-right:4px;margin-left:4px;background-color:var(--gray-200);color:var(--body-text);padding:2px 4px;border-radius:2px;line-height:1;white-space:nowrap}.bs-input-wrap .suffix:first-child,.bs-text-area .suffix:first-child,.bs-input-wrap .prefix:first-child,.bs-text-area .prefix:first-child{margin-left:4px}.bs-input-wrap .suffix .font-icon,.bs-text-area .suffix .font-icon,.bs-input-wrap .prefix .font-icon,.bs-text-area .prefix .font-icon{font-size:.9em}.bs-input-wrap .suffix img,.bs-text-area .suffix img,.bs-input-wrap .prefix img,.bs-text-area .prefix img{width:.9em;height:.9em}[data-theme=dark] .bs-input-wrap .suffix img,[data-theme=dark] .bs-text-area .suffix img,[data-theme=dark] .bs-input-wrap .prefix img,[data-theme=dark] .bs-text-area .prefix img{filter:invert(1)}.bs-input-base,.bs-text-area .input-area{border:1px solid var(--border);border-radius:2px;background-color:var(--body-bg)}.bs-input-base>input,.bs-text-area .input-area>input{border:0;border-radius:0;outline:0;align-self:stretch;flex-grow:1;flex-basis:1em;padding:0 6px;background-color:transparent;width:100%;color:var(--body-text)}.bs-input-base>textarea,.bs-text-area .input-area>textarea{border:0;border-radius:4px;outline:0;align-self:stretch;flex-grow:1;padding:6px;line-height:1.4;font-family:sans-serif;background-color:var(--body-bg);color:var(--body-text)}.bs-input-base:hover,.bs-text-area .input-area:hover{border-color:var(--border-hover)}.bs-input-base:has(:focus),.bs-text-area .input-area:has(:focus){border-color:var(--color-focus);border-width:1px}.flex-row,.bs-layout-horizontal,.bs-layout-horizontal-wrap{display:flex;flex-direction:row}.flex-row-inline,.bs-layout-horizontal-inline{display:inline-flex;flex-direction:row}.flex-column,.bs-layout-vertical,.bs-layout-vertical-wrap{display:flex;flex-direction:column}.flex-column-inline,.bs-layout-vertical-inline{display:inline-flex;flex-direction:column}.flex-wrap,.bs-layout-vertical-wrap,.bs-layout-horizontal-wrap{flex-wrap:wrap}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}.flex-grow-3{flex-grow:3}.flex-shrink-3{flex-shrink:3}.flex-grow-4{flex-grow:4}.flex-shrink-4{flex-shrink:4}.flex-grow-5{flex-grow:5}.flex-shrink-5{flex-shrink:5}.flex-grow-6{flex-grow:6}.flex-shrink-6{flex-shrink:6}.flex-grow-7{flex-grow:7}.flex-shrink-7{flex-shrink:7}.flex-grow-8{flex-grow:8}.flex-shrink-8{flex-shrink:8}.grow{flex-grow:1}.shrink{flex-shrink:1}.flex-align-start{align-items:flex-start}.flex-align-center{align-items:center}.flex-align-end{align-items:flex-end}.flex-content-start{justify-content:flex-start}.flex-content-center{justify-content:center}.flex-content-end{justify-content:flex-end}.bs-text-area .input-area{width:100%;height:100%}.bs-text-area .input-area .prefix,.bs-text-area .input-area .suffix{margin-top:6px;white-space:nowrap}.bs-text-area .view-mode{white-space:pre;line-height:1.5em}.bs-checkbox-base,.bs-checkbox{display:inline-block;color:var(--body-text);white-space:nowrap}.bs-checkbox-base input,.bs-checkbox input{appearance:none;margin:0;outline:0}.bs-checkbox-base input:before,.bs-checkbox input:before{font-family:var(--icon-font-family);font-size:20px;vertical-align:middle;cursor:pointer;color:var(--body-text)}.bs-checkbox-base input:hover,.bs-checkbox input:hover{color:var(--gray-500)}.bs-checkbox-base input:hover~label,.bs-checkbox input:hover~label{color:var(--gray-500)}.bs-checkbox-base input:focus:before,.bs-checkbox input:focus:before{color:var(--color-focus)}.bs-checkbox-base input:focus~label,.bs-checkbox input:focus~label{color:var(--color-focus)}.bs-checkbox-base.modified input:before,.modified.bs-checkbox input:before{color:var(--purple)!important}.bs-checkbox-base.modified input~label,.modified.bs-checkbox input~label{color:var(--purple)!important}.bs-checkbox-base.error input:before,.error.bs-checkbox input:before{color:var(--danger)!important}.bs-checkbox-base.error input~label,.error.bs-checkbox input~label{color:var(--danger)!important}.bs-checkbox-base.disabled input:before,.disabled.bs-checkbox input:before{color:var(--gray-400)!important}.bs-checkbox-base.disabled input~label,.disabled.bs-checkbox input~label{color:var(--gray-400)!important}.bs-checkbox-base label,.bs-checkbox label{display:inline-block;vertical-align:middle;padding:4px 2px;cursor:pointer}.bs-checkbox input:before{content:"check_box_outline_blank"}.bs-checkbox.checked input:before{content:"check_box"}.bs-checkbox.reverted.checked input:before{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 48}.bs-checkbox-group{display:inline-block}.bs-checkbox-group>.items{display:flex;flex-wrap:wrap;gap:4px 8px}.bs-checkbox-group.vertical>.items{display:flex;flex-direction:column;gap:0}.bs-checkbox-group.nowrap>.items{flex-wrap:nowrap}.bs-checkbox-base,.bs-radio-button{display:inline-block;color:var(--body-text);white-space:nowrap}.bs-checkbox-base input,.bs-radio-button input{appearance:none;margin:0;outline:0}.bs-checkbox-base input:before,.bs-radio-button input:before{font-family:var(--icon-font-family);font-size:20px;vertical-align:middle;cursor:pointer;color:var(--body-text)}.bs-checkbox-base input:hover,.bs-radio-button input:hover{color:var(--gray-500)}.bs-checkbox-base input:hover~label,.bs-radio-button input:hover~label{color:var(--gray-500)}.bs-checkbox-base input:focus:before,.bs-radio-button input:focus:before{color:var(--color-focus)}.bs-checkbox-base input:focus~label,.bs-radio-button input:focus~label{color:var(--color-focus)}.bs-checkbox-base.modified input:before,.modified.bs-radio-button input:before{color:var(--purple)!important}.bs-checkbox-base.modified input~label,.modified.bs-radio-button input~label{color:var(--purple)!important}.bs-checkbox-base.error input:before,.error.bs-radio-button input:before{color:var(--danger)!important}.bs-checkbox-base.error input~label,.error.bs-radio-button input~label{color:var(--danger)!important}.bs-checkbox-base.disabled input:before,.disabled.bs-radio-button input:before{color:var(--gray-400)!important}.bs-checkbox-base.disabled input~label,.disabled.bs-radio-button input~label{color:var(--gray-400)!important}.bs-checkbox-base label,.bs-radio-button label{display:inline-block;vertical-align:middle;padding:4px 2px;cursor:pointer}.bs-radio-button input:before{content:"radio_button_unchecked"}.bs-radio-button .font-icon,.bs-radio-button .text-label{vertical-align:middle}.bs-radio-button.checked input:before{content:"radio_button_checked"}.bs-radio-button-group{display:inline-block}.bs-radio-button-group>.radio-button-group{display:flex;flex-wrap:wrap;gap:4px 8px}.bs-radio-button-group.vertical>.radio-button-group{display:flex;flex-direction:column;gap:0}.bs-radio-button-group.switch-style .radio-button-group{overflow:hidden;gap:0;border-radius:4px;background-color:var(--body-bg)}.bs-radio-button-group.switch-style .bs-radio-button{position:relative}.bs-radio-button-group.switch-style .bs-radio-button input{display:none;position:absolute}.bs-radio-button-group.switch-style .bs-radio-button label{position:relative;padding:7px;color:#999;transition:color .4s}.bs-radio-button-group.switch-style .bs-radio-button label:after{content:"";position:absolute;top:0;transition:left .5s ease;height:100%;width:100%;border-radius:4px;background-color:#000;z-index:-1}.bs-radio-button-group.switch-style .bs-radio-button:nth-of-type(1) label:after{left:100%}.bs-radio-button-group.switch-style .bs-radio-button:nth-of-type(2) label:after{left:-100%}.bs-radio-button-group.switch-style .bs-radio-button.checked label{position:relative;color:var(--white);font-weight:500;z-index:1}.bs-radio-button-group.switch-style .bs-radio-button.checked label:after{left:0}.bs-radio-button-group.switch-style.disabled .bs-radio-button.checked label{color:var(--white)!important}.bs-radio-button-group.switch-style.disabled .bs-radio-button.checked label:after{background-color:var(--gray-400)}.bs-radio-button-group.button-style .radio-button-group,.bs-radio-button-group.button-group-style .radio-button-group{gap:4px}.bs-radio-button-group.button-style .bs-radio-button input,.bs-radio-button-group.button-group-style .bs-radio-button input{display:none;position:absolute}.bs-radio-button-group.button-style .bs-radio-button label,.bs-radio-button-group.button-group-style .bs-radio-button label{padding:0 8px;border-radius:2px;border:1px solid var(--border);color:var(--body-text);line-height:22.9px;white-space:nowrap}.bs-radio-button-group.button-style .bs-radio-button.checked label,.bs-radio-button-group.button-group-style .bs-radio-button.checked label{background-color:var(--radio-group);border-color:var(--radio-group)}.bs-radio-button-group.button-style .bs-radio-button.checked label span,.bs-radio-button-group.button-group-style .bs-radio-button.checked label span{color:var(--white)}.bs-radio-button-group.button-style.disabled .bs-radio-button.checked label,.bs-radio-button-group.disabled.button-group-style .bs-radio-button.checked label{color:var(--white)!important}.bs-radio-button-group.button-style.modified .bs-radio-button.checked label,.bs-radio-button-group.modified.button-group-style .bs-radio-button.checked label{background-color:var(--purple);border-color:var(--purple);color:var(--white)!important}.bs-radio-button-group.button-group-style .radio-button-group{gap:0}.bs-radio-button-group.button-group-style .bs-radio-button:not(:first-child){margin-left:-1px}.bs-radio-button-group.button-group-style .bs-radio-button.checked{z-index:1}.bs-radio-button-group.button-group-style .bs-radio-button>label{border-radius:0}.bs-radio-button-group.button-group-style .bs-radio-button:first-child>label{border-top-left-radius:2px;border-bottom-left-radius:2px}.bs-radio-button-group.button-group-style .bs-radio-button:last-child>label{border-top-right-radius:2px;border-bottom-right-radius:2px}.bs-radio-button-group.button-group-style.disabled .bs-radio-button.checked label{color:var(--white)!important}.bs-radio-button-group.button-group-style.modified .radio-button-group,.bs-radio-button-group.button-group-style.modified .bs-radio-button{border-color:var(--purple)}.bs-radio-button-group.button-group-style.modified .bs-radio-button.checked label{background-color:var(--purple);color:var(--white)!important}.bs-radio-button-group.nowrap>.radio-button-group{flex-wrap:nowrap}[data-theme=dark] .bs-select-popup>.popup-items>.popup-item.selected-item{color:var(--primary-400)}[data-theme=dark] .bs-select-popup>.popup-items>.popup-item.selected-item .checkbox:before{color:var(--primary-400)}.bs-select-popup{min-width:120px;max-height:300px;overflow:hidden;line-height:1}.bs-select-popup>.popup-search>input{border:1px solid var(--border);border-radius:2px;background-color:var(--body-bg);padding:2px 4px;width:100%;color:var(--body-text);outline:0}.bs-select-popup>.popup-search>input:focus{border-color:var(--color-focus);border-width:1px}.bs-select-popup>.popup-items>.popup-item{padding:6px 16px;height:28px;cursor:pointer;display:flex;align-items:center}.bs-select-popup>.popup-items>.popup-item .checkbox{display:inline-flex;width:20px;margin-left:-10px}.bs-select-popup>.popup-items>.popup-item .checkbox:before{font-family:var(--icon-font-family);content:"";font-size:16px;color:var(--color-text);margin-right:2px}.bs-select-popup>.popup-items>.popup-item .label{flex-grow:1;white-space:nowrap;cursor:pointer}.bs-select-popup>.popup-items>.popup-item .label.null-label{color:var(--color-text-light)}.bs-select-popup>.popup-items>.popup-item.hovered{background-color:var(--color-hover)}.bs-select-popup>.popup-items>.popup-item.selected-item{color:var(--primary);font-weight:700}.bs-select-popup>.popup-items>.popup-item.selected-item .checkbox:before{content:"check";color:var(--primary)}.bs-box-component-wrap,.bs-select-wrap,.bs-select,.bs-input-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:left}.bs-box-component-wrap .message,.bs-select-wrap .message,.bs-select .message,.bs-input-wrap .message{margin-top:4px;font-size:.9em}.bs-box-component-base,.bs-select-wrap>.selected,.bs-select>.selected,.bs-input-base{height:26px;display:inline-flex;align-items:center;justify-content:left;background-color:var(--body-bg)}.bs-select-wrap,.bs-select{position:relative;outline:0;background-color:var(--body-bg);color:var(--body-text);min-width:64px}.bs-select-wrap:hover>.selected,.bs-select:hover>.selected{border-color:var(--border-hover)}.bs-select-wrap:focus>.selected,.bs-select:focus>.selected{border-color:var(--color-focus)}.bs-select-wrap>.selected,.bs-select>.selected{border:1px solid var(--border);border-radius:2px;padding:0 6px;min-width:100%;cursor:pointer;display:flex}.bs-select-wrap>.selected .label,.bs-select>.selected .label{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-select-wrap>.selected .placeholder,.bs-select>.selected .placeholder{color:var(--gray-400);overflow:hidden;text-overflow:ellipsis}.bs-select-wrap>.selected .dropdown-btn,.bs-select>.selected .dropdown-btn{font-family:var(--icon-font-family);margin-right:-4px;margin-left:4px;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.bs-select-wrap.popup-open .dropdown-btn,.popup-open.bs-select .dropdown-btn{transform:rotate(180deg)}.bs-select-wrap.modified>.selected,.modified.bs-select>.selected{border-color:var(--purple)!important}.bs-select-wrap.error>.selected,.error.bs-select>.selected{border-color:var(--danger)!important;color:var(--danger)!important}.bs-select-wrap.disabled>.selected,.disabled.bs-select>.selected{border-color:var(--border)!important;background-color:var(--gray-100)!important;color:var(--gray-500)!important}.bs-select-wrap.view-mode,.view-mode.bs-select{background-color:transparent}.bs-select-wrap .small-progress,.bs-select .small-progress{font-family:var(--icon-font-family);font-size:.9em;position:absolute;left:100%;top:0;padding:0 2px;color:var(--gray-400);animation:spin 1s linear infinite}.bs-box-component-wrap,.bs-select-wrap,.bs-multi-select,.bs-input-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:left}.bs-box-component-wrap .message,.bs-select-wrap .message,.bs-multi-select .message,.bs-input-wrap .message{margin-top:4px;font-size:.9em}.bs-box-component-base,.bs-select-wrap>.selected,.bs-multi-select>.selected,.bs-input-base{height:26px;display:inline-flex;align-items:center;justify-content:left;background-color:var(--body-bg)}.bs-input-wrap .suffix .font-icon,.bs-input-wrap .prefix .font-icon{font-size:.9em}.bs-select-wrap,.bs-multi-select{position:relative;outline:0;background-color:var(--body-bg);color:var(--body-text);min-width:64px}.bs-select-wrap:hover>.selected,.bs-multi-select:hover>.selected{border-color:var(--border-hover)}.bs-select-wrap:focus>.selected,.bs-multi-select:focus>.selected{border-color:var(--color-focus)}.bs-select-wrap>.selected,.bs-multi-select>.selected{border:1px solid var(--border);border-radius:2px;padding:0 6px;min-width:100%;cursor:pointer;display:flex}.bs-select-wrap>.selected .label,.bs-multi-select>.selected .label{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-select-wrap>.selected .placeholder,.bs-multi-select>.selected .placeholder{color:var(--gray-400);overflow:hidden;text-overflow:ellipsis}.bs-select-wrap>.selected .dropdown-btn,.bs-multi-select>.selected .dropdown-btn{font-family:var(--icon-font-family);margin-right:-4px;margin-left:4px;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.bs-select-wrap.popup-open .dropdown-btn,.popup-open.bs-multi-select .dropdown-btn{transform:rotate(180deg)}.bs-select-wrap.modified>.selected,.modified.bs-multi-select>.selected{border-color:var(--purple)!important}.bs-select-wrap.error>.selected,.error.bs-multi-select>.selected{border-color:var(--danger)!important;color:var(--danger)!important}.bs-select-wrap.disabled>.selected,.disabled.bs-multi-select>.selected{border-color:var(--border)!important;background-color:var(--gray-100)!important;color:var(--gray-500)!important}.bs-select-wrap.view-mode,.view-mode.bs-multi-select{background-color:transparent}.bs-select-wrap .small-progress,.bs-multi-select .small-progress{font-family:var(--icon-font-family);font-size:.9em;position:absolute;left:100%;top:0;padding:0 2px;color:var(--gray-400);animation:spin 1s linear infinite}.font-icon{font-family:var(--icon-font-family);font-size:1rem;max-width:1em}.font-icon.filled{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48}.bs-multi-select .label{margin-right:4px}.bs-multi-select .label:not(:last-child):after{content:","}.bs-card-layout{width:100%;border:1px solid var(--border);border-radius:4px;box-shadow:4px 4px 4px var(--gray-100)}.bs-card-layout>.card-layout-header{height:44px;padding:0 8px;background-color:var(--body-bg);border-radius:4px}.bs-card-layout.expanded>.card-layout-header{border-bottom:1px solid var(--border-light);border-bottom-left-radius:0;border-bottom-right-radius:0}.bs-card-layout .card-layout-title{font-size:1rem;margin-left:6px}.bs-card-layout .expand-btn{display:inline-block;transition:transform .2s linear;transform:rotate(0);font-size:1.4rem;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48;color:var(--gray-500)}.bs-card-layout.expanded .expand-btn{transform:rotate(90deg)}.bs-card-layout .title-icon{color:var(--gray-700);font-size:1.4rem;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48}.bs-card-layout .title-icon-box{background-color:var(--gray-700);width:1rem;height:1rem;border-radius:2px;margin:0 6px 0 4px}.bs-card-layout.blue>.card-layout-header{background-color:var(--blue-bg)}.bs-card-layout.red>.card-layout-header{background-color:var(--red-bg)}.bs-card-layout.orange>.card-layout-header{background-color:var(--orange-bg)}.bs-card-layout.green>.card-layout-header{background-color:var(--green-bg)}.bs-card-layout.gray>.card-layout-header{background-color:var(--gray-bg)}.bs-notification-container>.top-notification{position:fixed;z-index:250;top:50px;left:50%;transform:translate(-50%)}.bs-notification-container>.top-notification>div{position:relative;display:flex;align-items:center;justify-content:center;padding:11px 12px;border:1px solid var(--green);border-radius:4px;color:var(--green);background-color:var(--body-bg);box-shadow:0 4px 4px #0003;line-height:1.4}.bs-notification-container>.top-notification>div:before{content:"check_circle";display:inline-block;width:1.0769em;height:1.0769em;margin-right:6px;font-family:var(--icon-font-family);font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.bs-notification-container>.top-notification>div.error{border:1px solid var(--red);color:var(--red)}.bs-notification-container>.top-notification>div.error:before{content:"cancel"}.bs-notification-container>.bottom-notification{position:fixed;z-index:250;bottom:20px;right:20px}.bs-notification-container>.bs-loading-icon{position:fixed;inset:0;background-color:#000;opacity:.1;z-index:300}.bs-notification-container>.bs-loading-icon>.font-icon{font-size:52px;color:var(--white);opacity:1}[data-theme=dark] .bs-notification-container>.top-notification>div{box-shadow:0 4px 4px #ffffff1a}.bs-box-component-wrap,.bs-select-wrap,.bs-input-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:left}.bs-box-component-wrap .message,.bs-select-wrap .message,.bs-input-wrap .message{margin-top:4px;font-size:.9em}.bs-box-component-base,.bs-select-wrap>.selected,.bs-input-base{height:26px;display:inline-flex;align-items:center;justify-content:left;background-color:var(--body-bg)}.bs-input-wrap .suffix,.bs-input-wrap .prefix{font-size:.9em;margin-right:4px;margin-left:4px;background-color:var(--gray-200);color:var(--body-text);padding:2px 4px;border-radius:2px;line-height:1;white-space:nowrap}.bs-input-wrap .suffix:first-child,.bs-input-wrap .prefix:first-child{margin-left:4px}.bs-input-wrap .suffix .font-icon,.bs-input-wrap .suffix .bs-context-menu>.menu.has-submenu:after,.bs-input-wrap .prefix .font-icon,.bs-input-wrap .prefix .bs-context-menu>.menu.has-submenu:after{font-size:.9em}.bs-input-wrap .suffix img,.bs-input-wrap .prefix img{width:.9em;height:.9em}[data-theme=dark] .bs-input-wrap .suffix img,[data-theme=dark] .bs-input-wrap .prefix img{filter:invert(1)}.bs-input-base{border:1px solid var(--border);border-radius:2px;background-color:var(--body-bg)}.bs-input-base>input{border:0;border-radius:0;outline:0;align-self:stretch;flex-grow:1;flex-basis:1em;padding:0 6px;background-color:transparent;width:100%;color:var(--body-text)}.bs-input-base>textarea{border:0;border-radius:4px;outline:0;align-self:stretch;flex-grow:1;padding:6px;line-height:1.4;font-family:sans-serif;background-color:var(--body-bg);color:var(--body-text)}.bs-input-base:hover{border-color:var(--border-hover)}.bs-input-base:has(:focus){border-color:var(--color-focus);border-width:1px}.bs-text-input.modified>.input-area,.bs-number-input.modified>.input-area,.bs-price-input.modified>.input-area,.bs-date-input.modified>.input-area,.bs-date-range.modified>.input-area,.bs-multi-lang-text-input.modified>.input-area,.bs-multi-lang-text-area.modified>.input-area,.bs-multi-lang-rich-text.modified>.input-area,.bs-text-area.modified>.input-area,.bs-rich-text.modified>.input-area{border-color:var(--purple)!important}.bs-text-input.error>.input-area,.bs-number-input.error>.input-area,.bs-price-input.error>.input-area,.bs-date-input.error>.input-area,.bs-date-range.error>.input-area,.bs-multi-lang-text-input.error>.input-area,.bs-multi-lang-text-area.error>.input-area,.bs-multi-lang-rich-text.error>.input-area,.bs-text-area.error>.input-area,.bs-rich-text.error>.input-area{border-color:var(--danger)!important}.bs-text-input.error>.input-area>input,.bs-number-input.error>.input-area>input,.bs-price-input.error>.input-area>input,.bs-date-input.error>.input-area>input,.bs-date-range.error>.input-area>input,.bs-multi-lang-text-input.error>.input-area>input,.bs-multi-lang-text-area.error>.input-area>input,.bs-multi-lang-rich-text.error>.input-area>input,.bs-text-area.error>.input-area>input,.bs-rich-text.error>.input-area>input{color:var(--danger)!important}.bs-text-input.disabled>.input-area,.bs-number-input.disabled>.input-area,.bs-price-input.disabled>.input-area,.bs-date-input.disabled>.input-area,.bs-date-range.disabled>.input-area,.bs-multi-lang-text-input.disabled>.input-area,.bs-multi-lang-text-area.disabled>.input-area,.bs-multi-lang-rich-text.disabled>.input-area,.bs-text-area.disabled>.input-area,.bs-rich-text.disabled>.input-area{border-color:var(--border)!important;background-color:var(--gray-100)!important;color:var(--gray-400)!important}.bs-text-input.disabled>.input-area>input,.bs-number-input.disabled>.input-area>input,.bs-price-input.disabled>.input-area>input,.bs-date-input.disabled>.input-area>input,.bs-date-range.disabled>.input-area>input,.bs-multi-lang-text-input.disabled>.input-area>input,.bs-multi-lang-text-area.disabled>.input-area>input,.bs-multi-lang-rich-text.disabled>.input-area>input,.bs-text-area.disabled>.input-area>input,.bs-rich-text.disabled>.input-area>input{color:var(--gray-400)!important;background-color:var(--gray-100)!important}.bs-text-input.disabled>.input-area>textarea,.bs-number-input.disabled>.input-area>textarea,.bs-price-input.disabled>.input-area>textarea,.bs-date-input.disabled>.input-area>textarea,.bs-date-range.disabled>.input-area>textarea,.bs-multi-lang-text-input.disabled>.input-area>textarea,.bs-multi-lang-text-area.disabled>.input-area>textarea,.bs-multi-lang-rich-text.disabled>.input-area>textarea,.bs-text-area.disabled>.input-area>textarea,.bs-rich-text.disabled>.input-area>textarea{background-color:var(--gray-100)!important}.bs-date-input .view-mode,.bs-date-range .view-mode{white-space:nowrap;display:flex;align-items:center;gap:4px}.bs-date-input .view-mode:before,.bs-date-range .view-mode:before{content:"calendar_month";width:1em;font-family:var(--icon-font-family)}.bs-date-input .extra-dates,.bs-date-range .extra-dates,.bs-calendar .extra-dates,.bs-calendar-range .extra-dates{color:var(--body-text);margin-top:4px}.bs-date-input .extra-dates .extra-date,.bs-date-range .extra-dates .extra-date,.bs-calendar .extra-dates .extra-date,.bs-calendar-range .extra-dates .extra-date{white-space:nowrap;display:flex;align-items:center;gap:4px;font-size:.8125rem}.bs-date-input .extra-dates .extra-date:before,.bs-date-range .extra-dates .extra-date:before,.bs-calendar .extra-dates .extra-date:before,.bs-calendar-range .extra-dates .extra-date:before{content:"globe";width:1em;font-family:var(--icon-font-family)}.bs-calendar .extra-dates,.bs-calendar-range .extra-dates{padding-top:8px;border-top:1px solid var(--border)}.bs-checkbox-base{display:inline-block;color:var(--body-text);white-space:nowrap}.bs-checkbox-base input{appearance:none;margin:0;outline:0}.bs-checkbox-base input:before{font-family:var(--icon-font-family);font-size:20px;vertical-align:middle;cursor:pointer;color:var(--body-text)}.bs-checkbox-base input:hover{color:var(--gray-500)}.bs-checkbox-base input:hover~label{color:var(--gray-500)}.bs-checkbox-base input:focus:before{color:var(--color-focus)}.bs-checkbox-base input:focus~label{color:var(--color-focus)}.bs-checkbox-base.modified input:before{color:var(--purple)!important}.bs-checkbox-base.modified input~label{color:var(--purple)!important}.bs-checkbox-base.error input:before{color:var(--danger)!important}.bs-checkbox-base.error input~label{color:var(--danger)!important}.bs-checkbox-base.disabled input:before{color:var(--gray-400)!important}.bs-checkbox-base.disabled input~label{color:var(--gray-400)!important}.bs-checkbox-base label{display:inline-block;vertical-align:middle;padding:4px 2px;cursor:pointer}.bs-checkbox-group.modified .bs-checkbox:not(.disabled) input:before,.bs-checkbox-group.modified .bs-radio-button:not(.disabled) input:before,.bs-radio-button-group.modified .bs-checkbox:not(.disabled) input:before,.bs-radio-button-group.modified .bs-radio-button:not(.disabled) input:before{color:var(--purple)!important}.bs-checkbox-group.modified .bs-checkbox:not(.disabled) input~label,.bs-checkbox-group.modified .bs-radio-button:not(.disabled) input~label,.bs-radio-button-group.modified .bs-checkbox:not(.disabled) input~label,.bs-radio-button-group.modified .bs-radio-button:not(.disabled) input~label{color:var(--purple)!important}.bs-checkbox-group.error .bs-checkbox:not(.disabled) input:before,.bs-checkbox-group.error .bs-radio-button:not(.disabled) input:before,.bs-radio-button-group.error .bs-checkbox:not(.disabled) input:before,.bs-radio-button-group.error .bs-radio-button:not(.disabled) input:before{color:var(--danger)!important}.bs-checkbox-group.error .bs-checkbox:not(.disabled) input~label,.bs-checkbox-group.error .bs-radio-button:not(.disabled) input~label,.bs-radio-button-group.error .bs-checkbox:not(.disabled) input~label,.bs-radio-button-group.error .bs-radio-button:not(.disabled) input~label{color:var(--danger)!important}.bs-checkbox-group.disabled input:before,.bs-radio-button-group.disabled input:before{color:var(--gray-400)!important}.bs-checkbox-group.disabled input~label,.bs-radio-button-group.disabled input~label{color:var(--gray-400)!important}.bs-select-wrap{position:relative;outline:0;background-color:var(--body-bg);color:var(--body-text);min-width:64px}.bs-select-wrap:hover>.selected{border-color:var(--border-hover)}.bs-select-wrap:focus>.selected{border-color:var(--color-focus)}.bs-select-wrap>.selected{border:1px solid var(--border);border-radius:2px;padding:0 6px;min-width:100%;cursor:pointer;display:flex}.bs-select-wrap>.selected .label{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-select-wrap>.selected .placeholder{color:var(--gray-400);overflow:hidden;text-overflow:ellipsis}.bs-select-wrap>.selected .dropdown-btn{font-family:var(--icon-font-family);margin-right:-4px;margin-left:4px;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.bs-select-wrap.popup-open .dropdown-btn{transform:rotate(180deg)}.bs-select-wrap.modified>.selected{border-color:var(--purple)!important}.bs-select-wrap.error>.selected{border-color:var(--danger)!important;color:var(--danger)!important}.bs-select-wrap.disabled>.selected{border-color:var(--border)!important;background-color:var(--gray-100)!important;color:var(--gray-500)!important}.bs-select-wrap.view-mode{background-color:transparent}.bs-select-wrap .small-progress{font-family:var(--icon-font-family);font-size:.9em;position:absolute;left:100%;top:0;padding:0 2px;color:var(--gray-400);animation:spin 1s linear infinite}.bs-field-error{color:var(--color-error);margin-top:4px}.bs-clickable{-webkit-user-select:none;user-select:none;cursor:pointer}.bs-clickable:hover{filter:opacity(75%)}.bs-clickable:active{filter:opacity(50%)}.bs-clickable.disabled{filter:opacity(40%)}.component-shadow-base{box-shadow:2px 2px 8px #0000001a}[data-theme=dark] .component-shadow-base{box-shadow:2px 2px 8px #ffffff1a}.font-icon,.bs-context-menu>.menu.has-submenu:after{font-family:var(--icon-font-family);font-size:1rem;max-width:1em}.font-icon.filled,.bs-context-menu>.filled.menu.has-submenu:after{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.text-description{margin-top:2px;color:var(--gray-400);font-size:.923em}.bs-drop-position{position:absolute;border:1px solid var(--primary);border-radius:2px;background-color:var(--primary-400);opacity:.7;z-index:100}.bs-drop-position.vertical{left:0;width:100%;height:8px}.bs-drop-position.vertical.before{top:-4px}.bs-drop-position.vertical.after{bottom:-4px}.bs-drop-position.horizontal{left:0;width:8px;height:100%}.bs-drop-position.horizontal.before{left:-4px}.bs-drop-position.horizontal.after{right:-4px}.bs-droppable-horizontal{transition:transform .3s ease}.bs-droppable-horizontal.bs-dropping-before,.bs-droppable-horizontal.bs-dropping-after-following{transform:translate(12px);z-index:1}.bs-droppable-horizontal.bs-dropping-after,.bs-droppable-horizontal.bs-dropping-before-preceding{transform:translate(-12px);z-index:1}.bs-dragging-source{opacity:.5}.bs-context-menu{padding:4px 0;min-width:120px;min-height:auto;max-height:500px;overflow:auto;cursor:default}.bs-context-menu>.menu{padding:6px 12px;display:flex;align-items:flex-start;white-space:nowrap;cursor:pointer}.bs-context-menu>.menu.disabled{color:var(--gray-400)}.bs-context-menu>.menu:not(.disabled):hover{background-color:var(--color-hover)}.bs-context-menu>.menu.has-submenu:after{content:"chevron_right";position:absolute;right:2px}.bs-context-menu>.menu.separator{padding:0;margin:4px 0;border-bottom:1px solid var(--border)}.bs-context-menu>.menu.no-padding{padding:0}.bs-context-menu>.menu a{text-decoration:none;color:var(--body-text);width:100%;padding:6px 12px}.bs-context-menu-container .context-menu-curtain{position:fixed;inset:0;z-index:300}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-border-style: solid;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-leading: initial;
+      --tw-duration: initial;
+      --tw-font-weight: initial;
+      --tw-ease: initial;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+    }
+  }
+}
+
+@layer theme {
+  :root, :host {
+    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    --spacing: .25rem;
+    --font-weight-medium: 500;
+    --leading-relaxed: 1.625;
+    --radius-sm: .25rem;
+    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+    --default-transition-duration: .15s;
+    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+  }
+}
+
+@layer base {
+  *, :after, :before, ::backdrop {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+
+  ::file-selector-button {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+
+  html, :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    line-height: 1.5;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+
+  b, strong {
+    font-weight: bolder;
+  }
+
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+
+  small {
+    font-size: 80%;
+  }
+
+  sub, sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+  }
+
+  sub {
+    bottom: -.25em;
+  }
+
+  sup {
+    top: -.5em;
+  }
+
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+
+  :-moz-focusring {
+    outline: auto;
+  }
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  summary {
+    display: list-item;
+  }
+
+  ol, ul, menu {
+    list-style: none;
+  }
+
+  img, svg, video, canvas, audio, iframe, embed, object {
+    vertical-align: middle;
+    display: block;
+  }
+
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  button, input, select, optgroup, textarea {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+
+  ::placeholder {
+    opacity: 1;
+  }
+
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentColor;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      ::placeholder {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+
+  textarea {
+    resize: vertical;
+  }
+
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+
+  ::-webkit-datetime-edit {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-year-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-month-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-day-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-hour-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-minute-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-second-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-millisecond-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  button, input:where([type="button"], [type="reset"], [type="submit"]) {
+    appearance: button;
+  }
+
+  ::file-selector-button {
+    appearance: button;
+  }
+
+  ::-webkit-inner-spin-button {
+    height: auto;
+  }
+
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+
+@layer components;
+
+@layer utilities {
+  .fixed {
+    position: fixed;
+  }
+
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
+  .mr-1 {
+    margin-right: calc(var(--spacing) * 1);
+  }
+
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
+
+  .ml-8 {
+    margin-left: calc(var(--spacing) * 8);
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .inline-flex {
+    display: inline-flex;
+  }
+
+  .table {
+    display: table;
+  }
+
+  .w-full {
+    width: 100%;
+  }
+
+  .min-w-80 {
+    min-width: calc(var(--spacing) * 80);
+  }
+
+  .min-w-\[2em\] {
+    min-width: 2em;
+  }
+
+  .flex-grow, .grow {
+    flex-grow: 1;
+  }
+
+  .transform {
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
+  .cursor-pointer {
+    cursor: pointer;
+  }
+
+  .flex-col {
+    flex-direction: column;
+  }
+
+  .flex-row {
+    flex-direction: row;
+  }
+
+  .items-center {
+    align-items: center;
+  }
+
+  .items-end {
+    align-items: flex-end;
+  }
+
+  .items-start {
+    align-items: flex-start;
+  }
+
+  .justify-center {
+    justify-content: center;
+  }
+
+  .justify-end {
+    justify-content: flex-end;
+  }
+
+  .justify-start {
+    justify-content: flex-start;
+  }
+
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .overflow-auto {
+    overflow: auto;
+  }
+
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+
+  .px-16 {
+    padding-inline: calc(var(--spacing) * 16);
+  }
+
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .underline {
+    text-decoration-line: underline;
+  }
+
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
+  .filter {
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+
+@layer bluesea-base {
+  :root {
+    --bs-white: #fff;
+    --bs-gray-100: #fafafa;
+    --bs-gray-200: #eaeaea;
+    --bs-gray-400: #a9a9a9;
+    --bs-gray-500: #666;
+    --bs-gray-700: #444;
+    --bs-gray-800: #292929;
+    --bs-primary: #5672ef;
+    --bs-primary-400: #a4b4ff;
+    --bs-blue-bg: #def;
+    --bs-red-bg: #ffe3e2;
+    --bs-orange-bg: #fff8de;
+    --bs-green-bg: #e9fee7;
+    --bs-gray-bg: #eaeaea;
+    --bs-color-text: #555;
+    --bs-color-text-light: #a9a9a9;
+    --bs-color-hover: #e8eefc;
+    --bs-color-focus: #5672ef;
+    --bs-color-error: #eb0000;
+    --bs-border: #ccc;
+    --bs-border-light: #eaeaea;
+    --bs-body-bg: #fff;
+    --bs-body-text: #000;
+    --bs-input-height: 1.8rem;
+    --bs-border-radius: .25rem;
+    --bs-font-size: 1rem;
+    --bs-font-size-sm: .9em;
+    --bs-button-height: 1.8rem;
+    --bs-button-padding-x: .75rem;
+    --bs-button-padding-y: 0;
+    --bs-button-border-radius: var(--bs-border-radius);
+    --bs-button-font-size: var(--bs-font-size);
+    --bs-button-bg: #fff;
+    --bs-button-text: #555;
+    --bs-button-border: var(--bs-border);
+    --bs-button-blue-bg: #5672ef;
+    --bs-button-blue-text: var(--bs-white);
+    --bs-button-red-bg: #eb0000;
+    --bs-button-red-text: var(--bs-white);
+    --bs-button-orange-bg: #f99341;
+    --bs-button-orange-text: var(--bs-white);
+    --bs-button-green-bg: #2fa04d;
+    --bs-button-green-text: var(--bs-white);
+    --bs-button-gray-bg: #a9a9a9;
+    --bs-button-gray-text: var(--bs-white);
+    --bs-button-black-bg: #000;
+    --bs-button-black-text: var(--bs-white);
+    --bs-input-bg: var(--bs-body-bg);
+    --bs-input-text: var(--bs-body-text);
+    --bs-input-border: var(--bs-border);
+    --bs-input-border-hover: #000;
+    --bs-input-border-focus: var(--bs-color-focus);
+    --bs-input-border-radius: var(--bs-border-radius);
+    --bs-input-padding-x: .375rem;
+    --bs-input-padding-y: .125rem;
+    --bs-input-placeholder: var(--bs-gray-400);
+    --bs-input-disabled-bg: var(--bs-gray-100);
+    --bs-input-disabled-text: var(--bs-gray-400);
+    --bs-input-disabled-border: var(--bs-border);
+    --bs-input-modified-border: #945bd9;
+    --bs-input-error-border: #eb0000;
+    --bs-input-error-text: #eb0000;
+    --bs-input-affix-bg: var(--bs-gray-200);
+    --bs-input-affix-text: var(--bs-body-text);
+    --bs-input-affix-font-size: var(--bs-font-size-sm);
+    --bs-check-icon-size: 1.25rem;
+    --bs-check-icon-color: var(--bs-body-text);
+    --bs-check-icon-hover: var(--bs-gray-500);
+    --bs-check-icon-focus: var(--bs-color-focus);
+    --bs-check-icon-disabled: var(--bs-gray-400);
+    --bs-check-icon-modified: #945bd9;
+    --bs-check-icon-error: #eb0000;
+    --bs-check-label-padding-x: .125rem;
+    --bs-check-label-padding-y: .25rem;
+    --bs-select-height: var(--bs-input-height);
+    --bs-select-bg: var(--bs-body-bg);
+    --bs-select-text: var(--bs-body-text);
+    --bs-select-border: var(--bs-border);
+    --bs-select-border-hover: #000;
+    --bs-select-border-focus: var(--bs-color-focus);
+    --bs-select-border-radius: var(--bs-border-radius);
+    --bs-select-padding-x: .375rem;
+    --bs-select-placeholder: var(--bs-gray-400);
+    --bs-select-disabled-bg: var(--bs-gray-100);
+    --bs-select-disabled-text: var(--bs-gray-500);
+    --bs-select-disabled-border: var(--bs-border);
+    --bs-select-modified-border: #945bd9;
+    --bs-select-error-border: #eb0000;
+    --bs-select-error-text: #eb0000;
+    --bs-check-group-gap-x: .5rem;
+    --bs-check-group-gap-y: .25rem;
+    --bs-radio-switch-bg: var(--bs-body-bg);
+    --bs-radio-switch-active-bg: #000;
+    --bs-radio-switch-active-text: var(--bs-white);
+    --bs-radio-switch-inactive-text: #999;
+    --bs-radio-switch-disabled-bg: var(--bs-gray-400);
+    --bs-radio-button-bg: transparent;
+    --bs-radio-button-text: var(--bs-body-text);
+    --bs-radio-button-border: var(--bs-border);
+    --bs-radio-button-active-bg: #a9a9a9;
+    --bs-radio-button-active-text: var(--bs-white);
+    --bs-radio-button-active-border: #a9a9a9;
+    --bs-date-input-width: 200px;
+    --bs-date-input-height: var(--bs-input-height);
+    --bs-date-input-bg: var(--bs-body-bg);
+    --bs-date-input-text: var(--bs-body-text);
+    --bs-date-input-border: var(--bs-border);
+    --bs-date-input-border-hover: #000;
+    --bs-date-input-border-focus: var(--bs-color-focus);
+    --bs-date-input-border-radius: var(--bs-border-radius);
+    --bs-date-input-icon-size: .875rem;
+    --bs-popup-bg: var(--bs-body-bg);
+    --bs-popup-border: var(--bs-border);
+    --bs-popup-border-radius: var(--bs-border-radius);
+    --bs-popup-shadow: 2px 2px 8px #0000001a;
+    --bs-page-nav-button-size: 24px;
+    --bs-page-nav-button-bg: transparent;
+    --bs-page-nav-button-text: var(--bs-body-text);
+    --bs-page-nav-button-hover-bg: var(--bs-color-hover);
+    --bs-page-nav-button-active-bg: var(--bs-primary);
+    --bs-page-nav-button-active-text: var(--bs-white);
+    --bs-page-nav-button-border-radius: var(--bs-border-radius);
+    --bs-card-bg: var(--bs-body-bg);
+    --bs-card-border: var(--bs-border);
+    --bs-card-border-radius: var(--bs-border-radius);
+    --bs-card-header-bg: var(--bs-gray-200);
+    --bs-card-header-text: var(--bs-body-text);
+    --bs-card-header-padding-x: .75rem;
+    --bs-card-header-padding-y: .5rem;
+    --bs-tooltip-bg: var(--bs-gray-800);
+    --bs-tooltip-text: var(--bs-white);
+    --bs-tooltip-border-radius: var(--bs-border-radius);
+    --bs-tooltip-padding-x: .5rem;
+    --bs-tooltip-padding-y: .25rem;
+    --bs-tooltip-font-size: .875rem;
+    --bs-loading-color: var(--bs-primary);
+    --bs-loading-size: 1.5rem;
+    --bs-notification-bg: var(--bs-body-bg);
+    --bs-notification-text: var(--bs-body-text);
+    --bs-notification-border-radius: .25rem;
+    --bs-notification-shadow: 2px 2px 8px #00000026;
+    --bs-notification-success-accent: #2fa04d;
+    --bs-notification-error-accent: #eb0000;
+    --bs-notification-warning-accent: #f99341;
+    --bs-notification-info-accent: #5672ef;
+    --bs-modal-bg: var(--bs-body-bg);
+    --bs-modal-text: var(--bs-body-text);
+    --bs-modal-border-radius: .25rem;
+    --bs-modal-shadow: 0 4px 20px #00000026;
+    --bs-modal-header-bg: var(--bs-primary);
+    --bs-modal-header-text: var(--bs-white);
+    --bs-modal-overlay-bg: #00000080;
+    --bs-context-menu-bg: var(--bs-body-bg);
+    --bs-context-menu-text: var(--bs-body-text);
+    --bs-context-menu-border: var(--bs-border);
+    --bs-context-menu-border-radius: var(--bs-border-radius);
+    --bs-context-menu-shadow: 2px 2px 8px #0000001a;
+    --bs-context-menu-item-hover-bg: var(--bs-color-hover);
+    --bs-context-menu-separator: var(--bs-border-light);
+    --bs-calendar-bg: var(--bs-body-bg);
+    --bs-calendar-text: var(--bs-body-text);
+    --bs-calendar-today-bg: var(--bs-gray-200);
+    --bs-calendar-selected-bg: #5672ef;
+    --bs-calendar-selected-text: var(--bs-white);
+    --bs-calendar-sunday-text: #eb0000;
+    --bs-calendar-saturday-text: #5672ef;
+    --bs-calendar-other-month-opacity: .5;
+    --bs-calendar-disabled-bg: var(--bs-gray-200);
+    --bs-calendar-weekdays-border: var(--bs-gray-200);
+    --bs-calendar-time-bg: var(--bs-gray-100);
+  }
+
+  [data-theme="dark"] {
+    --bs-body-bg: #1a1a1a;
+    --bs-body-text: #fff;
+    --bs-color-hover: #2a2a2a;
+    --bs-button-bg: #333;
+    --bs-button-text: #fff;
+    --bs-input-border-hover: #fff;
+    --bs-select-border-hover: #fff;
+    --bs-date-input-border-hover: #fff;
+  }
+}
+
+.bs-clickable {
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.bs-clickable:hover {
+  filter: opacity(75%);
+}
+
+.bs-clickable:active {
+  filter: opacity(50%);
+}
+
+.bs-clickable.disabled {
+  filter: opacity(40%);
+}
+
+.bs-box-component-wrap {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-box-component-wrap .message {
+  font-size: var(--bs-font-size-sm);
+  margin-top: calc(var(--spacing) * 1);
+}
+
+.bs-box-component-base {
+  height: var(--bs-input-height);
+  background-color: var(--bs-input-bg);
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+.bs-input-wrap {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-input-wrap .message {
+  font-size: var(--bs-font-size-sm);
+  margin-top: calc(var(--spacing) * 1);
+}
+
+.bs-input-wrap .suffix, .bs-input-wrap .prefix {
+  font-size: var(--bs-input-affix-font-size);
+  background-color: var(--bs-input-affix-bg);
+  color: var(--bs-input-affix-text);
+  margin-inline: calc(var(--spacing) * 1);
+  border-radius: var(--radius-sm);
+  padding-inline: calc(var(--spacing) * 1);
+  padding-block: calc(var(--spacing) * .5);
+  --tw-leading: 1;
+  white-space: nowrap;
+  line-height: 1;
+}
+
+.bs-input-wrap .suffix:first-child, .bs-input-wrap .prefix:first-child {
+  margin-left: calc(var(--spacing) * 1);
+}
+
+.bs-input-wrap .suffix .bs-icon, .bs-input-wrap .prefix .bs-icon {
+  font-size: var(--bs-input-affix-font-size);
+}
+
+.bs-input-wrap .suffix img, .bs-input-wrap .prefix img {
+  width: .9em;
+  height: .9em;
+}
+
+[data-theme="dark"] .bs-input-wrap .suffix img, [data-theme="dark"] .bs-input-wrap .prefix img {
+  filter: invert();
+}
+
+.bs-input-base {
+  height: var(--bs-input-height);
+  border: 1px solid var(--bs-input-border);
+  border-radius: var(--bs-input-border-radius);
+  background-color: var(--bs-input-bg);
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+.bs-input-base > input {
+  padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
+  color: var(--bs-input-text);
+  border-style: var(--tw-border-style);
+  --tw-outline-style: none;
+  background-color: #0000;
+  border-width: 0;
+  border-radius: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+  width: 100%;
+}
+
+.bs-input-base > textarea {
+  background-color: var(--bs-input-bg);
+  color: var(--bs-input-text);
+  border-style: var(--tw-border-style);
+  padding: calc(var(--spacing) * 1.5);
+  font-family: var(--font-sans);
+  --tw-leading: var(--leading-relaxed);
+  line-height: var(--leading-relaxed);
+  --tw-outline-style: none;
+  border-width: 0;
+  border-radius: .25rem;
+  outline-style: none;
+  flex-grow: 1;
+  align-self: stretch;
+}
+
+.bs-input-base:hover {
+  border-color: var(--bs-input-border-hover);
+}
+
+.bs-input-base:has(:focus) {
+  border-color: var(--bs-input-border-focus);
+  border-width: 1px;
+}
+
+.bs-text-input {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-text-input > .input-area {
+  height: var(--bs-input-height);
+  border: 1px solid var(--bs-input-border);
+  border-radius: var(--bs-input-border-radius);
+  background-color: var(--bs-input-bg);
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: inline-flex;
+}
+
+.bs-text-input > .input-area:hover {
+  border-color: var(--bs-input-border-hover);
+}
+
+.bs-text-input > .input-area:has(:focus) {
+  border-color: var(--bs-input-border-focus);
+}
+
+.bs-text-input > .input-area > input {
+  padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
+  border-radius: var(--bs-input-border-radius);
+  color: var(--bs-input-text);
+  border-style: var(--tw-border-style);
+  --tw-outline-style: none;
+  background-color: #0000;
+  border-width: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+  width: 100%;
+}
+
+.bs-number-input {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-number-input > .input-area {
+  height: var(--bs-input-height);
+  border: 1px solid var(--bs-input-border);
+  border-radius: var(--bs-input-border-radius);
+  background-color: var(--bs-input-bg);
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: inline-flex;
+}
+
+.bs-number-input > .input-area:hover {
+  border-color: var(--bs-input-border-hover);
+}
+
+.bs-number-input > .input-area:has(:focus) {
+  border-color: var(--bs-input-border-focus);
+}
+
+.bs-number-input > .input-area > input {
+  padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
+  color: var(--bs-input-text);
+  border-style: var(--tw-border-style);
+  --tw-outline-style: none;
+  background-color: #0000;
+  border-width: 0;
+  border-radius: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+  width: 100%;
+}
+
+.bs-text-area {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-text-area .input-area {
+  border: 1px solid var(--bs-input-border);
+  border-radius: var(--bs-input-border-radius);
+  background-color: var(--bs-input-bg);
+  justify-content: flex-start;
+  align-items: flex-start;
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+}
+
+.bs-text-area .input-area > textarea {
+  border-radius: var(--bs-input-border-radius);
+  padding: calc(var(--spacing) * 2);
+}
+
+.bs-text-area .input-area:hover {
+  border-color: var(--bs-input-border-hover);
+}
+
+.bs-text-area .input-area:has(:focus) {
+  border-color: var(--bs-input-border-focus);
+}
+
+.bs-text-area .input-area .prefix, .bs-text-area .input-area .suffix {
+  margin-top: calc(var(--spacing) * 1.5);
+  white-space: nowrap;
+}
+
+.bs-text-area .view-mode {
+  --tw-leading: calc(var(--spacing) * 6);
+  line-height: calc(var(--spacing) * 6);
+  white-space: pre;
+}
+
+.bs-checkbox {
+  color: var(--bs-check-icon-color);
+  white-space: nowrap;
+  display: inline-block;
+}
+
+.bs-checkbox input {
+  margin: calc(var(--spacing) * 0);
+  appearance: none;
+  --tw-outline-style: none;
+  outline-style: none;
+  position: absolute;
+}
+
+.bs-checkbox .icon-label {
+  cursor: pointer;
+}
+
+.bs-checkbox .icon-label .bs-icon {
+  font-size: var(--bs-check-icon-size);
+  color: var(--bs-check-icon-color);
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+.bs-checkbox:hover .icon-label .bs-icon, .bs-checkbox:hover .text-label {
+  color: var(--bs-check-icon-hover);
+}
+
+.bs-checkbox input:focus ~ .icon-label .bs-icon, .bs-checkbox input:focus ~ label {
+  color: var(--bs-check-icon-focus);
+}
+
+.bs-checkbox.modified .icon-label .bs-icon, .bs-checkbox.modified .text-label {
+  color: var(--bs-check-icon-modified) !important;
+}
+
+.bs-checkbox.error .icon-label .bs-icon, .bs-checkbox.error .text-label {
+  color: var(--bs-check-icon-error) !important;
+}
+
+.bs-checkbox.disabled .icon-label .bs-icon, .bs-checkbox.disabled .text-label {
+  color: var(--bs-check-icon-disabled) !important;
+}
+
+.bs-checkbox label {
+  padding: var(--bs-check-label-padding-y) var(--bs-check-label-padding-x);
+  cursor: pointer;
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.bs-radio-button {
+  color: var(--bs-check-icon-color);
+  white-space: nowrap;
+  display: inline-block;
+}
+
+.bs-radio-button input {
+  margin: calc(var(--spacing) * 0);
+  appearance: none;
+  --tw-outline-style: none;
+  outline-style: none;
+  position: absolute;
+}
+
+.bs-radio-button .icon-label {
+  cursor: pointer;
+}
+
+.bs-radio-button .icon-label .bs-icon {
+  font-size: var(--bs-check-icon-size);
+  color: var(--bs-check-icon-color);
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+.bs-radio-button .bs-icon, .bs-radio-button .text-label {
+  vertical-align: middle;
+}
+
+.bs-radio-button:hover .icon-label .bs-icon, .bs-radio-button:hover .text-label {
+  color: var(--bs-check-icon-hover);
+}
+
+.bs-radio-button input:focus ~ .icon-label .bs-icon, .bs-radio-button input:focus ~ label {
+  color: var(--bs-check-icon-focus);
+}
+
+.bs-select {
+  background-color: var(--bs-select-bg);
+  color: var(--bs-select-text);
+  min-width: calc(var(--spacing) * 16);
+  --tw-outline-style: none;
+  outline-style: none;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+  position: relative;
+}
+
+.bs-select:hover > .selected {
+  border-color: var(--bs-select-border-hover);
+}
+
+.bs-select:focus > .selected {
+  border-color: var(--bs-select-border-focus);
+}
+
+.bs-select > .selected {
+  height: var(--bs-select-height);
+  border: 1px solid var(--bs-select-border);
+  border-radius: var(--bs-select-border-radius);
+  padding-left: var(--bs-select-padding-x);
+  padding-right: var(--bs-select-padding-x);
+  background-color: var(--bs-select-bg);
+  cursor: pointer;
+  justify-content: flex-start;
+  align-items: center;
+  min-width: 100%;
+  display: inline-flex;
+}
+
+.bs-select > .selected .label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.bs-select > .selected .placeholder {
+  color: var(--bs-select-placeholder);
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.bs-select > .selected .dropdown-btn {
+  font-family: var(--bs-icon-font-family);
+  margin-right: calc(var(--spacing) * -1);
+  margin-left: calc(var(--spacing) * 1);
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: .2s;
+  -webkit-user-select: none;
+  user-select: none;
+  transition-duration: .2s;
+}
+
+.bs-select.popup-open .dropdown-btn {
+  rotate: 180deg;
+}
+
+.bs-select.modified > .selected {
+  border-color: var(--bs-select-modified-border) !important;
+}
+
+.bs-select.error > .selected {
+  border-color: var(--bs-select-error-border) !important;
+  color: var(--bs-select-error-text) !important;
+}
+
+.bs-select.disabled > .selected {
+  border-color: var(--bs-select-disabled-border) !important;
+  background-color: var(--bs-select-disabled-bg) !important;
+  color: var(--bs-select-disabled-text) !important;
+}
+
+.bs-select.view-mode {
+  background-color: #0000;
+}
+
+.bs-select .small-progress {
+  font-size: var(--bs-font-size-sm);
+  font-family: var(--bs-icon-font-family);
+  color: var(--bs-select-placeholder);
+  top: calc(var(--spacing) * 0);
+  padding-inline: calc(var(--spacing) * .5);
+  animation: 1s linear infinite spin;
+  position: absolute;
+  left: 100%;
+}
+
+.bs-multi-select {
+  background-color: var(--bs-select-bg);
+  color: var(--bs-select-text);
+  min-width: calc(var(--spacing) * 16);
+  --tw-outline-style: none;
+  outline-style: none;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+  position: relative;
+}
+
+.bs-multi-select:hover > .selected {
+  border-color: var(--bs-select-border-hover);
+}
+
+.bs-multi-select:focus > .selected {
+  border-color: var(--bs-select-border-focus);
+}
+
+.bs-multi-select > .selected {
+  height: var(--bs-select-height);
+  border: 1px solid var(--bs-select-border);
+  border-radius: var(--bs-select-border-radius);
+  padding-left: var(--bs-select-padding-x);
+  padding-right: var(--bs-select-padding-x);
+  background-color: var(--bs-select-bg);
+  cursor: pointer;
+  justify-content: flex-start;
+  align-items: center;
+  min-width: 100%;
+  display: inline-flex;
+}
+
+.bs-multi-select > .selected .label {
+  margin-right: calc(var(--spacing) * 1);
+}
+
+.bs-multi-select > .selected .label:not(:last-child):after {
+  content: ",";
+}
+
+.bs-multi-select > .selected .placeholder {
+  color: var(--bs-select-placeholder);
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.bs-multi-select > .selected .dropdown-btn {
+  font-family: var(--bs-icon-font-family);
+  margin-right: calc(var(--spacing) * -1);
+  margin-left: calc(var(--spacing) * 1);
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: .2s;
+  -webkit-user-select: none;
+  user-select: none;
+  transition-duration: .2s;
+}
+
+.bs-multi-select.popup-open .dropdown-btn {
+  rotate: 180deg;
+}
+
+.bs-multi-select.modified > .selected {
+  border-color: var(--bs-select-modified-border) !important;
+}
+
+.bs-multi-select.error > .selected {
+  border-color: var(--bs-select-error-border) !important;
+  color: var(--bs-select-error-text) !important;
+}
+
+.bs-multi-select.disabled > .selected {
+  border-color: var(--bs-select-disabled-border) !important;
+  background-color: var(--bs-select-disabled-bg) !important;
+  color: var(--bs-select-disabled-text) !important;
+}
+
+.bs-multi-select .small-progress {
+  font-size: var(--bs-font-size-sm);
+  font-family: var(--bs-icon-font-family);
+  color: var(--bs-select-placeholder);
+  top: calc(var(--spacing) * 0);
+  padding-inline: calc(var(--spacing) * .5);
+  animation: 1s linear infinite spin;
+  position: absolute;
+  left: 100%;
+}
+
+.bs-checkbox-group {
+  display: inline-block;
+}
+
+.bs-checkbox-group > .items {
+  gap: var(--bs-check-group-gap-y) var(--bs-check-group-gap-x);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+.bs-checkbox-group.vertical > .items {
+  gap: calc(var(--spacing) * 0);
+  flex-direction: column;
+  display: flex;
+}
+
+.bs-checkbox-group.nowrap > .items {
+  flex-wrap: nowrap;
+}
+
+.bs-radio-button-group {
+  display: inline-block;
+}
+
+.bs-radio-button-group > .radio-button-group {
+  gap: var(--bs-check-group-gap-y) var(--bs-check-group-gap-x);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+.bs-radio-button-group.vertical > .radio-button-group {
+  gap: calc(var(--spacing) * 0);
+  flex-direction: column;
+  display: flex;
+}
+
+.bs-radio-button-group.nowrap > .radio-button-group {
+  flex-wrap: nowrap;
+}
+
+.bs-radio-button-group.switch-style .radio-button-group {
+  background-color: var(--bs-radio-switch-bg);
+  gap: calc(var(--spacing) * 0);
+  border-radius: .25rem;
+  overflow: hidden;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button {
+  position: relative;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button input {
+  display: none;
+  position: absolute;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button label {
+  color: var(--bs-radio-switch-inactive-text);
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: .4s;
+  padding: 7px;
+  transition-duration: .4s;
+  position: relative;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button label:after {
+  content: "";
+  background-color: var(--bs-radio-switch-active-bg);
+  z-index: -1;
+  top: calc(var(--spacing) * 0);
+  border-radius: .25rem;
+  width: 100%;
+  height: 100%;
+  transition: left .5s;
+  position: absolute;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button:first-of-type label:after {
+  left: 100%;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button:nth-of-type(2) label:after {
+  left: -100%;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button.checked label {
+  color: var(--bs-radio-switch-active-text);
+  z-index: 1;
+  --tw-font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-medium);
+  position: relative;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button.checked label:after {
+  left: 0;
+}
+
+.bs-radio-button-group.switch-style.disabled .bs-radio-button.checked label {
+  color: var(--bs-radio-switch-active-text) !important;
+}
+
+.bs-radio-button-group.switch-style.disabled .bs-radio-button.checked label:after {
+  background-color: var(--bs-radio-switch-disabled-bg);
+}
+
+.bs-radio-button-group.button-style .radio-button-group {
+  gap: calc(var(--spacing) * 1);
+}
+
+.bs-radio-button-group.button-style .bs-radio-button input {
+  display: none;
+  position: absolute;
+}
+
+.bs-radio-button-group.button-style .bs-radio-button label {
+  border: 1px solid var(--bs-radio-button-border);
+  border-radius: var(--bs-input-border-radius);
+  color: var(--bs-radio-button-text);
+  padding-inline: calc(var(--spacing) * 2);
+  white-space: nowrap;
+  line-height: 22.9px;
+}
+
+.bs-radio-button-group.button-style .bs-radio-button.checked label {
+  background-color: var(--bs-radio-button-active-bg);
+  border-color: var(--bs-radio-button-active-border);
+}
+
+.bs-radio-button-group.button-style .bs-radio-button.checked label span {
+  color: var(--bs-radio-button-active-text);
+}
+
+.bs-radio-button-group.button-style.disabled .bs-radio-button.checked label {
+  color: var(--bs-radio-button-active-text) !important;
+}
+
+.bs-radio-button-group.button-style.modified .bs-radio-button.checked label {
+  background-color: var(--bs-check-icon-modified);
+  border-color: var(--bs-check-icon-modified);
+  color: var(--bs-radio-button-active-text) !important;
+}
+
+.bs-radio-button-group.button-group-style .radio-button-group {
+  gap: calc(var(--spacing) * 0);
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button input {
+  display: none;
+  position: absolute;
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button label {
+  border: 1px solid var(--bs-radio-button-border);
+  color: var(--bs-radio-button-text);
+  padding-inline: calc(var(--spacing) * 2);
+  white-space: nowrap;
+  border-radius: 0;
+  line-height: 22.9px;
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button:not(:first-child) {
+  margin-left: -1px;
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button.checked {
+  z-index: 1;
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button.checked label {
+  background-color: var(--bs-radio-button-active-bg);
+  border-color: var(--bs-radio-button-active-border);
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button.checked label span {
+  color: var(--bs-radio-button-active-text);
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button:first-child > label {
+  border-radius: var(--bs-input-border-radius) 0 0 var(--bs-input-border-radius);
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button:last-child > label {
+  border-radius: 0 var(--bs-input-border-radius) var(--bs-input-border-radius) 0;
+}
+
+.bs-radio-button-group.button-group-style.disabled .bs-radio-button.checked label {
+  color: var(--bs-radio-button-active-text) !important;
+}
+
+.bs-radio-button-group.button-group-style.modified .radio-button-group, .bs-radio-button-group.button-group-style.modified .bs-radio-button {
+  border-color: var(--bs-check-icon-modified);
+}
+
+.bs-radio-button-group.button-group-style.modified .bs-radio-button.checked label {
+  background-color: var(--bs-check-icon-modified);
+  color: var(--bs-radio-button-active-text) !important;
+}
+
+.bs-date-input {
+  width: var(--bs-date-input-width);
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-date-input .input-area {
+  height: var(--bs-date-input-height);
+  border: 1px solid var(--bs-date-input-border);
+  border-radius: var(--bs-date-input-border-radius);
+  background-color: var(--bs-date-input-bg);
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: inline-flex;
+}
+
+.bs-date-input .input-area:hover {
+  border-color: var(--bs-date-input-border-hover);
+}
+
+.bs-date-input .input-area:has(:focus) {
+  border-color: var(--bs-date-input-border-focus);
+}
+
+.bs-date-input .input-area .bs-icon {
+  font-size: var(--bs-date-input-icon-size);
+  min-width: 26px;
+  padding-inline: calc(var(--spacing) * 1.5);
+}
+
+.bs-date-input .input-area input {
+  padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
+  border-left: 1px solid var(--bs-date-input-border);
+  color: var(--bs-date-input-text);
+  border-style: var(--tw-border-style);
+  --tw-outline-style: none;
+  background-color: #0000;
+  border-width: 0;
+  border-radius: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+  width: 100%;
+}
+
+.bs-date-input.disabled .bs-icon {
+  color: var(--bs-input-disabled-text);
+}
+
+.bs-date-range {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-date-range .input-area {
+  height: var(--bs-date-input-height);
+  border: 1px solid var(--bs-date-input-border);
+  border-radius: var(--bs-date-input-border-radius);
+  background-color: var(--bs-date-input-bg);
+  width: 100%;
+  padding-right: calc(var(--spacing) * 2);
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+.bs-date-range .input-area:hover {
+  border-color: var(--bs-date-input-border-hover);
+}
+
+.bs-date-range .input-area:has(:focus) {
+  border-color: var(--bs-date-input-border-focus);
+}
+
+.bs-date-range .input-area .bs-icon {
+  font-size: var(--bs-date-input-icon-size);
+  min-width: 26px;
+  padding-inline: calc(var(--spacing) * 1.5);
+}
+
+.bs-date-range .input-area .bs-icon + input {
+  border-left: 1px solid var(--bs-date-input-border);
+}
+
+.bs-date-range .input-area input {
+  padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
+  color: var(--bs-date-input-text);
+  width: calc(var(--spacing) * 16);
+  border-style: var(--tw-border-style);
+  padding-right: calc(var(--spacing) * 0);
+  --tw-outline-style: none;
+  background-color: #0000;
+  border-width: 0;
+  border-radius: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+}
+
+.bs-date-range .input-area input:disabled {
+  color: var(--bs-input-disabled-text);
+  background-color: var(--bs-input-disabled-bg) !important;
+}
+
+.bs-date-range.disabled .bs-icon {
+  color: var(--bs-input-disabled-text);
+}
+
+.bs-text-input.modified > .input-area, .bs-number-input.modified > .input-area, .bs-price-input.modified > .input-area, .bs-date-input.modified > .input-area, .bs-date-range.modified > .input-area, .bs-multi-lang-text-input.modified > .input-area, .bs-multi-lang-text-area.modified > .input-area, .bs-multi-lang-rich-text.modified > .input-area, .bs-text-area.modified > .input-area, .bs-rich-text.modified > .input-area {
+  border-color: var(--bs-input-modified-border) !important;
+}
+
+.bs-text-input.error > .input-area, .bs-number-input.error > .input-area, .bs-price-input.error > .input-area, .bs-date-input.error > .input-area, .bs-date-range.error > .input-area, .bs-multi-lang-text-input.error > .input-area, .bs-multi-lang-text-area.error > .input-area, .bs-multi-lang-rich-text.error > .input-area, .bs-text-area.error > .input-area, .bs-rich-text.error > .input-area {
+  border-color: var(--bs-input-error-border) !important;
+}
+
+.bs-text-input.error > .input-area > input, .bs-number-input.error > .input-area > input, .bs-price-input.error > .input-area > input, .bs-date-input.error > .input-area > input, .bs-date-range.error > .input-area > input {
+  color: var(--bs-input-error-text) !important;
+}
+
+.bs-text-input.disabled > .input-area, .bs-number-input.disabled > .input-area, .bs-price-input.disabled > .input-area, .bs-date-input.disabled > .input-area, .bs-date-range.disabled > .input-area, .bs-multi-lang-text-input.disabled > .input-area, .bs-multi-lang-text-area.disabled > .input-area, .bs-multi-lang-rich-text.disabled > .input-area, .bs-text-area.disabled > .input-area, .bs-rich-text.disabled > .input-area {
+  border-color: var(--bs-input-disabled-border) !important;
+  background-color: var(--bs-input-disabled-bg) !important;
+  color: var(--bs-input-disabled-text) !important;
+}
+
+.bs-text-input.disabled > .input-area > input, .bs-number-input.disabled > .input-area > input, .bs-price-input.disabled > .input-area > input, .bs-date-input.disabled > .input-area > input, .bs-date-range.disabled > .input-area > input {
+  color: var(--bs-input-disabled-text) !important;
+  background-color: var(--bs-input-disabled-bg) !important;
+}
+
+.bs-text-area.disabled > .input-area > textarea, .bs-rich-text.disabled > .input-area > textarea {
+  background-color: var(--bs-input-disabled-bg) !important;
+}
+
+.bs-date-input .view-mode, .bs-date-range .view-mode {
+  align-items: center;
+  gap: calc(var(--spacing) * 1);
+  white-space: nowrap;
+  display: flex;
+}
+
+.bs-date-input .view-mode:before, .bs-date-range .view-mode:before {
+  content: "calendar_month";
+  width: 1em;
+  font-family: var(--bs-icon-font-family);
+}
+
+.bs-date-input .extra-dates, .bs-date-range .extra-dates, .bs-calendar .extra-dates, .bs-calendar-range .extra-dates {
+  margin-top: calc(var(--spacing) * 1);
+  color: var(--bs-body-text);
+}
+
+.bs-date-input .extra-dates .extra-date, .bs-date-range .extra-dates .extra-date, .bs-calendar .extra-dates .extra-date, .bs-calendar-range .extra-dates .extra-date {
+  align-items: center;
+  gap: calc(var(--spacing) * 1);
+  white-space: nowrap;
+  font-size: .8125rem;
+  display: flex;
+}
+
+.bs-date-input .extra-dates .extra-date:before, .bs-date-range .extra-dates .extra-date:before, .bs-calendar .extra-dates .extra-date:before, .bs-calendar-range .extra-dates .extra-date:before {
+  content: "globe";
+  width: 1em;
+  font-family: var(--bs-icon-font-family);
+}
+
+.bs-calendar .extra-dates, .bs-calendar-range .extra-dates {
+  padding-top: calc(var(--spacing) * 2);
+  border-top: 1px solid var(--bs-border);
+}
+
+.bs-checkbox-base {
+  color: var(--bs-check-icon-color);
+  white-space: nowrap;
+  display: inline-block;
+}
+
+.bs-checkbox-base input {
+  margin: calc(var(--spacing) * 0);
+  appearance: none;
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.bs-checkbox-base input:before {
+  font-size: var(--bs-check-icon-size);
+  font-family: var(--bs-icon-font-family);
+  color: var(--bs-check-icon-color);
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+.bs-checkbox-base input:hover, .bs-checkbox-base input:hover ~ label {
+  color: var(--bs-check-icon-hover);
+}
+
+.bs-checkbox-base input:focus:before, .bs-checkbox-base input:focus ~ label {
+  color: var(--bs-check-icon-focus);
+}
+
+.bs-checkbox-base.modified input:before, .bs-checkbox-base.modified input ~ label {
+  color: var(--bs-check-icon-modified) !important;
+}
+
+.bs-checkbox-base.error input:before, .bs-checkbox-base.error input ~ label {
+  color: var(--bs-check-icon-error) !important;
+}
+
+.bs-checkbox-base.disabled input:before, .bs-checkbox-base.disabled input ~ label {
+  color: var(--bs-check-icon-disabled) !important;
+}
+
+.bs-checkbox-base label {
+  padding: var(--bs-check-label-padding-y) var(--bs-check-label-padding-x);
+  cursor: pointer;
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.bs-checkbox-group.modified .bs-checkbox:not(.disabled) .icon-label .bs-icon, .bs-checkbox-group.modified .bs-checkbox:not(.disabled) .text-label, .bs-radio-button-group.modified .bs-radio-button:not(.disabled) .icon-label .bs-icon, .bs-radio-button-group.modified .bs-radio-button:not(.disabled) .text-label {
+  color: var(--bs-check-icon-modified) !important;
+}
+
+.bs-checkbox-group.error .bs-checkbox:not(.disabled) .icon-label .bs-icon, .bs-checkbox-group.error .bs-checkbox:not(.disabled) .text-label, .bs-radio-button-group.error .bs-radio-button:not(.disabled) .icon-label .bs-icon, .bs-radio-button-group.error .bs-radio-button:not(.disabled) .text-label {
+  color: var(--bs-check-icon-error) !important;
+}
+
+.bs-checkbox-group.disabled .icon-label .bs-icon, .bs-checkbox-group.disabled .text-label, .bs-radio-button-group.disabled .icon-label .bs-icon, .bs-radio-button-group.disabled .text-label {
+  color: var(--bs-check-icon-disabled) !important;
+}
+
+.bs-select-wrap {
+  background-color: var(--bs-select-bg);
+  color: var(--bs-select-text);
+  min-width: calc(var(--spacing) * 16);
+  --tw-outline-style: none;
+  outline-style: none;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+  position: relative;
+}
+
+.bs-select-wrap .message {
+  font-size: var(--bs-font-size-sm);
+  margin-top: calc(var(--spacing) * 1);
+}
+
+.bs-select-wrap:hover > .selected {
+  border-color: var(--bs-select-border-hover);
+}
+
+.bs-select-wrap:focus > .selected {
+  border-color: var(--bs-select-border-focus);
+}
+
+.bs-select-wrap > .selected {
+  height: var(--bs-select-height);
+  border: 1px solid var(--bs-select-border);
+  border-radius: var(--bs-select-border-radius);
+  padding-left: var(--bs-select-padding-x);
+  padding-right: var(--bs-select-padding-x);
+  background-color: var(--bs-select-bg);
+  cursor: pointer;
+  justify-content: flex-start;
+  align-items: center;
+  min-width: 100%;
+  display: flex;
+}
+
+.bs-select-wrap > .selected .label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.bs-select-wrap > .selected .placeholder {
+  color: var(--bs-select-placeholder);
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.bs-select-wrap > .selected .dropdown-btn {
+  font-family: var(--bs-icon-font-family);
+  margin-right: calc(var(--spacing) * -1);
+  margin-left: calc(var(--spacing) * 1);
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: .2s;
+  -webkit-user-select: none;
+  user-select: none;
+  transition-duration: .2s;
+}
+
+.bs-select-wrap.popup-open .dropdown-btn {
+  rotate: 180deg;
+}
+
+.bs-select-wrap.modified > .selected {
+  border-color: var(--bs-select-modified-border) !important;
+}
+
+.bs-select-wrap.error > .selected {
+  border-color: var(--bs-select-error-border) !important;
+  color: var(--bs-select-error-text) !important;
+}
+
+.bs-select-wrap.disabled > .selected {
+  border-color: var(--bs-select-disabled-border) !important;
+  background-color: var(--bs-select-disabled-bg) !important;
+  color: var(--bs-select-disabled-text) !important;
+}
+
+.bs-select-wrap.view-mode {
+  background-color: #0000;
+}
+
+.bs-select-wrap .small-progress {
+  font-size: var(--bs-font-size-sm);
+  font-family: var(--bs-icon-font-family);
+  color: var(--bs-select-placeholder);
+  top: calc(var(--spacing) * 0);
+  padding-inline: calc(var(--spacing) * .5);
+  animation: 1s linear infinite spin;
+  position: absolute;
+  left: 100%;
+}
+
+.bs-field-error {
+  margin-top: calc(var(--spacing) * 1);
+  color: var(--bs-color-error);
+}
+
+.component-shadow-base {
+  box-shadow: var(--bs-popup-shadow);
+}
+
+[data-theme="dark"] .component-shadow-base {
+  box-shadow: 2px 2px 8px #ffffff1a;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: .3s;
+  transition-duration: .3s;
+}
+
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+
+.text-description {
+  margin-top: calc(var(--spacing) * .5);
+  color: var(--bs-gray-400);
+  font-size: .923em;
+}
+
+.bs-drop-position {
+  z-index: 100;
+  border-radius: var(--radius-sm);
+  opacity: .7;
+  border: 1px solid var(--bs-primary);
+  background-color: var(--bs-primary-400);
+  position: absolute;
+}
+
+.bs-drop-position.vertical {
+  left: calc(var(--spacing) * 0);
+  height: calc(var(--spacing) * 2);
+  width: 100%;
+}
+
+.bs-drop-position.vertical.before {
+  top: calc(var(--spacing) * -1);
+}
+
+.bs-drop-position.vertical.after {
+  bottom: calc(var(--spacing) * -1);
+}
+
+.bs-drop-position.horizontal {
+  left: calc(var(--spacing) * 0);
+  height: 100%;
+  width: calc(var(--spacing) * 2);
+}
+
+.bs-drop-position.horizontal.before {
+  left: calc(var(--spacing) * -1);
+}
+
+.bs-drop-position.horizontal.after {
+  right: calc(var(--spacing) * -1);
+}
+
+.bs-droppable-horizontal {
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: .3s;
+  --tw-ease: var(--ease-in-out);
+  transition-duration: .3s;
+  transition-timing-function: var(--ease-in-out);
+}
+
+.bs-droppable-horizontal.bs-dropping-before, .bs-droppable-horizontal.bs-dropping-after-following {
+  z-index: 1;
+  --tw-translate-x: calc(var(--spacing) * 3);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
+.bs-droppable-horizontal.bs-dropping-after, .bs-droppable-horizontal.bs-dropping-before-preceding {
+  z-index: 1;
+  --tw-translate-x: calc(var(--spacing) * -3);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
+.bs-dragging-source {
+  opacity: .5;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+.bs-button {
+  height: var(--bs-button-height);
+  padding: var(--bs-button-padding-y) var(--bs-button-padding-x);
+  border-radius: var(--bs-button-border-radius);
+  font-size: var(--bs-button-font-size);
+  color: var(--bs-color-text);
+  border: none;
+  margin-right: 1px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-decoration-line: none;
+  font-weight: 400;
+  cursor: pointer;
+}
+.bs-button.border-0 > .bs-icon.left { margin-right: 0;
+}
+.bs-button.border-0 > .bs-icon.right { margin-left: 0;
+}
+.bs-button.bg-transparent:not(:disabled):hover,
+.bs-button.bg-transparent:not(:disabled):active { opacity: 0.8;
+}
+.bs-button:disabled { cursor: default; opacity: 0.6;
+}
+
+/* Default */
+.bs-button.default {
+  background-color: var(--bs-button-bg);
+  border: 1px solid var(--bs-button-border);
+  color: var(--bs-button-text);
+}
+.bs-button.default:not(:disabled):hover { background-color: var(--bs-gray-100);
+}
+.bs-button.default:not(:disabled):active { background-color: var(--bs-gray-200);
+}
+
+/* Blue */
+.bs-button.blue {
+  background-color: var(--bs-button-blue-bg);
+  border: 1px solid var(--bs-button-blue-bg);
+  color: var(--bs-button-blue-text);
+}
+.bs-button.blue:not(:disabled):hover { background-color: color-mix(in srgb, var(--bs-button-blue-bg) 90%, black 10%);
+}
+.bs-button.blue:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-blue-bg) 80%, black 20%);
+}
+
+/* Red */
+.bs-button.red { background-color: var(--bs-button-red-bg); color: var(--bs-button-red-text);
+}
+.bs-button.red:not(:disabled):hover { background-color: color-mix(in srgb, var(--bs-button-red-bg) 90%, black 10%);
+}
+.bs-button.red:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-red-bg) 80%, black 20%);
+}
+
+/* Orange */
+.bs-button.orange { background-color: var(--bs-button-orange-bg); color: var(--bs-button-orange-text);
+}
+.bs-button.orange:not(:disabled):hover { background-color: color-mix(in srgb, var(--bs-button-orange-bg) 90%, black 10%);
+}
+.bs-button.orange:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-orange-bg) 80%, black 20%);
+}
+
+/* Green */
+.bs-button.green { background-color: var(--bs-button-green-bg); color: var(--bs-button-green-text);
+}
+.bs-button.green:not(:disabled):hover { background-color: color-mix(in srgb, var(--bs-button-green-bg) 90%, black 10%);
+}
+.bs-button.green:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-green-bg) 80%, black 20%);
+}
+
+/* Gray */
+.bs-button.gray { background-color: var(--bs-button-gray-bg); color: var(--bs-button-gray-text);
+}
+.bs-button.gray:not(:disabled):hover { background-color: color-mix(in srgb, var(--bs-button-gray-bg) 90%, black 10%);
+}
+.bs-button.gray:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-gray-bg) 80%, black 20%);
+}
+
+/* Black */
+.bs-button.black { background-color: var(--bs-button-black-bg); color: var(--bs-button-black-text);
+}
+.bs-button.black:not(:disabled):hover { background-color: color-mix(in srgb, var(--bs-button-black-bg) 90%, black 10%);
+}
+.bs-button.black:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-black-bg) 80%, black 20%);
+}
+
+/* Underline */
+.bs-button.underline {
+  padding: 0 0.5rem;
+  border-radius: 0;
+  text-decoration-line: underline;
+  text-underline-offset: 2px;
+  background-color: var(--bs-button-bg);
+  color: var(--bs-button-text);
+  border: 0 none;
+}
+.bs-button.underline.blue:not(:disabled):hover { background-color: color-mix(in srgb, var(--bs-button-blue-bg) 95%, black 5%);
+}
+.bs-button.underline.blue:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-blue-bg) 90%, black 10%);
+}
+.bs-button.underline.red:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-red-bg) 90%, black 10%);
+}
+.bs-button.underline.orange:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-orange-bg) 90%, black 10%);
+}
+.bs-button.underline.green:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-green-bg) 90%, black 10%);
+}
+.bs-button.underline.gray:not(:disabled):active { background-color: color-mix(in srgb, var(--bs-button-gray-bg) 90%, black 10%);
+}
+.bs-button.border-0 { border: 0;
+}
+
+/* Dark theme */
+[data-theme="dark"] .bs-button.default:not(:disabled):hover { background-color: var(--bs-gray-800);
+}
+[data-theme="dark"] .bs-button.default:not(:disabled):active { background-color: var(--bs-gray-700);
+}
+
+.bs-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1em;
+  height: 1em;
+}
+.bs-icon > svg {
+  width: 100%;
+  height: 100%;
+  fill: currentColor;
+}
+.bs-icon.spin {
+  animation: spin 1s linear infinite;
+}
+
+.page-navigation {
+  padding: 0.5rem;
+  display: flex;
+  gap: 0.125rem;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  color: var(--bs-page-nav-button-text);
+}
+.page-navigation > span {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  cursor: pointer;
+  width: var(--bs-page-nav-button-size);
+  height: var(--bs-page-nav-button-size);
+  background-color: var(--bs-page-nav-button-bg);
+  border-radius: var(--bs-page-nav-button-border-radius);
+}
+.page-navigation > span:hover {
+  background-color: var(--bs-page-nav-button-hover-bg);
+}
+.page-navigation > span:active {
+  filter: opacity(50%);
+}
+.page-navigation > span.on {
+  background-color: var(--bs-page-nav-button-active-bg);
+  color: var(--bs-page-nav-button-active-text);
+}
+.page-navigation > span.nav-icon {
+  font-size: 1.4em;
+}
+.page-navigation > span.disabled {
+  cursor: default;
+  color: var(--bs-gray-400);
+  filter: opacity(40%);
+}
+.page-navigation > span:not(.disabled):hover {
+  border-radius: var(--bs-page-nav-button-border-radius);
+}
+
+.bs-loading-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--bs-loading-color);
+  font-size: var(--bs-loading-size);
+}
+
+.bs-popup {
+  position: fixed;
+  min-width: 3rem;
+  min-height: 1.5rem;
+  border: 1px solid var(--bs-popup-border);
+  border-radius: var(--bs-popup-border-radius);
+  background-color: var(--bs-popup-bg);
+  color: var(--bs-body-text);
+  z-index: 300;
+  box-shadow: var(--bs-popup-shadow);
+}
+[data-theme="dark"] .bs-popup {
+  box-shadow: 2px 2px 8px rgba(255, 255, 255, 0.1);
+}
+
+.bs-tooltip {
+  position: fixed;
+  max-width: 15rem;
+  z-index: 10000;
+  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
+  border-radius: var(--bs-tooltip-border-radius);
+  border: 1px solid var(--bs-primary);
+  background-color: var(--bs-tooltip-bg);
+  color: var(--bs-tooltip-text);
+  font-size: var(--bs-tooltip-font-size);
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
+}
+.bs-tooltip:before {
+  position: absolute;
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 0.125rem;
+  content: " ";
+  left: calc(50% - 6px);
+  top: -6px;
+  border: 1px solid var(--bs-primary);
+  background-color: var(--bs-tooltip-bg);
+  transform: rotate(135deg);
+  clip-path: polygon(0% 10%, 0% 100%, 90% 100%);
+  z-index: -1;
+}
+.bs-tooltip.center {
+  transform: translateX(-50%);
+}
+.bs-tooltip > div {
+  overflow: auto;
+}
+
+.bs-select-popup {
+  min-width: 7.5rem;
+  max-height: 300px;
+  overflow: hidden;
+  line-height: 1;
+}
+.bs-select-popup > .popup-search { padding: 0.25rem;
+}
+.bs-select-popup > .popup-search > input {
+  border-radius: 0.125rem;
+  padding: 0.125rem 0.25rem;
+  width: 100%;
+  outline: 0;
+  border: 1px solid var(--bs-border);
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-text);
+}
+.bs-select-popup > .popup-search > input:focus { border-color: var(--bs-color-focus);
+}
+.bs-select-popup > .popup-items { flex-grow: 1; height: 100%; overflow: auto;
+}
+.bs-select-popup > .popup-items > .popup-item { padding: 0.375rem 1rem; height: 1.75rem; cursor: pointer; display: flex; align-items: center;
+}
+.bs-select-popup > .popup-items > .popup-item .checkbox { display: inline-flex; width: 1.25rem; margin-left: -0.625rem;
+}
+.bs-select-popup > .popup-items > .popup-item .label { flex-grow: 1; white-space: nowrap; cursor: pointer;
+}
+.bs-select-popup > .popup-items > .popup-item .label.null-label { color: var(--bs-color-text-light);
+}
+.bs-select-popup > .popup-items > .popup-item.hovered { background-color: var(--bs-color-hover);
+}
+.bs-select-popup > .popup-items > .popup-item.selected-item { color: var(--bs-primary); font-weight: bold;
+}
+[data-theme="dark"] .bs-select-popup > .popup-items > .popup-item.selected-item { color: var(--bs-primary-400);
+}
+
+/* Styles defined in components.css */
+
+.bs-calendar { display: inline-flex; flex-direction: column; align-items: center;
+}
+.bs-calendar .bs-calendar-head { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0.5rem;
+}
+.bs-calendar .year-month { padding: 0.5rem 0.5rem 0.5rem 0; display: flex; gap: 0.25rem;
+}
+.bs-calendar .year-month .bs-button { border: 0; padding: 0;
+}
+.bs-calendar table { font-size: 0.75rem; line-height: 1rem; display: inline-table;
+}
+.bs-calendar table tr th,
+.bs-calendar table tr td { height: 34px; text-align: center; vertical-align: middle; padding-top: 0.25rem;
+}
+.bs-calendar table tr th { font-weight: 500;
+}
+.bs-calendar table tr td { cursor: pointer; user-select: none; text-align: center;
+}
+.bs-calendar table tr td > div { min-width: 34px; height: 34px; display: inline-flex; justify-content: center; align-items: center; aspect-ratio: 1;
+}
+.bs-calendar table tr td.today > div { background-color: var(--bs-calendar-today-bg); border-radius: 50%;
+}
+.bs-calendar table tr td.other-month > div { opacity: var(--bs-calendar-other-month-opacity);
+}
+.bs-calendar table tr td.dow-0 > div { color: var(--bs-calendar-sunday-text);
+}
+.bs-calendar table tr td.dow-6 > div { color: var(--bs-calendar-saturday-text);
+}
+.bs-calendar table tr td.selected > div { background-color: var(--bs-calendar-selected-bg); color: var(--bs-calendar-selected-text); border-radius: 50%;
+}
+.bs-calendar table tr td.range-selected > div { background-color: var(--bs-calendar-selected-bg); color: var(--bs-calendar-selected-text); border-radius: 0;
+}
+.bs-calendar table tr td:first-child.range-selected > div,
+.bs-calendar table tr td.range-selected-start > div { border-radius: 50% 0 0 50%;
+}
+.bs-calendar table tr td:last-child.range-selected > div,
+.bs-calendar table tr td.range-selected-end > div { border-radius: 0 50% 50% 0;
+}
+.bs-calendar table tr td.range-selected-start.range-selected-end > div,
+.bs-calendar table tr td:first-child.range-selected-end > div,
+.bs-calendar table tr td:last-child.range-selected-start > div { border-radius: 50%;
+}
+.bs-calendar table tr.weekdays { border-bottom: 1px solid var(--bs-calendar-weekdays-border);
+}
+.bs-calendar table.disabled { background-color: var(--bs-calendar-disabled-bg); border-radius: 4px; opacity: 0.7;
+}
+.bs-calendar table.disabled tr > td { cursor: default;
+}
+.bs-calendar .bs-calendar-time { margin-top: 0.5rem; align-self: stretch; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0.5rem;
+}
+.bs-calendar .bs-calendar-time .select-wrap { width: 100%; display: flex; justify-content: center; align-items: center; padding: 0.5rem; background-color: var(--bs-calendar-time-bg);
+}
+.bs-calendar .bs-calendar-time .select-wrap > span { padding: 0 0.25rem;
+}
+
+.bs-calendar-range .tilde {
+  font-size: 1.2rem;
+  padding: 0.5rem;
+}
+
+.bs-text-input.value-right input {
+  text-align: right;
+}
+.bs-text-input.value-center input {
+  text-align: center;
+}
+
+.bs-number-input.value-right input {
+  text-align: right;
+}
+.bs-number-input.value-center input {
+  text-align: center;
+}
+
+/* Styles defined in components.css */
+
+/* Styles defined in components.css */
+
+/* Styles defined in components.css */
+
+/* Styles defined in components.css */
+
+/* Styles defined in components.css */
+
+/* Styles defined in components.css */
+
+.bs-date-input-popup {
+  padding: 0.5rem 1rem;
+}
+.bs-date-input-popup .buttons {
+  display: flex;
+  gap: 0.25rem;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0.5rem;
+}
+.bs-date-input-popup .buttons .bs-button {
+  min-width: 5rem;
+}
+
+/* Styles defined in components.css */
+
+.bs-date-range-popup {
+  display: flex;
+  padding: 0.5rem 1rem;
+}
+.bs-date-range-popup .buttons {
+  display: flex;
+  gap: 0.25rem;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0.5rem;
+}
+.bs-date-range-popup .buttons .bs-button {
+  min-width: 5rem;
+}
+
+/* Styles defined in components.css */
+
+.bs-card-layout {
+  width: 100%;
+  border: 1px solid var(--bs-card-border);
+  border-radius: var(--bs-card-border-radius);
+  background-color: var(--bs-card-bg);
+  box-shadow: 4px 4px 4px var(--bs-gray-100);
+}
+.bs-card-layout > .card-layout-header {
+  height: 2.75rem;
+  border-radius: 0.25rem;
+  padding: var(--bs-card-header-padding-y) var(--bs-card-header-padding-x);
+  background-color: var(--bs-card-header-bg);
+  color: var(--bs-card-header-text);
+}
+.bs-card-layout.expanded > .card-layout-header {
+  border-bottom: 1px solid var(--bs-border-light);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.bs-card-layout .card-layout-title { font-size: 1rem; line-height: 1.5rem; margin-left: 0.375rem;
+}
+.bs-card-layout .expand-btn {
+  display: inline-block;
+  font-size: 1.4rem;
+  transition: transform 200ms;
+  transform: rotate(0);
+  color: var(--bs-gray-500);
+}
+.bs-card-layout.expanded .expand-btn { transform: rotate(90deg);
+}
+.bs-card-layout .title-icon {
+  font-size: 1.4rem;
+  color: var(--bs-gray-700);
+}
+.bs-card-layout .title-icon-box {
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.125rem;
+  margin: 0 0.375rem 0 0.25rem;
+  background-color: var(--bs-gray-700);
+}
+.bs-card-layout.blue > .card-layout-header { background-color: var(--bs-blue-bg);
+}
+.bs-card-layout.red > .card-layout-header { background-color: var(--bs-red-bg);
+}
+.bs-card-layout.orange > .card-layout-header { background-color: var(--bs-orange-bg);
+}
+.bs-card-layout.green > .card-layout-header { background-color: var(--bs-green-bg);
+}
+.bs-card-layout.gray > .card-layout-header { background-color: var(--bs-gray-bg);
+}
+
+.modal-wrapper {
+  position: fixed;
+  inset: 0;
+  z-index: 201;
+}
+.modal-wrapper > .modal-panel {
+  padding: 1.5rem;
+  outline: none;
+  cursor: move;
+  position: relative;
+  background-color: var(--bs-modal-bg);
+  color: var(--bs-modal-text);
+  border: 1px solid var(--bs-border);
+  border-radius: var(--bs-modal-border-radius);
+  box-shadow: var(--bs-modal-shadow);
+}
+.modal-wrapper > .modal-panel.maximized {
+  cursor: default;
+  margin: 0.5rem;
+  width: calc(100% - 16px) !important;
+  height: calc(100% - 16px) !important;
+}
+[data-theme="dark"] .modal-wrapper > .modal-panel {
+  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
+}
+
+.bs-modal-container .modal-curtain {
+  position: fixed;
+  inset: 0;
+  z-index: 200;
+  background-color: var(--bs-modal-overlay-bg);
+}
+
+.bs-modal-frame {
+  cursor: default;
+  height: 100%;
+}
+.bs-modal-frame > .title-bar {
+  padding-bottom: 1.5rem;
+}
+.bs-modal-frame > .title-bar .title {
+  font-size: 1.3846em;
+}
+.bs-modal-frame > .title-bar .title-buttons {
+  text-align: right;
+}
+.bs-modal-frame > .title-bar .close-btn {
+  padding: 0.25rem;
+}
+.bs-modal-frame > .title-bar .close-btn .bs-icon {
+  font-size: 1.6em;
+}
+.bs-modal-frame > .buttons {
+  padding-top: 1.5rem;
+}
+
+.bs-notification-container > .top-notification {
+  position: fixed;
+  z-index: 250;
+  top: 50px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.bs-notification-container > .top-notification > div {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 11px 0.75rem;
+  line-height: 1.4;
+  border: 1px solid var(--bs-notification-success-accent);
+  border-radius: var(--bs-notification-border-radius);
+  color: var(--bs-notification-success-accent);
+  background-color: var(--bs-notification-bg);
+  box-shadow: var(--bs-notification-shadow);
+}
+.bs-notification-container > .top-notification > div .notification-icon {
+  width: 1.0769em;
+  height: 1.0769em;
+  margin-right: 0.375rem;
+}
+.bs-notification-container > .top-notification > div.error {
+  border: 1px solid var(--bs-notification-error-accent);
+  color: var(--bs-notification-error-accent);
+}
+.bs-notification-container > .bottom-notification {
+  position: fixed;
+  z-index: 250;
+  bottom: 1.25rem;
+  right: 1.25rem;
+}
+.bs-notification-container > .bs-loading-icon {
+  position: fixed;
+  inset: 0;
+  z-index: 300;
+  background-color: #000;
+  opacity: 0.1;
+}
+.bs-notification-container > .bs-loading-icon > .bs-icon {
+  font-size: 52px;
+  opacity: 1;
+  color: var(--bs-white);
+}
+[data-theme="dark"] .bs-notification-container > .top-notification > div {
+  box-shadow: 0 4px 4px rgba(255, 255, 255, 0.1);
+}
+
+.bs-context-menu {
+  padding: 0.25rem 0;
+  min-width: 7.5rem;
+  overflow: auto;
+  cursor: default;
+  min-height: auto;
+  max-height: 500px;
+  background-color: var(--bs-context-menu-bg);
+  color: var(--bs-context-menu-text);
+  border: 1px solid var(--bs-context-menu-border);
+  border-radius: var(--bs-context-menu-border-radius);
+  box-shadow: var(--bs-context-menu-shadow);
+}
+.bs-context-menu > .menu {
+  padding: 0.375rem 0.75rem;
+  display: flex;
+  align-items: flex-start;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.bs-context-menu > .menu.disabled {
+  color: var(--bs-gray-400);
+}
+.bs-context-menu > .menu:not(.disabled):hover {
+  background-color: var(--bs-context-menu-item-hover-bg);
+}
+.bs-context-menu > .menu.has-submenu::after {
+  content: "chevron_right";
+  position: absolute;
+  right: 0.125rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  max-width: 1em;
+  font-family: var(--bs-icon-font-family);
+}
+.bs-context-menu > .menu.separator {
+  padding: 0;
+  margin: 0.25rem 0;
+  border-bottom: 1px solid var(--bs-context-menu-separator);
+}
+.bs-context-menu > .menu.no-padding {
+  padding: 0;
+}
+.bs-context-menu > .menu a {
+  text-decoration-line: none;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  color: var(--bs-context-menu-text);
+}
+
+.bs-context-menu-container .context-menu-curtain {
+  position: fixed;
+  inset: 0;
+  z-index: 300;
+}