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

package/dist/open-bluesea-core.css

@@ -1 +1,2989 @@
-.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-leading: initial;
+      --tw-font-weight: initial;
+      --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-duration: 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;
+    --text-xs: .75rem;
+    --text-xs--line-height: calc(1 / .75);
+    --text-sm: .875rem;
+    --text-sm--line-height: calc(1.25 / .875);
+    --text-base: 1rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --font-weight-normal: 400;
+    --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 {
+  .absolute {
+    position: absolute;
+  }
+
+  .fixed {
+    position: fixed;
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+
+  .top-\[50px\] {
+    top: 50px;
+  }
+
+  .right-0\.5 {
+    right: calc(var(--spacing) * .5);
+  }
+
+  .bottom-5 {
+    bottom: calc(var(--spacing) * 5);
+  }
+
+  .left-1\/2 {
+    left: 50%;
+  }
+
+  .z-\[250\] {
+    z-index: 250;
+  }
+
+  .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;
+    }
+  }
+
+  .mx-1\.5 {
+    margin-inline: calc(var(--spacing) * 1.5);
+  }
+
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+
+  .mr-1 {
+    margin-right: calc(var(--spacing) * 1);
+  }
+
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .inline-block {
+    display: inline-block;
+  }
+
+  .inline-flex {
+    display: inline-flex;
+  }
+
+  .table {
+    display: table;
+  }
+
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
+
+  .h-\[1\.0769em\] {
+    height: 1.0769em;
+  }
+
+  .h-\[26px\] {
+    height: 26px;
+  }
+
+  .h-\[34px\] {
+    height: 34px;
+  }
+
+  .h-full {
+    height: 100%;
+  }
+
+  .max-h-\[300px\] {
+    max-height: 300px;
+  }
+
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
+
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+
+  .w-\[1\.0769em\] {
+    width: 1.0769em;
+  }
+
+  .w-full {
+    width: 100%;
+  }
+
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+
+  .min-w-12 {
+    min-width: calc(var(--spacing) * 12);
+  }
+
+  .min-w-30 {
+    min-width: calc(var(--spacing) * 30);
+  }
+
+  .min-w-80 {
+    min-width: calc(var(--spacing) * 80);
+  }
+
+  .min-w-\[34px\] {
+    min-width: 34px;
+  }
+
+  .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-between {
+    justify-content: space-between;
+  }
+
+  .justify-center {
+    justify-content: center;
+  }
+
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * .5);
+  }
+
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+
+  .self-stretch {
+    align-self: stretch;
+  }
+
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .overflow-auto {
+    overflow: auto;
+  }
+
+  .overflow-hidden {
+    overflow: hidden;
+  }
+
+  .rounded {
+    border-radius: .25rem;
+  }
+
+  .rounded-none {
+    border-radius: 0;
+  }
+
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+
+  .p-0\.5 {
+    padding: calc(var(--spacing) * .5);
+  }
+
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+
+  .px-16 {
+    padding-inline: calc(var(--spacing) * 16);
+  }
+
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
+
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * .5);
+  }
+
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+
+  .py-\[11px\] {
+    padding-block: 11px;
+  }
+
+  .pr-2 {
+    padding-right: calc(var(--spacing) * 2);
+  }
+
+  .pl-0 {
+    padding-left: calc(var(--spacing) * 0);
+  }
+
+  .text-center {
+    text-align: center;
+  }
+
+  .align-middle {
+    vertical-align: middle;
+  }
+
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+
+  .text-\[1\.2rem\] {
+    font-size: 1.2rem;
+  }
+
+  .text-\[1\.4rem\] {
+    font-size: 1.4rem;
+  }
+
+  .text-\[52px\] {
+    font-size: 52px;
+  }
+
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .no-underline {
+    text-decoration-line: none;
+  }
+
+  .underline {
+    text-decoration-line: underline;
+  }
+
+  .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-transform {
+    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));
+  }
+
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+}
+
+:root {
+  --white: #fff;
+  --black: #000;
+  --gray-100: #fafafa;
+  --gray-200: #eaeaea;
+  --gray-300: #ccc;
+  --gray-400: #a9a9a9;
+  --gray-500: #666;
+  --gray-600: #555;
+  --gray-700: #444;
+  --gray-800: #292929;
+  --primary-100: #eaf1fe;
+  --primary-200: #def;
+  --primary-300: #b7d2fa;
+  --primary-400: #a4b4ff;
+  --primary-500: #5672ef;
+  --primary-600: #232e8f;
+  --blue: #5672ef;
+  --blue-bg: #def;
+  --red: #eb0000;
+  --red-bg: #ffe3e2;
+  --orange: #f99341;
+  --orange-bg: #fff8de;
+  --green: #2fa04d;
+  --green-bg: #e9fee7;
+  --purple: #945bd9;
+  --purple-bg: #ead8ff;
+  --gray-bg: #eaeaea;
+  --color-text: #555;
+  --color-text-light: #a9a9a9;
+  --color-gray: #666;
+  --color-gray-border: #ccc;
+  --color-icon-light: #d5d5d5;
+  --color-hover: #e8eefc;
+  --color-focus: #5672ef;
+  --color-error: #eb0000;
+  --primary: #5672ef;
+  --secondary: #f99341;
+  --success: #2fa04d;
+  --info: #5672ef;
+  --warning: #f99341;
+  --danger: #eb0000;
+  --light: #fafafa;
+  --dark: #444;
+  --gray: #a9a9a9;
+  --border: #ccc;
+  --border-light: #eaeaea;
+  --border-hover: #000;
+  --border-width: 1px;
+  --border-radius: .25rem;
+  --border-radius-lg: .3rem;
+  --border-radius-sm: .2rem;
+  --rounded-pill: 50rem;
+  --rounded-circle: 50%;
+  --border-input: .8px solid #eaeaea;
+  --header-bg: #5672ef;
+  --header-text: #fff;
+  --body-bg: #fff;
+  --body-text: #000;
+  --button-default-bg: #fff;
+  --button-default-text: #555;
+  --header-tab-bg: #a4b4ff;
+  --header-tab-selected: #fff;
+  --header-tab-text: #555;
+  --colored-bg: #eaf1fe;
+  --radio-group: #a9a9a9;
+  --icon-font-family: Material Symbols Outlined, monospace;
+}
+
+[data-theme="dark"] {
+  --body-bg: #1a1a1a;
+  --body-text: #fff;
+  --button-default-bg: #333;
+  --button-default-text: #fff;
+  --border-hover: #fff;
+  --color-hover: #2a2a2a;
+  --colored-bg: #2a2a2a;
+}
+
+.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 {
+  margin-top: calc(var(--spacing) * 1);
+  font-size: .9em;
+}
+
+.bs-box-component-base {
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  height: 26px;
+  display: inline-flex;
+}
+
+.bs-input-wrap {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-input-wrap .message {
+  margin-top: calc(var(--spacing) * 1);
+  font-size: .9em;
+}
+
+.bs-input-wrap .suffix, .bs-input-wrap .prefix {
+  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;
+  background-color: var(--gray-200);
+  color: var(--body-text);
+  font-size: .9em;
+  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 .font-icon, .bs-input-wrap .prefix .font-icon {
+  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();
+}
+
+.bs-input-base {
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  height: 26px;
+  display: inline-flex;
+}
+
+.bs-input-base > input {
+  border-style: var(--tw-border-style);
+  width: 100%;
+  padding-inline: calc(var(--spacing) * 1.5);
+  --tw-outline-style: none;
+  color: var(--body-text);
+  background-color: #0000;
+  border-width: 0;
+  border-radius: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+}
+
+.bs-input-base > textarea {
+  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;
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  border-width: 0;
+  border-radius: .25rem;
+  outline-style: none;
+  flex-grow: 1;
+  align-self: stretch;
+}
+
+.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 {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-text-input > .input-area {
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  height: 26px;
+  display: inline-flex;
+}
+
+.bs-text-input > .input-area:hover {
+  border-color: var(--border-hover);
+}
+
+.bs-text-input > .input-area:has(:focus) {
+  border-color: var(--color-focus);
+}
+
+.bs-text-input > .input-area > input {
+  border-radius: 0;
+  border-radius: var(--radius-sm);
+  border-style: var(--tw-border-style);
+  width: 100%;
+  padding-inline: calc(var(--spacing) * 1.5);
+  --tw-outline-style: none;
+  color: var(--body-text);
+  background-color: #0000;
+  border-width: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+}
+
+.bs-number-input {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-number-input > .input-area {
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  height: 26px;
+  display: inline-flex;
+}
+
+.bs-number-input > .input-area:hover {
+  border-color: var(--border-hover);
+}
+
+.bs-number-input > .input-area:has(:focus) {
+  border-color: var(--color-focus);
+}
+
+.bs-number-input > .input-area > input {
+  border-style: var(--tw-border-style);
+  width: 100%;
+  padding-inline: calc(var(--spacing) * 1.5);
+  --tw-outline-style: none;
+  color: var(--body-text);
+  background-color: #0000;
+  border-width: 0;
+  border-radius: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+}
+
+.bs-text-area {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-text-area .input-area {
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background-color: var(--body-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(--radius-sm);
+  padding: calc(var(--spacing) * 2);
+}
+
+.bs-text-area .input-area:hover {
+  border-color: var(--border-hover);
+}
+
+.bs-text-area .input-area:has(:focus) {
+  border-color: var(--color-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 {
+  white-space: nowrap;
+  color: var(--body-text);
+  display: inline-block;
+}
+
+.bs-checkbox input {
+  margin: calc(var(--spacing) * 0);
+  appearance: none;
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.bs-checkbox input:before {
+  content: "check_box_outline_blank";
+  cursor: pointer;
+  vertical-align: middle;
+  font-size: var(--text-xl);
+  line-height: var(--tw-leading, var(--text-xl--line-height));
+  font-family: var(--icon-font-family);
+  color: var(--body-text);
+}
+
+.bs-checkbox input:hover, .bs-checkbox input:hover ~ label {
+  color: var(--gray-500);
+}
+
+.bs-checkbox input:focus:before, .bs-checkbox input:focus ~ label {
+  color: var(--color-focus);
+}
+
+.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.modified input:before, .bs-checkbox.modified input ~ label {
+  color: var(--purple) !important;
+}
+
+.bs-checkbox.error input:before, .bs-checkbox.error input ~ label {
+  color: var(--danger) !important;
+}
+
+.bs-checkbox.disabled input:before, .bs-checkbox.disabled input ~ label {
+  color: var(--gray-400) !important;
+}
+
+.bs-checkbox label {
+  cursor: pointer;
+  padding-inline: calc(var(--spacing) * .5);
+  padding-block: calc(var(--spacing) * 1);
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.bs-radio-button {
+  white-space: nowrap;
+  color: var(--body-text);
+  display: inline-block;
+}
+
+.bs-radio-button input {
+  margin: calc(var(--spacing) * 0);
+  appearance: none;
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.bs-radio-button input:before {
+  content: "radio_button_unchecked";
+  cursor: pointer;
+  vertical-align: middle;
+  font-size: var(--text-xl);
+  line-height: var(--tw-leading, var(--text-xl--line-height));
+  font-family: var(--icon-font-family);
+  color: var(--body-text);
+}
+
+.bs-radio-button .font-icon, .bs-radio-button .text-label {
+  vertical-align: middle;
+}
+
+.bs-radio-button.checked input:before {
+  content: "radio_button_checked";
+}
+
+.bs-select {
+  min-width: calc(var(--spacing) * 16);
+  --tw-outline-style: none;
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  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(--border-hover);
+}
+
+.bs-select:focus > .selected {
+  border-color: var(--color-focus);
+}
+
+.bs-select > .selected {
+  cursor: pointer;
+  border-radius: var(--radius-sm);
+  min-width: 100%;
+  height: 26px;
+  padding-inline: calc(var(--spacing) * 1.5);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+.bs-select > .selected .label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.bs-select > .selected .placeholder {
+  text-overflow: ellipsis;
+  color: var(--gray-400);
+  overflow: hidden;
+}
+
+.bs-select > .selected .dropdown-btn {
+  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;
+  font-family: var(--icon-font-family);
+  transition-duration: .2s;
+}
+
+.bs-select.popup-open .dropdown-btn {
+  rotate: 180deg;
+}
+
+.bs-select.modified > .selected {
+  border-color: var(--purple) !important;
+}
+
+.bs-select.error > .selected {
+  border-color: var(--danger) !important;
+  color: var(--danger) !important;
+}
+
+.bs-select.disabled > .selected {
+  border-color: var(--border) !important;
+  background-color: var(--gray-100) !important;
+  color: var(--gray-500) !important;
+}
+
+.bs-select.view-mode {
+  background-color: #0000;
+}
+
+.bs-select .small-progress {
+  top: calc(var(--spacing) * 0);
+  padding-inline: calc(var(--spacing) * .5);
+  font-size: .9em;
+  font-family: var(--icon-font-family);
+  color: var(--gray-400);
+  animation: 1s linear infinite spin;
+  position: absolute;
+  left: 100%;
+}
+
+.bs-multi-select {
+  min-width: calc(var(--spacing) * 16);
+  --tw-outline-style: none;
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  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(--border-hover);
+}
+
+.bs-multi-select:focus > .selected {
+  border-color: var(--color-focus);
+}
+
+.bs-multi-select > .selected {
+  cursor: pointer;
+  border-radius: var(--radius-sm);
+  min-width: 100%;
+  height: 26px;
+  padding-inline: calc(var(--spacing) * 1.5);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  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 {
+  text-overflow: ellipsis;
+  color: var(--gray-400);
+  overflow: hidden;
+}
+
+.bs-multi-select > .selected .dropdown-btn {
+  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;
+  font-family: var(--icon-font-family);
+  transition-duration: .2s;
+}
+
+.bs-multi-select.popup-open .dropdown-btn {
+  rotate: 180deg;
+}
+
+.bs-multi-select.modified > .selected {
+  border-color: var(--purple) !important;
+}
+
+.bs-multi-select.error > .selected {
+  border-color: var(--danger) !important;
+  color: var(--danger) !important;
+}
+
+.bs-multi-select.disabled > .selected {
+  border-color: var(--border) !important;
+  background-color: var(--gray-100) !important;
+  color: var(--gray-500) !important;
+}
+
+.bs-multi-select .small-progress {
+  top: calc(var(--spacing) * 0);
+  padding-inline: calc(var(--spacing) * .5);
+  font-size: .9em;
+  font-family: var(--icon-font-family);
+  color: var(--gray-400);
+  animation: 1s linear infinite spin;
+  position: absolute;
+  left: 100%;
+}
+
+.bs-checkbox-group {
+  display: inline-block;
+}
+
+.bs-checkbox-group > .items {
+  column-gap: calc(var(--spacing) * 2);
+  row-gap: calc(var(--spacing) * 1);
+  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 {
+  column-gap: calc(var(--spacing) * 2);
+  row-gap: calc(var(--spacing) * 1);
+  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 {
+  gap: calc(var(--spacing) * 0);
+  background-color: var(--body-bg);
+  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 {
+  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;
+  color: #999;
+  padding: 7px;
+  transition-duration: .4s;
+  position: relative;
+}
+
+.bs-radio-button-group.switch-style .bs-radio-button label:after {
+  content: "";
+  top: calc(var(--spacing) * 0);
+  z-index: -1;
+  background-color: #000;
+  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 {
+  z-index: 1;
+  --tw-font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-medium);
+  color: var(--white);
+  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(--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 {
+  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-radius: var(--radius-sm);
+  padding-inline: calc(var(--spacing) * 2);
+  white-space: nowrap;
+  border: 1px solid var(--border);
+  color: var(--body-text);
+  line-height: 22.9px;
+}
+
+.bs-radio-button-group.button-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 {
+  color: var(--white);
+}
+
+.bs-radio-button-group.button-style.disabled .bs-radio-button.checked label {
+  color: var(--white) !important;
+}
+
+.bs-radio-button-group.button-style.modified .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: 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 {
+  padding-inline: calc(var(--spacing) * 2);
+  white-space: nowrap;
+  border: 1px solid var(--border);
+  color: var(--body-text);
+  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(--radio-group);
+  border-color: var(--radio-group);
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button.checked label span {
+  color: var(--white);
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button:first-child > label {
+  border-top-left-radius: var(--radius-sm);
+  border-bottom-left-radius: var(--radius-sm);
+}
+
+.bs-radio-button-group.button-group-style .bs-radio-button:last-child > label {
+  border-top-right-radius: var(--radius-sm);
+  border-bottom-right-radius: var(--radius-sm);
+}
+
+.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-date-input {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  width: 200px;
+  display: inline-flex;
+}
+
+.bs-date-input .input-area {
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  height: 26px;
+  display: inline-flex;
+}
+
+.bs-date-input .input-area:hover {
+  border-color: var(--border-hover);
+}
+
+.bs-date-input .input-area:has(:focus) {
+  border-color: var(--color-focus);
+}
+
+.bs-date-input .input-area .font-icon {
+  min-width: 26px;
+  padding-inline: calc(var(--spacing) * 1.5);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+
+.bs-date-input .input-area input {
+  border-style: var(--tw-border-style);
+  width: 100%;
+  padding-inline: calc(var(--spacing) * 1.5);
+  --tw-outline-style: none;
+  border-width: 0;
+  border-left: 1px solid var(--border);
+  color: var(--body-text);
+  background-color: #0000;
+  border-radius: 0;
+  outline-style: none;
+  flex-grow: 1;
+  flex-basis: 1em;
+  align-self: stretch;
+}
+
+.bs-date-input.disabled .font-icon {
+  color: var(--gray-400);
+}
+
+.bs-date-range {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+}
+
+.bs-date-range .input-area {
+  border-radius: var(--radius-sm);
+  width: 100%;
+  height: 26px;
+  padding-right: calc(var(--spacing) * 2);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+.bs-date-range .input-area:hover {
+  border-color: var(--border-hover);
+}
+
+.bs-date-range .input-area:has(:focus) {
+  border-color: var(--color-focus);
+}
+
+.bs-date-range .input-area .font-icon {
+  min-width: 26px;
+  padding-inline: calc(var(--spacing) * 1.5);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+
+.bs-date-range .input-area .font-icon + input {
+  border-left: 1px solid var(--border);
+}
+
+.bs-date-range .input-area input {
+  width: calc(var(--spacing) * 16);
+  border-style: var(--tw-border-style);
+  padding-right: calc(var(--spacing) * 0);
+  --tw-outline-style: none;
+  color: var(--body-text);
+  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(--gray-400);
+  background-color: var(--gray-100) !important;
+}
+
+.bs-date-range.disabled .font-icon {
+  color: var(--gray-400);
+}
+
+.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 {
+  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 {
+  color: var(--gray-400) !important;
+  background-color: var(--gray-100) !important;
+}
+
+.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 {
+  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(--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(--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(--icon-font-family);
+}
+
+.bs-calendar .extra-dates, .bs-calendar-range .extra-dates {
+  padding-top: calc(var(--spacing) * 2);
+  border-top: 1px solid var(--border);
+}
+
+.bs-checkbox-base {
+  white-space: nowrap;
+  color: var(--body-text);
+  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 {
+  cursor: pointer;
+  vertical-align: middle;
+  font-size: var(--text-xl);
+  line-height: var(--tw-leading, var(--text-xl--line-height));
+  font-family: var(--icon-font-family);
+  color: var(--body-text);
+}
+
+.bs-checkbox-base input:hover, .bs-checkbox-base input:hover ~ label {
+  color: var(--gray-500);
+}
+
+.bs-checkbox-base input:focus:before, .bs-checkbox-base input:focus ~ label {
+  color: var(--color-focus);
+}
+
+.bs-checkbox-base.modified input:before, .bs-checkbox-base.modified input ~ label {
+  color: var(--purple) !important;
+}
+
+.bs-checkbox-base.error input:before, .bs-checkbox-base.error input ~ label {
+  color: var(--danger) !important;
+}
+
+.bs-checkbox-base.disabled input:before, .bs-checkbox-base.disabled input ~ label {
+  color: var(--gray-400) !important;
+}
+
+.bs-checkbox-base label {
+  cursor: pointer;
+  padding-inline: calc(var(--spacing) * .5);
+  padding-block: calc(var(--spacing) * 1);
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.bs-checkbox-group.modified .bs-checkbox:not(.disabled) input:before, .bs-checkbox-group.modified .bs-checkbox:not(.disabled) input ~ label, .bs-radio-button-group.modified .bs-radio-button:not(.disabled) input:before, .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-checkbox:not(.disabled) input ~ label, .bs-radio-button-group.error .bs-radio-button:not(.disabled) input:before, .bs-radio-button-group.error .bs-radio-button:not(.disabled) input ~ label {
+  color: var(--danger) !important;
+}
+
+.bs-checkbox-group.disabled input:before, .bs-checkbox-group.disabled input ~ label, .bs-radio-button-group.disabled input:before, .bs-radio-button-group.disabled input ~ label {
+  color: var(--gray-400) !important;
+}
+
+.bs-select-wrap {
+  min-width: calc(var(--spacing) * 16);
+  --tw-outline-style: none;
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  outline-style: none;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: inline-flex;
+  position: relative;
+}
+
+.bs-select-wrap .message {
+  margin-top: calc(var(--spacing) * 1);
+  font-size: .9em;
+}
+
+.bs-select-wrap:hover > .selected {
+  border-color: var(--border-hover);
+}
+
+.bs-select-wrap:focus > .selected {
+  border-color: var(--color-focus);
+}
+
+.bs-select-wrap > .selected {
+  cursor: pointer;
+  border-radius: var(--radius-sm);
+  min-width: 100%;
+  height: 26px;
+  padding-inline: calc(var(--spacing) * 1.5);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+.bs-select-wrap > .selected .label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.bs-select-wrap > .selected .placeholder {
+  text-overflow: ellipsis;
+  color: var(--gray-400);
+  overflow: hidden;
+}
+
+.bs-select-wrap > .selected .dropdown-btn {
+  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;
+  font-family: var(--icon-font-family);
+  transition-duration: .2s;
+}
+
+.bs-select-wrap.popup-open .dropdown-btn {
+  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: #0000;
+}
+
+.bs-select-wrap .small-progress {
+  top: calc(var(--spacing) * 0);
+  padding-inline: calc(var(--spacing) * .5);
+  font-size: .9em;
+  font-family: var(--icon-font-family);
+  color: var(--gray-400);
+  animation: 1s linear infinite spin;
+  position: absolute;
+  left: 100%;
+}
+
+.bs-field-error {
+  margin-top: calc(var(--spacing) * 1);
+  color: var(--color-error);
+}
+
+.component-shadow-base {
+  box-shadow: 2px 2px 8px #0000001a;
+}
+
+[data-theme="dark"] .component-shadow-base {
+  box-shadow: 2px 2px 8px #ffffff1a;
+}
+
+.font-icon {
+  max-width: 1em;
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  font-family: var(--icon-font-family);
+}
+
+.font-icon.filled {
+  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 48;
+}
+
+.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(--gray-400);
+  font-size: .923em;
+}
+
+.bs-drop-position {
+  z-index: 100;
+  border-radius: var(--radius-sm);
+  opacity: .7;
+  border: 1px solid var(--primary);
+  background-color: var(--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-leading {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@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-duration {
+  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;
+}
+/*! 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-leading: initial;
+      --tw-font-weight: initial;
+}
+}
+}
+.bs-button {
+  cursor: pointer;
+  border-radius: var(--radius-sm, .25rem);
+  height: 26px;
+  padding-inline: calc(var(--spacing, .25rem) * 2);
+  padding-block: calc(var(--spacing, .25rem) * 1);
+  vertical-align: middle;
+  --tw-leading: 1;
+  --tw-font-weight: var(--font-weight-normal, 400);
+  line-height: 1;
+  font-weight: var(--font-weight-normal, 400);
+  white-space: nowrap;
+  color: var(--color-text);
+  border: none;
+  justify-content: center;
+  align-items: center;
+  margin-right: 1px;
+  text-decoration-line: none;
+  display: inline-flex;
+}
+.bs-button.border-0 > .font-icon.left {
+  margin-right: 0;
+}
+.bs-button.border-0 > .font-icon.right {
+  margin-left: 0;
+}
+.bs-button.bg-transparent:not(:disabled):hover, .bs-button.bg-transparent:not(:disabled):active {
+  opacity: .8;
+}
+.bs-button:disabled {
+  cursor: default;
+  opacity: .6;
+}
+.bs-button.default {
+  background-color: var(--button-default-bg);
+  border: 1px solid var(--border);
+  color: var(--button-default-text);
+}
+.bs-button.default:not(:disabled):hover {
+  background-color: var(--gray-100);
+}
+.bs-button.default:not(:disabled):active {
+  background-color: var(--gray-200);
+}
+.bs-button.blue {
+  background-color: var(--blue);
+  border: 1px solid var(--blue);
+  color: var(--white);
+}
+.bs-button.blue:not(:disabled):hover {
+  background-color: var(--blue);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.blue:not(:disabled):hover {
+    background-color: color-mix(in srgb, var(--blue) 90%, black 10%);
+}
+}
+.bs-button.blue:not(:disabled):active {
+  background-color: var(--blue);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.blue:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--blue) 80%, black 20%);
+}
+}
+.bs-button.red {
+  background-color: var(--red);
+  color: var(--white);
+}
+.bs-button.red:not(:disabled):hover {
+  background-color: var(--red);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.red:not(:disabled):hover {
+    background-color: color-mix(in srgb, var(--red) 90%, black 10%);
+}
+}
+.bs-button.red:not(:disabled):active {
+  background-color: var(--red);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.red:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--red) 80%, black 20%);
+}
+}
+.bs-button.orange {
+  background-color: var(--orange);
+  color: var(--white);
+}
+.bs-button.orange:not(:disabled):hover {
+  background-color: var(--orange);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.orange:not(:disabled):hover {
+    background-color: color-mix(in srgb, var(--orange) 90%, black 10%);
+}
+}
+.bs-button.orange:not(:disabled):active {
+  background-color: var(--orange);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.orange:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--orange) 80%, black 20%);
+}
+}
+.bs-button.green {
+  background-color: var(--green);
+  color: var(--white);
+}
+.bs-button.green:not(:disabled):hover {
+  background-color: var(--green);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.green:not(:disabled):hover {
+    background-color: color-mix(in srgb, var(--green) 90%, black 10%);
+}
+}
+.bs-button.green:not(:disabled):active {
+  background-color: var(--green);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.green:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--green) 80%, black 20%);
+}
+}
+.bs-button.gray {
+  background-color: var(--gray);
+  color: var(--white);
+}
+.bs-button.gray:not(:disabled):hover {
+  background-color: var(--gray);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.gray:not(:disabled):hover {
+    background-color: color-mix(in srgb, var(--gray) 90%, black 10%);
+}
+}
+.bs-button.gray:not(:disabled):active {
+  background-color: var(--gray);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.gray:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--gray) 80%, black 20%);
+}
+}
+.bs-button.black {
+  background-color: var(--black);
+  color: var(--white);
+}
+.bs-button.black:not(:disabled):hover {
+  background-color: var(--black);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.black:not(:disabled):hover {
+    background-color: color-mix(in srgb, var(--black) 90%, black 10%);
+}
+}
+.bs-button.black:not(:disabled):active {
+  background-color: var(--black);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.black:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--black) 80%, black 20%);
+}
+}
+.bs-button.underline {
+  padding-inline: calc(var(--spacing, .25rem) * 2);
+  padding-block: calc(var(--spacing, .25rem) * 0);
+  text-underline-offset: 2px;
+  background-color: var(--button-default-bg);
+  color: var(--button-default-text);
+  border: 0;
+  border-radius: 0;
+  text-decoration-line: underline;
+}
+.bs-button.underline.blue:not(:disabled):hover {
+  background-color: var(--blue);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.underline.blue:not(:disabled):hover {
+    background-color: color-mix(in srgb, var(--blue) 95%, black 5%);
+}
+}
+.bs-button.underline.blue:not(:disabled):active {
+  background-color: var(--blue);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.underline.blue:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--blue) 90%, black 10%);
+}
+}
+.bs-button.underline.red:not(:disabled):active {
+  background-color: var(--red);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.underline.red:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--red) 90%, black 10%);
+}
+}
+.bs-button.underline.orange:not(:disabled):active {
+  background-color: var(--orange);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.underline.orange:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--orange) 90%, black 10%);
+}
+}
+.bs-button.underline.green:not(:disabled):active {
+  background-color: var(--green);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.underline.green:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--green) 90%, black 10%);
+}
+}
+.bs-button.underline.gray:not(:disabled):active {
+  background-color: var(--gray);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.bs-button.underline.gray:not(:disabled):active {
+    background-color: color-mix(in srgb, var(--gray) 90%, black 10%);
+}
+}
+[data-theme="dark"] .bs-button.default:not(:disabled):hover {
+  background-color: var(--gray-800);
+}
+[data-theme="dark"] .bs-button.default:not(:disabled):active {
+  background-color: var(--gray-700);
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+/*! 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-leading: initial;
+}
+}
+}
+.page-navigation {
+  justify-content: center;
+  align-items: center;
+  gap: calc(var(--spacing, .25rem) * .5);
+  padding: calc(var(--spacing, .25rem) * 2);
+  --tw-leading: 1;
+  color: var(--body-text);
+  line-height: 1;
+  display: flex;
+}
+.page-navigation > span {
+  cursor: pointer;
+  padding-inline: calc(var(--spacing, .25rem) * 1.5);
+  padding-block: calc(var(--spacing, .25rem) * 1);
+  -webkit-user-select: none;
+  user-select: none;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+.page-navigation > span:hover {
+  filter: opacity(75%);
+}
+.page-navigation > span:active {
+  filter: opacity(50%);
+}
+.page-navigation > span.on {
+  border-radius: var(--radius-sm, .25rem);
+  background-color: var(--primary-300);
+}
+.page-navigation > span:not(.page) {
+  padding: calc(var(--spacing, .25rem) * .5);
+  font-size: 1.4em;
+}
+.page-navigation > span.disabled {
+  cursor: default;
+  color: var(--gray-400);
+  filter: opacity(40%);
+}
+.page-navigation > span:not(.disabled):hover {
+  border-radius: var(--radius-sm, .25rem);
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-loading-icon {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.bs-loading-icon > .font-icon {
+  animation: 1s linear infinite spin;
+}
+@keyframes spin {
+to {
+    transform: rotate(360deg);
+}
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-popup {
+  min-height: calc(var(--spacing, .25rem) * 6);
+  min-width: calc(var(--spacing, .25rem) * 12);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  z-index: 300;
+  border-radius: .25rem;
+  position: fixed;
+  box-shadow: 2px 2px 8px #0000001a;
+}
+[data-theme="dark"] .bs-popup {
+  box-shadow: 2px 2px 8px #ffffff1a;
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-tooltip {
+  max-width: calc(var(--spacing, .25rem) * 60);
+  padding: calc(var(--spacing, .25rem) * 2);
+  z-index: 10000;
+  border: 1px solid var(--primary);
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  border-radius: .25rem;
+  position: fixed;
+  box-shadow: 0 1px 3px #0003, 0 1px 2px -1px #0003;
+}
+.bs-tooltip:before {
+  height: calc(var(--spacing, .25rem) * 3);
+  width: calc(var(--spacing, .25rem) * 3);
+  border-radius: var(--radius-sm, .25rem);
+  content: " ";
+  border: 1px solid var(--primary);
+  background-color: var(--body-bg);
+  clip-path: polygon(0% 10%, 0% 100%, 90% 100%);
+  z-index: -1;
+  position: absolute;
+  top: -6px;
+  left: calc(50% - 6px);
+  transform: rotate(135deg);
+}
+.bs-tooltip.center {
+  transform: translateX(-50%);
+}
+.bs-tooltip > div {
+  overflow: auto;
+}
+/*! 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-leading: initial;
+      --tw-outline-style: solid;
+}
+}
+}
+.bs-select-popup {
+  max-height: 300px;
+  min-width: calc(var(--spacing, .25rem) * 30);
+  --tw-leading: 1;
+  line-height: 1;
+  overflow: hidden;
+}
+.bs-select-popup > .popup-search {
+  padding: calc(var(--spacing, .25rem) * 1);
+}
+.bs-select-popup > .popup-search > input {
+  border-radius: var(--radius-sm, .25rem);
+  width: 100%;
+  padding-inline: calc(var(--spacing, .25rem) * 1);
+  padding-block: calc(var(--spacing, .25rem) * .5);
+  outline-style: var(--tw-outline-style);
+  border: 1px solid var(--border);
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  outline-width: 0;
+}
+.bs-select-popup > .popup-search > input:focus {
+  border-color: var(--color-focus);
+}
+.bs-select-popup > .popup-items {
+  flex-grow: 1;
+  height: 100%;
+  overflow: auto;
+}
+.bs-select-popup > .popup-items > .popup-item {
+  height: calc(var(--spacing, .25rem) * 7);
+  cursor: pointer;
+  padding-inline: calc(var(--spacing, .25rem) * 4);
+  padding-block: calc(var(--spacing, .25rem) * 1.5);
+  align-items: center;
+  display: flex;
+}
+.bs-select-popup > .popup-items > .popup-item .checkbox {
+  margin-left: calc(var(--spacing, .25rem) * -2.5);
+  width: calc(var(--spacing, .25rem) * 5);
+  display: inline-flex;
+}
+.bs-select-popup > .popup-items > .popup-item .checkbox:before {
+  content: "";
+  margin-right: calc(var(--spacing, .25rem) * .5);
+  font-size: var(--text-base, 1rem);
+  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  font-family: var(--icon-font-family);
+  color: var(--color-text);
+}
+.bs-select-popup > .popup-items > .popup-item .label {
+  cursor: pointer;
+  white-space: nowrap;
+  flex-grow: 1;
+}
+.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: bold;
+}
+.bs-select-popup > .popup-items > .popup-item.selected-item .checkbox:before {
+  content: "check";
+  color: var(--primary);
+}
+[data-theme="dark"] .bs-select-popup > .popup-items > .popup-item.selected-item, [data-theme="dark"] .bs-select-popup > .popup-items > .popup-item.selected-item .checkbox:before {
+  color: var(--primary-400);
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+/* Styles defined in components.css */
+/*! 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-font-weight: initial;
+}
+}
+}
+.bs-calendar {
+  flex-direction: column;
+  align-items: center;
+  display: inline-flex;
+}
+.bs-calendar .bs-calendar-head {
+  justify-content: space-between;
+  align-items: center;
+  gap: calc(var(--spacing, .25rem) * 2);
+  flex-direction: row;
+  display: flex;
+}
+.bs-calendar .year-month {
+  gap: calc(var(--spacing, .25rem) * 1);
+  padding-block: calc(var(--spacing, .25rem) * 2);
+  padding-right: calc(var(--spacing, .25rem) * 2);
+  padding-left: calc(var(--spacing, .25rem) * 0);
+  display: flex;
+}
+.bs-calendar .year-month .bs-button {
+  border: 0;
+  padding: 0;
+}
+.bs-calendar table {
+  font-size: var(--text-xs, .75rem);
+  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
+  display: inline-table;
+}
+.bs-calendar table tr th, .bs-calendar table tr td {
+  height: 34px;
+  padding-top: calc(var(--spacing, .25rem) * 1);
+  text-align: center;
+  vertical-align: middle;
+}
+.bs-calendar table tr th {
+  --tw-font-weight: var(--font-weight-medium, 500);
+  font-weight: var(--font-weight-medium, 500);
+}
+.bs-calendar table tr td {
+  cursor: pointer;
+  text-align: center;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.bs-calendar table tr td > div {
+  aspect-ratio: 1;
+  justify-content: center;
+  align-items: center;
+  min-width: 34px;
+  height: 34px;
+  display: inline-flex;
+}
+.bs-calendar table tr td.today > div {
+  background-color: var(--gray-200);
+  border-radius: 50%;
+}
+.bs-calendar table tr td.other-month > div {
+  opacity: .5;
+}
+.bs-calendar table tr td.dow-0 > div {
+  color: var(--red);
+}
+.bs-calendar table tr td.dow-6 > div {
+  color: var(--blue);
+}
+.bs-calendar table tr td.selected > div {
+  background-color: var(--blue);
+  color: var(--white);
+  border-radius: 50%;
+}
+.bs-calendar table tr td.range-selected > div {
+  background-color: var(--blue);
+  color: var(--white);
+  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(--gray-200);
+}
+.bs-calendar table.disabled {
+  background-color: var(--gray-200);
+  opacity: .7;
+  border-radius: 4px;
+}
+.bs-calendar table.disabled tr > td {
+  cursor: default;
+}
+.bs-calendar .bs-calendar-time {
+  margin-top: calc(var(--spacing, .25rem) * 2);
+  padding: calc(var(--spacing, .25rem) * 2);
+  flex-direction: row;
+  justify-content: center;
+  align-self: stretch;
+  align-items: center;
+  display: flex;
+}
+.bs-calendar .bs-calendar-time .select-wrap {
+  width: 100%;
+  padding: calc(var(--spacing, .25rem) * 2);
+  background-color: var(--gray-100);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.bs-calendar .bs-calendar-time .select-wrap > span {
+  padding-inline: calc(var(--spacing, .25rem) * 1);
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-calendar-range .tilde {
+  padding: calc(var(--spacing, .25rem) * 2);
+  font-size: 1.2rem;
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-text-input.value-right input {
+  text-align: right;
+}
+.bs-text-input.value-center input {
+  text-align: center;
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.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 */
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-date-input-popup {
+  padding-inline: calc(var(--spacing, .25rem) * 4);
+  padding-block: calc(var(--spacing, .25rem) * 2);
+}
+.bs-date-input-popup .buttons {
+  margin-top: calc(var(--spacing, .25rem) * 2);
+  justify-content: center;
+  align-items: center;
+  gap: calc(var(--spacing, .25rem) * 1);
+  display: flex;
+}
+.bs-date-input-popup .buttons .bs-button {
+  min-width: calc(var(--spacing, .25rem) * 20);
+}
+
+/* Styles defined in components.css */
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-date-range-popup {
+  padding-inline: calc(var(--spacing, .25rem) * 4);
+  padding-block: calc(var(--spacing, .25rem) * 2);
+  display: flex;
+}
+.bs-date-range-popup .buttons {
+  margin-top: calc(var(--spacing, .25rem) * 2);
+  justify-content: center;
+  align-items: center;
+  gap: calc(var(--spacing, .25rem) * 1);
+  display: flex;
+}
+.bs-date-range-popup .buttons .bs-button {
+  min-width: calc(var(--spacing, .25rem) * 20);
+}
+
+/* Styles defined in components.css */
+/*! 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-duration: initial;
+}
+}
+}
+.bs-card-layout {
+  border: 1px solid var(--border);
+  width: 100%;
+  box-shadow: 4px 4px 4px var(--gray-100);
+  border-radius: .25rem;
+}
+.bs-card-layout > .card-layout-header {
+  height: calc(var(--spacing, .25rem) * 11);
+  padding-inline: calc(var(--spacing, .25rem) * 2);
+  background-color: var(--body-bg);
+  border-radius: .25rem;
+}
+.bs-card-layout.expanded > .card-layout-header {
+  border-bottom: 1px solid var(--border-light);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.bs-card-layout .card-layout-title {
+  margin-left: calc(var(--spacing, .25rem) * 1.5);
+  font-size: var(--text-base, 1rem);
+  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+}
+.bs-card-layout .expand-btn {
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .2s;
+  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 48;
+  color: var(--gray-500);
+  font-size: 1.4rem;
+  transition-duration: .2s;
+  display: inline-block;
+  transform: rotate(0);
+}
+.bs-card-layout.expanded .expand-btn {
+  transform: rotate(90deg);
+}
+.bs-card-layout .title-icon {
+  color: var(--gray-700);
+  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 48;
+  font-size: 1.4rem;
+}
+.bs-card-layout .title-icon-box {
+  margin-inline: calc(var(--spacing, .25rem) * 1.5);
+  margin-left: calc(var(--spacing, .25rem) * 1);
+  height: calc(var(--spacing, .25rem) * 4);
+  width: calc(var(--spacing, .25rem) * 4);
+  border-radius: var(--radius-sm, .25rem);
+  background-color: var(--gray-700);
+}
+.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);
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+/*! 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-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-leading: initial;
+}
+}
+}
+.bs-notification-container > .top-notification {
+  z-index: 250;
+  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  position: fixed;
+  top: 50px;
+  left: 50%;
+}
+.bs-notification-container > .top-notification > div {
+  padding-inline: calc(var(--spacing, .25rem) * 3);
+  --tw-leading: 1.4;
+  border: 1px solid var(--green);
+  color: var(--green);
+  background-color: var(--body-bg);
+  border-radius: .25rem;
+  justify-content: center;
+  align-items: center;
+  padding-block: 11px;
+  line-height: 1.4;
+  display: flex;
+  position: relative;
+  box-shadow: 0 4px 4px #0003;
+}
+.bs-notification-container > .top-notification > div:before {
+  content: "check_circle";
+  margin-right: calc(var(--spacing, .25rem) * 1.5);
+  width: 1.0769em;
+  height: 1.0769em;
+  font-family: var(--icon-font-family);
+  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
+  display: inline-block;
+}
+.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 {
+  right: calc(var(--spacing, .25rem) * 5);
+  bottom: calc(var(--spacing, .25rem) * 5);
+  z-index: 250;
+  position: fixed;
+}
+.bs-notification-container > .bs-loading-icon {
+  inset: calc(var(--spacing, .25rem) * 0);
+  z-index: 300;
+  opacity: .1;
+  background-color: #000;
+  position: fixed;
+}
+.bs-notification-container > .bs-loading-icon > .font-icon {
+  opacity: 1;
+  color: var(--white);
+  font-size: 52px;
+}
+[data-theme="dark"] .bs-notification-container > .top-notification > div {
+  box-shadow: 0 4px 4px #ffffff1a;
+}
+@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;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-context-menu {
+  min-width: calc(var(--spacing, .25rem) * 30);
+  cursor: default;
+  padding-block: calc(var(--spacing, .25rem) * 1);
+  min-height: auto;
+  max-height: 500px;
+  overflow: auto;
+}
+.bs-context-menu > .menu {
+  cursor: pointer;
+  padding-inline: calc(var(--spacing, .25rem) * 3);
+  padding-block: calc(var(--spacing, .25rem) * 1.5);
+  white-space: nowrap;
+  align-items: flex-start;
+  display: flex;
+}
+.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";
+  right: calc(var(--spacing, .25rem) * .5);
+  max-width: 1em;
+  font-size: var(--text-base, 1rem);
+  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  font-family: var(--icon-font-family);
+  position: absolute;
+}
+.bs-context-menu > .menu.separator {
+  margin-block: calc(var(--spacing, .25rem) * 1);
+  padding: calc(var(--spacing, .25rem) * 0);
+  border-bottom: 1px solid var(--border);
+}
+.bs-context-menu > .menu.no-padding {
+  padding: calc(var(--spacing, .25rem) * 0);
+}
+.bs-context-menu > .menu a {
+  width: 100%;
+  padding-inline: calc(var(--spacing, .25rem) * 3);
+  padding-block: calc(var(--spacing, .25rem) * 1.5);
+  color: var(--body-text);
+  text-decoration-line: none;
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-context-menu-container .context-menu-curtain {
+  inset: calc(var(--spacing, .25rem) * 0);
+  z-index: 300;
+  position: fixed;
+}